/* Global and Common Settings
-----------------------------------------------------------------------------*/
html, body { border:0; margin:0; padding:0; background-color: #F1F6E3; background: transparent url(../images/bg.png) repeat-x scroll 0 0}

#wrapper{ border:0; margin:0; padding:0; 
/*
background-color: #F1F6E3; background-image: url('../images/bg-body.gif'); background-repeat: repeat-x;
*/
}

/* 
'Root' font size - use the 16px default.
IE uses 100% - so that the user text sizing works (browser base font size is set at 16px)
FF, Safari, Opera etc uses 16px - because the browser base font size can be reset at will in the Preferences.
The setting of 16px will be picked up by FF, Safari, Opera. 
Conditional comments for IE will override this with 100%. See the iKit template.

font:16px/1.25em - works for View -> Text Size, but not when base font is set manually in FF Prefs.

*/

body.admin { border:0; margin:0; padding:0; background-color: #F1F6E3; background-image: url('../images/bg-body-admin-blue.gif'); background-repeat: repeat-x; }

body { font:100%/1.2em verdana, arial, helvetica, sans-serif; color: #000000; text-align: left; }

img { border:0; }
img.border { border:1px solid black; }
a, a:visited { text-decoration:none; }
a img,:link img,:visited img { border:none }
:link,:visited { text-decoration:none }
ul { list-style:none } /* Remove OL from this. Not sure way the number needs to be removed */

ol li {margin: 5px 0 0 0}

address { font-style:normal }

.clear-bg      { clear:both; margin-bottom: 0px; }
.clear         { clear:both; line-height:0;height:0px; }
.clear-right   { clear:right; }
.float-left    { float:left; }
.float-right   { float:right; }
.hide 		   { display: none; }
.text-left     { text-align:left; }
.text-right    { text-align:right; }
.text-center   { text-align:center; }
.text-justify  { text-align:justify; }
.bold          { font-weight:bold; }
.italic        { font-style:italic; }
.underline     { border-bottom:1px solid; }
.highlight     { background:#ffc; }
.img-left      { float:left;margin:4px 10px 4px 0; }
.img-right     { float:right;margin:4px 0 4px 10px; }
.nopadding     { padding:0; }
.noindent      { margin-left:0;padding-left:0; }
.nobullet      { list-style:none;list-style-image:none; }
.header-print  { display: none; }

/* Typography
-----------------------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6 { margin:0; padding:0; font-weight:normal; }
h1 { font-size: 2.2em; }
h2 { font-size: 2.0em; }
h3 { font-size: 1.8em; }
h4 { font-size: 1.6em; }
h5 { font-size: 1.4em; }
p { font-size: inherit; } /* No relative sizing here. Moved up to parent and rely on inheritance. See #content. */

/* Forms
-----------*/
form { margin:0; padding:0; display:inline; }
input, select, textarea { font:1em arial, helvetica, sans-serif; }
textarea { line-height:1.25; }
label { cursor:pointer; }
 
/* Tables
-----------*/

/* Inherit font-size at table element level so that td can also inherit the 
   correct value further down. Otherwise the size is reset back to 16px. */
table { border:0; margin:0 0 18px 0; padding:0; border-spacing: 0; border-collapse: collapse; font-size: inherit;}
table tr td { padding: 2px; font-weight: normal;font-size: inherit;}
td{font-size: inherit; }

/* Homepage
-----------------------------------------------------------------------------*/
#wrapper {  }
#container { width: 925px; margin:0 auto; padding:10px 0pt 0pt; text-align:left;  }


/* Header
-----------------------------------------------------------------------------*/
#header {background: transparent url(../images/header.gif) no-repeat scroll center bottom;}

/* #header h1 { margin: 0; background: transparent url('../images/logo.gif') no-repeat;} */
#header h1 { margin:0 0 0 0; padding:0 0 0 0; height: 142px;

}

.map { width: 150px; margin: 0 0 0 800px; padding: 0 0 0 0px; position: absolute;}

/* Search
-----------------------------------------------------------------------------*/
.search { position: absolute;  padding: 0 0 0 628px; float: right; top: 100px;}
.search form { margin: 0 0 0 0; padding: 0 0 0 0; }
.search .searchbutton { margin: 0 0 0 0; padding: 0 0 0 0; vertical-align: bottom;  }		
.search input.inputbox { border: 1px solid #B3E1EF;	width: 200px;	background: white; font: 12px verdana, sans-serif; color: #4D0515;	padding: 4px;	outline: none;	font-weight: normal; }
	

#searchbar { float: right; padding: 0 0px 0 0; height: 80px; } 
#searchbar ul { display: block; color: #2D69B7; padding: 0px 10px 0px 2px; margin: 5px 0 0px 0;font-size: 0.8em;}
#searchbar ul li { float: left; margin-left: 6px; }
#searchbar li a, #searchbar li a:visited { color: #3E82CB; text-decoration: none; outline: none; font-size: inherit; }
#searchbar li a:hover, #searchbar li a:focus { color: #e82369; border-bottom: 1px solid #D8E5F4; }
form { margin: 0px; padding: 0px; }


/* Deprecated ??? 
#search { float: left; padding: 18px 0 0 0; }
#keywords { border: 0pt none ; margin: -2px 5px 0pt 10px; padding: 3px; color: rgb(51, 51, 51); font-size: 0.7em; float: left; height: 15px; }
#searchTitle { display: none; }
#btnSearch { border: 0pt none ; margin: -1px 0pt 0pt; padding: 0pt; background: transparent url('../images/btn_search.gif') no-repeat; overflow: hidden; float: left; height: 18px; width: 50px; display: inline; text-indent: -9999px; cursor: pointer; }
#btnSearch:hover { background: transparent url('../images/btn_search.gif') no-repeat scroll 0pt -18px; }

*/


/* BODY
-----------*/
#wrapper-body { /*border-top: 1px solid rgb(255, 255, 255);*/ background: transparent url('../images/wrapper-page.gif') repeat-y scroll left top; }
#wrapper-body #gooey {/* background: transparent url('../images/wrapper-bottom.gif') no-repeat left bottom;*/ }

#wrapper-body #pageNav { float: left; width: 242px; padding: 10px 5px 0 5px }

/*
   Set the padding on the content div so that we don't have to worry aout padding and margin on child elements.
   Also makes it compatible as a container for iKit content.
   Note: IE 6+ is in stds compliant mode, so width is the width of content, not content + padding+ border.
   Total width should add up to 623 px. 
   So 600 + 12 + 11 = 623 px.
   Set the font size on this container. This will be the base font size for all child elements. All child elements
   will have their relative font sizes calculated from the computed value of this element ie 16px * 0.8 = 12.8 px.
   Inheritance  will be used to avoid compounding when elements get nested eg ul, ol. 
*/

#content { padding: 0 30px 0 11px; width: 619px; float: right; font-size: 0.8em;  font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.3em; font-size-adjust: none; font-stretch: normal; color: #333333; }

#pageNav .banner { margin: 0; padding: 0 0 8px 12px; }

#content .banner { margin: 0; padding: 0 0 10px 11px; }

/* 
   #content is the base and uses 0.8 em = 12.8px 
   Headers are therefore calculated based on 12.8 px.
*/
/* Font size = 22.4px/12.8px = 1.75 */
#content h1 { margin: 0; padding: 10px 10px 15px 0px; font-size: 2.0em; font-family: Arial,Verdana,sans-serif; font-weight: normal; letter-spacing: -0.01em; line-height: 1em; text-align: left; color: #BF0024;}

/* Font size = 19.2px/12.8px = 1.5 */
#content h2 { margin: 0; padding: 10px 10px 10px 0px; font-size: 1.5em; font-family: Arial,Verdana,sans-serif; font-weight: normal; letter-spacing: -0.01em; line-height: 1em; text-align: left; color: #000;}

/* Font size = 16.2px/12.8px = 1.26 */
#content h3 { margin: 0; padding: 0 0 5px 0px; font-size: 1.26em; font-family: Arial,Verdana,sans-serif; font-weight: bold; letter-spacing: -0.01em; line-height: 1em; text-align: left; color: #3F3D3D;}

/* No relative sizing here. Moved up to parent and rely on inheritance. See wikitext. */
#content p { font-size: inherit; font-family: verdana, arial, sans-serif; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.5em; font-size-adjust: none; font-stretch: normal; color: #333; margin: 0 0 15px 0px;}

#content hr { clear:both; margin: 0 0 0 0; padding: 0 0 30px 0; background: transparent url('../images/divider.jpg') no-repeat scroll center bottom; line-height: 1.4; border: none; }

#content a, #content a:visited {	color: #3E82CB;	text-decoration: none; outline: none;  }		
#content a:hover { color: #e82369;  border-bottom: 1px solid #D8E5F4;}	

#content .photo { width: auto; float: right; border: 2px solid #DEE9F5;  padding: 2px 2px 2px 2px;  margin: 10px 10px 10px 10px; text-align:center;  }

#content .split-left { width: 280px; float: left; padding: 15px 0 0 0; }
#content .split-right { width: 320px; float: left; padding: 15px 0 0 20px; }

#content .news { margin: 0; padding: 0 0 5px 11px; clear: both; }
#content .news .time { margin: 0pt 10px 0pt 0pt; padding: 6px 0pt 6px 0pt; background: transparent url('../images/date_bg.gif') no-repeat scroll left top; float: left; text-align: center; width: 45px; height: 45px; line-height: 1em; }
#content .news .time .month { margin: 0pt 0pt 3px; padding: 0pt; text-transform: uppercase; font-size: 60%; color: rgb(160, 160, 160); letter-spacing: 1px; }
#content .news .time .day { margin: -5px 0 0 0; padding: 0pt; font-size: 100%; color: rgb(96, 96, 96); }
#content .news h1.newstitle { margin: 0pt; padding: 6px 0pt 0pt; font-size: 80%; font-weight: normal; line-height: 14px; }
#content .news h1.newstitle a { margin: 0pt; padding: 0pt; color: #3E82CB;	text-decoration: none; outline: none;  }
#content .news h1.newstitle a:hover { color: #0E2E54;  border-bottom: 1px solid #D8E5F4; }

/* BODY (SECONDARY PAGES)
-----------------------------------------------------------------------------*/
#banner-page { height: auto; width: 925px; padding: 0 0px 0 0; margin: 0 0 0 0; }
#banner-page p, #banner-mission p {padding:0; margin:0}
#banner-mission { height: auto; width: 925px; padding: 0 0px 0 0; margin: 0 0 0 0; }
#banner-none { height: 37px; width: 900px; padding: 0 25px 0 0; margin: 0 0 0 0; }
#content .split-page-left { width: 300px; float: left; padding: 15px 0 0 0; }
#content .split-page-right { width: 300px; float: left; padding: 15px 0 0 15px; }
#dashboard { width: 900px; padding: 10px 0px 10px 0px; margin: 0px 0 0 -300px; position:relative}

/*
ul.list { list-style-type: none; list-style-image: none; list-style-position: outside; margin: 0 11px 10px 20px; padding: 0; font-family: Verdana, Arial,  sans-serif; font-size: 0.8em; }
ul.list li { background: transparent url('../images/bullet.gif') no-repeat scroll 0px 3px; list-style-type: none; list-style-image: none; list-style-position: outside; padding-left: 20px; padding-bottom: 0.5em; line-height: 1.3em; color: #333333; }
.list a, .list li a:visited { color: #3E82CB; text-decoration: none; outline: none; }
.list a:hover, .list a:focus { color: #000; border-bottom: 1px solid #D8E5F4; }
*/
/* 	Renamed ul.list class. Don't want to have to rely on the human editor to take an
	extra step to set the list class - they may forget. General philosophy: automate
	as much as possible within the stylesheet. */
#content ul { list-style-type: none; list-style-image: none; list-style-position: outside; margin: 0 0px 10px 9px; padding: 0; font-family: Verdana, Arial,  sans-serif; font-size: inherit; }
#content ul li { background: transparent url('../images/bullet.png') no-repeat scroll 0px 2px; list-style-type: none; list-style-image: none; list-style-position: outside; padding-left: 20px; padding-bottom: 0.5em; line-height: 1.3em; color: #333333; }
#content ul a { color: #3E82CB; text-decoration: none; outline: none; }
#content ul li a:visited {}
#content ul a:hover, #content ul a:focus { color: #000; border-bottom: 1px solid #D8E5F4; }


#content ol li {margin: 0 11px 20px 0px; padding: 0; list-style-position: outside; list-style-type: decimal; font-family: Verdana, Arial,  sans-serif; font-size: 0.8em; color: #606060; }

#content ol li ul li { margin: 0 11px 0px -10px; padding: 0; font-family: Verdana, Arial,  sans-serif; font-size: 1em; color: #606060; list-style-type: disc; }

#content em { font-style: normal;	background: #ffc; }

/*
************************ Content : Breadcrumb *************************/		
  div.breadcrumb { margin: 0 0 5px 0; padding: 0px; }

  #content .breadcrumb p { font-size: 80%; color: #000; margin: 0 0 0 0; padding: 0px 5px 0 0px; line-height: 15px; text-align: left}

  #content .breadcrumb p a {	color: #3B8CBD;	font-weight: bold; text-decoration: none; outline: none;  }
  #content .breadcrumb p a:hover {	color: #000; }
  #content .breadcrumb p a:active { color: #000; }	

/** SIDEMENU **/  
.sidemenu {/* border: 1px solid #d0d0d0; */margin: 0 0 10px 12px;  padding: 0; background-color: transparent; width: auto; }
.sidemenu_content {/* border: 1px solid #d0d0d0;*/  background-color: transparent; }
.sidemenu_content ul { margin: 0px; padding: 0px 0px 15px; }
.sidemenu_content ul li { margin: 0px; padding: 0px 15px; list-style-type: none; list-style-image: none; list-style-position: outside; background: transparent url(../images/arrow-red.gif) no-repeat scroll 15px 12px}
.sidemenu_content ul li a {font-size: 12px; color: #285B94; text-decoration: none; display: block; padding: 5px 0 5px 0;margin:0 0 0 10px;}

.sidemenu_content ul li a:hover { color: #e82369; }

.sidemenu_content ul li.main { font-weight: bolder; }
.sidemenu_content ul li.child { font-size: 12px; }

.sidemenu_content ul li.active a {color:#DF4545; }

.sidemenu_content h2 {margin: 0px; padding: 10px 15px 0 15px; }
.sidemenu_content h2 a {font-weight: bolder; font-size: 12px;border-bottom: 2px solid #F9A6B9; color: #992238; text-decoration: none; display: block; padding: 5px 0px 5px 0;margin:0px}

/* The nav for News box */
li.sidemenu_nav {background: none !important; font-size:10px}
.sidemenu_content .sidemenu_nav a {display:inline; font-size:10px}
.sidemenu_content .sidemenu_nav a {border:none; margin: 0; padding:0}


#pageNav form { margin: 0 0 0 12px; padding: 0 0 0 0; }
.searchfield {	border: #d0d0d0 2px solid; font-size: 14px; color: #000000;  padding: 5px; font-family: Verdana, Arial, Sans-Serif;	background-color: #ffffff; width: 208px; font-weight: normal;}	  

/*
********** Dashboard TABLE  ***********/ 
.dashboardtable {
	width: 900px;
	padding: 0;
	margin: 0;
}

caption {
	padding: 0 0 5px 0;
	width: 700px;	 
	font: italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
}

#content .dashboardtable th {
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #4f6b72;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #CAE8EA url(../images/bg_header.jpg) no-repeat;
}

#content .dashboardtable th.nobg {
	font: bold 14px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #C1DAD7;
	background: none;
}

#content .dashboardtable tr td {
	text-align:left; 
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #333;
	font: normal 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}
#content .dashboardtable tr td p {font: normal 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}

#content .dashboardtable tr.alt td{
	background-color: #F5FAFA;
	color: #333;

}

#content .dashboardtable td.alt2 {
	color: #797268;

}

#content .dashboardtable .spec {
	width: 285px;
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #fff url(../images/bullet1.gif) no-repeat;
	font: bold 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

#content .dashboardtable .specalt {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #f5fafa url(../images/bullet2.gif) no-repeat;
	font: bold 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #797268;
}

#content .dashboardtable th a, .dashboardtable th a:visited {	color: #3E82CB;	text-decoration: none; outline: none;  }		
#content .dashboardtable th a:hover { color: #e82369; }


/* Footer
-----------------------------------------------------------------------------*/

#footer { margin: 0; padding: 5px 0 0 0; color: #000; font-family: verdana,Arial,Helvetica,sans-serif; font-size: 0.7em; line-height: 18px; text-align: center; 
background: transparent url(../images/footer.gif) bottom no-repeat;
height: 32px;
}
#footer a, #footer li a:visited { color: white; text-decoration: none; outline: none; }
#footer a:hover, #footer a:focus { color: #3E82CB; border-bottom: 1px solid #D8E5F4; }

/* Top Navigation
-----------------------------------------------------------------------------*/
/* See menu.css */


#nextprev_nav {color: #aeafae; font-size: 0.8em; padding: 10px 0 20px 0}
#nextprev_nav a {color: #aeafae}
#nextprev_nav a:hover {color: #333; text-decoration:none; border-bottom: 1px solid #D8E5F4}
#prev_nav {width:50%; float:left}
#next_nav {width:50%; text-align:right; float:right}

/* For 'more info' popup windows */
.moreinfo #content {width: 60%; float:none; margin: 20px auto; padding: 20px; background-color: white; }