@charset "utf-8";
/* CSS Document */

p, li{font-size: 0.8em; font-family: Arial, Helvetica, sans-serif; color: #113366; padding:0; margin:0; }
h1{font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif}
h3, h4 {font-size: .8em; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; color: #556688;}
h2 {font-family: arial; color: #c90; font-size: 2em; }

body {
	background: #e1e1f1 url(../images/bkg-repeat6.gif) repeat-x 100% 0%;
	text-align: center;
	} 

h2 {
	clear: both;
	margin: 0;
}

div#container {
	width: 800px;
	margin: 0 auto;
	min-height: 100%
	padding: 0;
	text-align: left;
}

div#border {
	}

div#content {
	width: 798px;
	background-color: #ffffff;
	overflow: hidden;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	}
	
div#content_main {
	margin: 1em 1em 1em 1em;
	width: 780px;
	min-height: 400px;
}

div#branding {
	width: 100%;
	height: 150px;
	background-color: #fff;
	padding:0;
	margin: 0;
	}

div#branding h1 {
	z-index: 2;
	position: absolute;
	background: url(../images/branding_logo.jpg) no-repeat;
	text-indent: -9999px;
	width: 561px;
	height: 137px;
	padding:0;
	margin: 0;
	}
	
div#branding blockquote {
	z-index: 3;
	position: relative;
	padding: 0;
	margin: 0;
	left: 320px;
	top: 90px;
	height: 58px;
	width: 363px;
	
	text-indent: -9999px;
	color: #fff;
	}

div#banner {
  background: url(../banner/rotate.php) no-repeat;
  width: 800px;
  height: 150px;
  border-bottom: 2px solid #556688;
}




/* --------------------BASIC ----------------------*/

div#basic p {
	line-height: 170%;
	padding: 0.2em 0 0.5em 1em;
	margin: 0;
}	
	
div#basic h3 {
	padding: 1em 0 .2em 0 ;
	color: #113366;
	margin: 0;
	font-size: 1em;
}

div#basic h4{
	padding: 1em 0 .5em 1em;
	color: #c90;
	margin: 0;
}
	
div#basic {
	margin: 0.1em 1em 1em 1em;
}



img.floatRight { 
    float: right; 
    margin: 0 20px 10px 10px;
	}

img.floatLeft {
	float: left;
	margin: 0 10px 0 5px;
}

img.floatCen{
	display:block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0.5em;
	margin-bottom: .5em;
	}
	
img.inlineDrop 
{vertical-align:text-top;} 

div#basic ul {
	list-style-type:none;
	margin: 0;
	padding: 0;
}

div#basic li, #basic ol {
	padding: 0.5em .5em 0.5em 1em;
	font-size: .9em;
}



/* -------------------------------------------------------------- */

div#site_info {
	background: #556688 url(../images/border_blue_bottom.jpg) no-repeat bottom;
	margin: 0;
	padding: 0;
	border-top: 6px solid #556688;
	height: 25px;
}
div#site_info li {
	display: inline;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 75%;
	color: #fff;
	margin: 0 0 0 10px;
	padding: 0;
	}

div#site_info_nav a {
	border-left: 1px solid #fff;
}

div#site_info a {
	margin: 0;
	color: #fff;
	text-decoration: none;
	padding: 0 0 0 1em;
	}

div#site_info_nav ul {
	float: left;
	margin: 0 ;
	padding: 0;
}

div#site_info_describe ul{
	float:right;
	margin: 3px 10px 0 0 ;
	padding: 0;
	font-size: 15px;
}

/*--NAV--*/

#nav_bar {width:800px; height:30px; position:relative; z-index:100; background: #556688 url(../images/border_blue_top.jpg) no-repeat;}
/* hack to correct IE5.5 faulty box model */
* html #nav_bar {width:800px; w\idth:799px;}
/* remove all the bullets, borders and padding from the default list styling */
#nav_bar ul {padding:0;margin:0;list-style-type:none;}
/*not sure what this does - original 149*/
#nav_bar ul ul {width:149px;}
/* float the 1st level list - original 149px to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#nav_bar li {display: block; float:left;width:90px;position:relative; top: 5px;}
/* style the links for the top level */
#nav_bar a, #nav_bar a:visited {display:block;font-size:12px;text-decoration:none; color:#fff; height:25px; border:1px solid #000; border-width:0px 0 0px 0px; padding-left:10px; line-height:25px; font-weight:bold;}
/* a hack so that IE5.5 faulty box model is corrected * - the w/idth controls 1st level in IE*/
* html #nav_bar a, * html #nav_bar a:visited {width:90px; w\idth:85px;}

/* style the second level background drop*/
#nav_bar ul ul a.drop, #nav_bar ul ul a.drop:visited {background:#8899bb url(../images/corner.png) no-repeat bottom right;}
/* style the second level hover */
#nav_bar ul ul a.drop:hover{background:#556688;}
#nav_bar ul ul :hover > a.drop {background:#556688;}
/* style the third level background */
#nav_bar ul ul ul a, #nav_bar ul ul ul a:visited {background:#8899bb;}
/* style the third level hover */
#nav_bar ul ul ul a:hover {background:#556688;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
#nav_bar ul ul {visibility:hidden;position:absolute;height:0;top:20px;left:0; width:149px;}
/* another hack for IE5.5 */
* html #nav_bar ul ul {top:21px;t\op:20px;}

/* position the third level flyout menu */
#nav_bar ul ul ul{left:149px; top:-5px; width:149px;}

/* position the third level flyout menu for a left flyout */
#nav_bar ul ul ul.left {left:-149px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
#nav_bar table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
#nav_bar ul ul a, #nav_bar ul ul a:visited {background:#556688; color:#fff; height:auto; line-height:1em; padding:5px 10px; width:128px;border-width:0 0px 0px 0px;}
/* yet another hack for IE5.5 */
* html #nav_bar ul ul a, * html #nav_bar ul ul a:visited {width:138px;w\idth:128px;}

/* style the top level hover */
#nav_bar a:hover, #nav_bar ul ul a:hover{color:#c90; background:#556688;}
#nav_bar :hover > a, #nav_bar ul ul :hover > a {color:#c90; background:#556688;}

/* make the second level visible when hover on first level list OR link */
#nav_bar ul li:hover ul,
#nav_bar ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
#nav_bar ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
#nav_bar ul :hover ul :hover ul{ visibility:visible;}

#nav_bar a.text-c {
	padding-left: 30px;
}

/*------------sub-nav ----------------*/

div#sub_nav {
	margin: .5em 0 .5em 0;
	width: 700px;
	border-bottom: 1px solid #556688;
	height: 24px;
}

div#sub_nav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

div#sub_nav ul li {
	display: inline;
	}
	
div#sub_nav a {
	text-decoration: none;
	font-size: 12px;
	color: #556688;
	padding: 5px 7px;
	font-weight: bold;
}

div#sub_nav a:hover {
	color: #c90;
	font-weight: bold;
}

/*------Icon---8*/
img.icon_floatLeft {
	float: left;
	padding: 1em;
		}

#map_canvas {
margin: 0 auto;
	width: 600px;
	height: 300px;
	border: 1px solid #556688;
}

/*----CAPTION-----*/

div#caption_right {
	float: right;
	width: 250px;
	border: 1px solid #556688;
	padding: 5px;
	margin: 10px;
}

div#caption_right p {
	font-size: 0.7em;
	font-style: italic;
	text-indent: 0;
}

div#caption_left {
	float: left;
	width: 250px;
	border: 1px solid #556688;
	padding: 5px 0 5px 20px;
	margin: 10px;
}

div#caption_left p {
	font-size: 0.7em;
	font-style: italic;
	padding: 5px;
	text-indent: 0;
}