﻿/*************************/
/* SECTION 1 - MAIN BODY */
/*************************/
body {font-size: 63.5%; margin: 0 auto; padding: 0; font-family: "trebuchet MS", Verdana, "tw Cen MT", serif; background-color:#fff;}


/**********************/
/* SECTION 2 - HEADER */
/**********************/
/*--------------------------------------*/
/* Section 2.1 - Global navigation menu */
/*--------------------------------------*/
.nav-global-container {display:none;}
.nav-global {display:none;}	
iframe {	background-color:#fff; color: #000;}

/*-----------------------------------*/
/* Section 2.2 - Sitename and Banner */
/*-----------------------------------*/
.site-slogan  {float: left; width: 400px; left: 20px; margin: 0px; padding: 0px; background-color: #fff;}
.img-header {position:absolute; width: 100%; top: -100px; padding: 0px;background-color: #fff;}

/*------------------------------------*/
/* Section 2.3 - Main navigation menu */
/*------------------------------------*/
.nav-main {display:none;}  
.nav-main ul {display:none;}	
.nav-main li {display:none;}
.nav-main li a {display:none;}
.nav-main a:hover, .nav-main a.selected {display:none;}
.buffer {display:none;}

.nav-main-search {display:none;}
.nav-main-search a, .nav-main-search a.visited{display:none;}
.nav-main-search a:hover {display:none;}

/*************************************/
/* SECTION 3 - SIDEBANNER FRONT PAGE */
/*************************************/
.sidebanner-frontpage {display:none;}
.img-sidebanner {display:none;}

/******************************/
/* SECTION 4 - SUB-NAVIGATION */
/******************************/
.nav-sub {clear: both; float: left; width: 160px; min-height: 500px; height: auto !important; height: 500px; margin: 0px; padding: 0px; background-color: #FFFFFF;}
.nav-sub ul {float: left; list-style: none; width: 160px; margin: 0px; padding: 0px; border-bottom: solid 1px #C8C8C8;}	
.nav-sub li {margin: 0px; padding: 0px;}
.nav-sub li.title {vertical-align: top; margin: 0px; padding: 0px 5px 4px 20px; color: #646464; text-transform: uppercase; font-weight: bold; font-size: 120%;}
.nav-sub li.group a {display: block; min-height: 1.5em; height: auto !important; height: 1.5em; line-height: 1.5em; margin: 1px 0px 1px 0px; padding: 0px 7px 0px 10px; border-top: solid 1px #C8C8C8;  border-left: solid 10px #C9C6EA; color: #646464; font-weight: bold; font-size: 120%;}
.nav-sub li a {display: block; min-height: 1.5em; height: auto !important; height: 1.5em; line-height: 1.5em; margin: 1px 0px 1px 0px; padding: 0px 7px 0px 10px; border-left: solid 10px #C9C6EA; color: #646464; text-decoration: none; font-size: 120%;}
.nav-sub li a:hover, .nav-sub li a.selected {border-left: solid 10px #7999C4; color: #f00; text-decoration: none;}
.container-content-sidebar-front {float: left; width: 99%; clear:both; margin: 0px; padding: 0px 0px 20px 1px; background-color: #FFFFFF;}
.container-content-sidebar, .container-content2-sidebar {float: left; clear:both; width: 100%;margin: 0px; padding: 0px 0px 0px 0px;background-color: #FFFFFF;}

/********************************/
/* SECTION 6A - CONTENT PAGE #1 */
/********************************/
.content {float: left; width: 81%; margin: 0px; padding: 0px 0px 0px 5px; background-color: transparent; color: #4B4B4B;} /* Width should be 444px, but IE-duplication bug forces us to reduce with 6px to 428px */
.contentbox-container {clear: both; margin: 0px; padding: 0px;} /* Width should be 428px, but IE-duplication bug forces us to reduce with 3px to 425px */
.contentbox-full {clear:both; width: 99%; margin: 0px; padding: 0px;}
.contentbox-half-left {float: left; width: 58%; margin: 0px; padding: 0px;}
.contentbox-half-right {float: right; width: 40%; margin: 0px; padding: 0px;}
.contentbox-third-left {float: left; width: 32%; margin: 0px 2px 0 0; padding: 0px;}
.contentbox-third-middle {float: left; width: 32%; margin: 0 2px; padding: 0px;}
.contentbox-third-right {float: right; width: 33%; margin: 0px ; padding: 0px;}

/********************************/
/* SECTION 6B - CONTENT PAGE #2 */
/********************************/
.content2 {float: left; margin: 0px; padding: 0px 20px 0px 20px; background-color: transparent; color: #646464;} /* Width should be 569px, but IE-duplication bug forces us to reduce with 6px to 563px */
.contentbox2-container {margin: 0px 0px 15px 0px; padding: 0px;} /* Width should be 563px, but IE-duplication bug forces us to reduce with 3px to 560px */
.contentbox2-full {width: 100%; margin: 0px; padding: 0px;}
.contentbox2-half-left {float: left; width: 48%; margin: 0px; padding: 0px;}
.contentbox2-half-right {float: right; width: 48%; margin: 0px; padding: 0px;}
.contentbox2-third-left {float: left; width: 176px; margin: 0px 17px 0px 0px; padding: 0px;}
.contentbox2-third-middle {float: left; width: 176px; margin: 0px; padding: 0px;}
.contentbox2-third-right {float: right; width: 176px; margin: 0px; padding: 0px;}

/************************************/
/* SECTION 6C - CONTENT PAGE COMMON */
/************************************/
/*--------------------------------------------------*/
/* Section 6C.4 - Page title, title and content box */
/*--------------------------------------------------*/
.content-pagetitle {clear:both;width: 100%; margin: 0px 0px 0px 5px; padding: 5px 0; background-color: transparent; border-bottom: solid 0px #C8C8C8; color: #646464; text-transform:  capitalize; font-weight: bold; font-size: 180%;}
.contentbox-title-noshading-small {margin: 0px 0px -5px 0px; padding: 0px; background-color: transparent;  color: #4B4B4B; font-weight: bold; font-size: 130%;}
.contentbox-title-noshading-medium {margin: 0px 0px -5px 0px; padding: 0px; background-color: transparent; color: #4B4B4B; font-weight: bold; font-size: 150%;}
.contentbox-title-noshading-large {margin: 0px 0px -5px 0px; padding: 0px; background-color: transparent; color: #4B4B4B; font-weight: bold; font-size: 170%;}
.contentbox-title-noshading-huge {margin: 0px 0px -5px 0px; padding: 0px; background-color: transparent; color: #4B4B4B; font-weight: bold; font-size: 180%;}
.contentbox-title-shading-small {	margin: 0px;	padding: 1px 0px 2px 3px;	background-color: #B4C9DE;	color: #000000;
	font-weight: bold;	font-size: 140%;	border-left-width: 10px;	border-top-style: none;	border-right-style: none;
	border-bottom-style: none;	border-left-style: solid;	border-left-color: #003261;}
.contentbox-title-shading-medium {margin: 0px; padding: 1px 0px 2px 3px; background-color: #003261; color: #4B4B4B; font-weight: bold; font-size: 150%;}
.contentbox-title-shading-large {margin: 0px; padding: 1px 0px 2px 3px; background-color: #003261; color: #4B4B4B; font-weight: bold; font-size: 170%;}
.contentbox-title-shading-huge {margin: 0px; padding: 1px 0px 2px 3px; background-color: #003261;color: #4B4B4B; font-weight: bold; font-size: 180%;}
.contentbox-noshading {margin: 0px; padding: 0.7em 0px 0px 0px; background-color: transparent;}
.contentbox-shading {margin: 0px; padding: 7px 10px 5px 10px; background-color: #003261;}
.contentbox-noshading li {font-size: 120%;}
.contentbox-full li {font-size: 140%;}

/*---------------------*/
/* Section 6C.4 - Text */
/*---------------------*/
/* Heading */
h1 {margin: 0px; font-weight: bold; font-size: 160%;}
h2 {margin: 0px; font-weight: bold; font-size: 150%;}
h3 {clear: left; margin: 0em 0px 0em 0px;	font-weight: bold; font-size: 140%;}
h4 {clear: left; margin: 0em 0px 0em 0px; font-weight: bold; font-size: 130%;}
h5 {clear: left; margin: 0px; font-weight: bold; font-size: 130%;}
h6 {clear: left; margin: 0px;	font-weight: bold; font-style: italic; font-size: 130%;}

/* Paragraph */
p {margin: 0; padding: 0px; font-size: 135%; }
p.readmore {margin: -0.2em 0px 0.5em 0px; padding: 0px; line-height: 1.2em; font-size: 110%; }
p.quote {margin: 0em 30px 0.6em 30px;	line-height: 120%; font-size: 120%;}

/* Embedded */
.embed {float: left; width: 120px; margin: 7px 7px 5px 0px; padding: 5px 5px 5px 5px; background-color: rgb(238,237,249); font-style: italic; font-weight: bold;  line-height: 1.2em; font-size: 140%;}
.embed-caption {float: left; margin: 5px 0px 0px 0px; padding: 0px; font-style: italic; font-weight: normal; line-height: 1.2em; font-size: 70%;}

/* Lists */
.content ul.noindent, .content2 ul.noindent {margin: 0px 0px 7px 15px; padding: 0px; list-style-type: disc; list-style-position: outside; font-size: 130%;}
.content ul, .content ul.indent, .content2 ul.indent {margin: 0px 0px 5px 10px; padding: 0px 0px 0px 10px; list-style-type: disc; font-size: 115%;}
.content ol, .content2 ol {margin: 0px 0px 0px 9px; padding: 0px 0px 0px 15px; list-style-type: decimal; list-style-position: outside; font-size: 130%;}

/* Link List */
.content ul.linklist-noindent, .content2 ul.linklist-noindent {margin: -0.3em 0px 0.5em 0px; padding: 0px; list-style-type: none; line-height: 1.2em; font-size: 120%; }
.content ul.linklist-indent, .content2 ul.linklist-indent {margin: 0px 0.5em 0px; padding: 0px 0px 0px 10px; list-style-type: none; list-style-image: url('../images/arrow1.gif');  font-size: 130%; }
.content ul.linklistboxes-indent {margin: 0px 0.5em 0px; padding: 0px 0px 0px 10px; list-style-type: none; list-style-image: url('../images/arrow1.gif');  font-size: 130%; }
/*-----------------------*/
/* Section 6C.5 - Tables */
/*-----------------------*/
.table {clear: left; margin: 0.5em 0px 0.2em 30px; border: solid 1px rgb(150,150,150); empty-cells: show; border-collapse: collapse; background-color: rgb(233,232,244);}
.table tr {margin: 0px; padding: 0px;}
.table td {padding: 2px 7px 2px 7px; border: solid 1px rgb(150,150,150); text-align: left; font-size: 120%;}
.table th {margin: 0px; padding: 2px 7px 2px 7px; border: solid 1px rgb(150,150,150); empty-cells: show; text-align: left; font-size: 120%; 	}
p.table-caption {margin: 0.5em 0px 1.0em 30px; padding: 0px; clear: both; text-align: left; font-size: 120%;}

/*-----------------------*/
/* Section 6C.6 - Images */
/*-----------------------*/
.img-left-noborder {float: left; margin: 2px 7px 3px 0px;}
.img-right-noborder {float: right; margin: 2px 0px 3px 7px;}
.img-left-border {float: left; margin: 4px 7px 3px 0px; border: solid 1px rgb(150,150,150);}
.img-right-border {float: right; margin: 2px 0px 3px 7px; border: solid 1px rgb(150,150,150);}

/***********************/
/* SECTION 7 - SIDEBAR */
/***********************/

.sidebar {float: right; width: 17%; margin: 0 8px 0 0px; padding: 3.1em 0 0 0; background-color: #FFFFFF; color: rgb(75,75,75);}
.sidebarbox-noborder {margin: 0px 0px 1.0em 0px; padding: 0px;}
.sidebarbox-border {margin: 0px 0px 1.0em 0px; padding: 4px; border: solid 1px #C8C8C8;}
.sidebarbox-title-noshading {display: block; margin: 0px 0px 2px 0px; padding: 0px; background-color: transparent; font-weight: bold; font-size: 110%;}
.sidebarbox-title-shading {display: block; margin: 0px 0px 2px 0px; padding: 2px 5px 3px 5px; background-color: rgb(225,225,225); font-weight: bold; font-size: 115%;}
.sidebarbox-noborder p {margin: 0px 5px 0.4em 5px; padding: 0px; background-color: transparent; line-height: 1.2em; font-size: 115%;}
.sidebarbox-border p {margin: 0px 0px 0.4em 0px; padding: 0px; background-color: transparent; line-height: 1.2em; font-size: 115%;}

/**********************/
/* SECTION 8 - FOOTER */
/**********************/
.footer {clear: both; width: 100%; height: 3.0em; margin: 0px; padding: 0.5em 0px 0.5em 0px; border-top: solid 1px #7D7D7D; background-color: #fff; color: #000;}
.footer p {margin: 0px; padding: 0px; text-align: center; line-height: 1.3em; font-size: 110%; font-weight:bold;}
.footerformat {clear: both; margin-right: 8px; font-size: 90%; color: #6f6f6f; text-align:right;}

/***************************************************/
/* SECTION 9 - HYPERLINKS FOR NON-NAVIGATION TEXTS */
/***************************************************/
.content a, .content2 a{color: #4B4B4B; text-decoration: underline;}
.content a:visited, .content2 a:visited{color: #4B4B4B;}
.content a:hover, .content2 a:hover{color: #f00; text-decoration: none;}
.footer a {color: #000; text-decoration: underline;}
.footer a:hover {color: #f00; text-decoration: none;}

.sidebar a {color: rgb(75,75,75); text-decoration: underline;}
.sidebar a:visited {color: rgb(75,75,75); text-decoration:underline;}
.sidebar a:hover {color: #f00; text-decoration: none;}

/********************************/
/* SECTION 10 - GENERIC CLASSES */
/********************************/
.nav-global-font {font-size: 1.0em;}
.nav-main-font {font-size: 1.0em;}
.nav-sub-font {font-size: 1.0em;}
.content-font {font-size: 1.0em;}
.sidebar-font {font-size: 1.0em;}
.footer-font {font-size: 1.0em;}
.box-on {float: left; min-width: 0.5em; margin-right: 0.2em; padding-left: 0.3em;}
.box-off {display: none;}
.align-left {text-align: left;}
.align-right {text-align: right;}
.align-center {text-align: center;}

.txt-white {color: #FFFFFF;}
.txt-black {color: #000000;}


/******************************/
/* SECTION 11 - MISCELLANEOUS */
/******************************/
.showcode { font-family: monospace; font-weight: bold; font-size: 13px; color: rgb(255,0,0);}
.clear {clear: both;}
.hide {display: none;}
br {clear: none;}
p {margin: 0; padding:0;}
.post {
padding : 3px;
margin : 0px 10px 10px 5px;
border : 1px dashed #8a795d;
font-size : 80%;
color: #aaa;
background : #fff;
}
.post a:link, .post a:visited {	color:#f00; text-decoration:none;}
.post a:hover {color: #f00; text-decoration:underline;}
.post .readmore { 
background : transparent url('../images/document.gif') no-repeat left center;
padding-left : 15px;
margin : 0 15px 0 5px;
}

/* ========================= External Links Images  ================================== */
a[href^="http:"]{
  background: url('../images/externalLink.gif') no-repeat right;
  padding-right: 11px;
}
a[href^="https:"]{
  background: url('../images/externalLink.gif') no-repeat right;
  padding-right: 11px;
}

a[href^="mailto:"] {
  background: url('../images/emailLink.gif') no-repeat right;
  padding-right: 12px;
}
a[href$=".pdf"] {
  background: url('../images/pdf.gif') no-repeat 100%;
  padding: 0px 13px 0px 0px;
}
/* ========================= End External Links Images  ================================== */

