body {font: 12px arial, helvetica, sans-serif; text-align: center; margin: 0; padding: 0; background-color: #fff;}
body * {text-align: left;}
#wrapper {width: 1001px; margin: 0 auto;}
h1, h2, h3, img {margin: 0; padding: 0;}
h1 {font-size: 20px; text-indent: -1000px; background: url(../images/index_pic.jpg) no-repeat; width: 1001px; height: 309px;}
h2 {font-size: 13px; color: #fff; background-color: #00467f; text-align: center; padding: 3px; margin-right: 5px;}
h3 {font-size: 15px; text-align: left; margin:0 0 5px 30px; text-decoration: underline;} 
.smtext {margin-left: 15px; font-size: 10px; color: #000;}

img {border: none;}
ul {list-style: none; margin: 0;}

a {text-decoration: none;} 
a:link, a:visited {color: #00467f;}
a:hover {text-decoration: underline; color: #939292;}

#container h3 a:link, a:visited {color: #00467f}
#container h3 a:hover {color: #939292;}

/*#header {position: relative;}*/
/*#search {width: 450px; position: absolute; top: 120px; left: 560px;}*/
#search {margin: 100px 0px 0 480px; text-indent: 0!important;}
#search ul {margin: 0; padding: 0px; text-align: right; font-weight: normal;}
#search li {font-size: 11px; list-style-type: none; display: inline; color: #383e48;}
#search li a {text-decoration: none; padding: 0 2px; color: #383e48;}
#search li a:hover {color: #757b7b;}
.search_box {width: 145px;}
#search input {font-size: 11px; margin: 0 3px; padding: 0;}
#search form {display: inline; margin: 0; padding: 0;}
#search .go {border: 1px solid #ccc; margin: 0px; width: 28px; padding: 0 3px !important; background: #02437b; color: #fff; font-weight: bold;}
#search .txt {padding: 0 4px;}

/*
li li a {width: 150px; background: #a2cae9; color: #00467f; margin: 0; padding: 5px 10px; font-size: 10px; text-align: left; text-decoration: none; display: block;}
li li a:visited {color: #00467f; text-decoration: none;}
li li a:hover {color: #fff; text-decoration: none; background: #00467f;}
*/
/***********************************************************************/
/*****                                            GLOBAL NAVIGATION                               *******/
/*********************************************************************/
#nav {
width: 1001px; 
text-align: center;
margin: 0px;
float: left; 
clear: both;
}

#nav ul {
  display: block;
  list-style:none;
  padding: 0px;
  margin: 0;
  float: left;
  color: #000;
 }
 
#nav ul a {
margin: 0px;
display: block;
 }

#nav ul li {
  /*display: inline;*/
  color: #000;
  float: left; /* otherwise there are gaps between each nav item */
  padding: 0px;
  margin: 0px;
 }

#nav ul li a {
 /*display: inline;  remove this otherwide the dropdown menus will be shifted to the right of the nav on IE*/
  text-align: center;
  margin: 0px;
  color: #000;
  text-decoration: none;
  padding: 0px;
 }

/*************** Dropdown Menu *************/
/******************************************/

#nav ul li ul{ 
  display: block;
  position: absolute;
  left: -999em;
  width: 190px;
  overflow: hidden;
  margin: 0px 0px 0px 23px;
  padding: 0;
  float: none;
  z-index: 100;
}

#nav ul li ul li {
  float: none;
  display: block;
  padding: 0;
  margin: 0!important;
}

#nav ul li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
  left: auto;
  padding: 0px;
  padding-right: 25px!important;
 }

#nav ul li ul li {
   padding: 0;
  	margin: 0;
	/*width: 100%;remove it so that it won't have a gap between each list item on IE 7 */
	display: inline; /* add this so that it won't have a gap between each list item on IE 6 */
}

#nav ul li ul li a{
   background: #a2cae9;
	padding: 4px 10px 4px 10px;
	border-top: 1px solid #fff;
	color: #00467f;
	margin-bottom: 0!important;
	display: block;
	text-align: left;
}

#nav ul li ul a:hover {
 color: #fff;
 background: #00467f;
 }
 
/***********************************************************************/
/*****                                           CONTENT                                                       *******/
/*********************************************************************/

#container {
	clear: both;
}

#container {background: url(../images/home_bg.jpg) no-repeat; width: 1001px; height: 331px; margin: 0; padding: 0; border-top: 1px solid #fff;}
#container a, #footer a {text-decoration: underline;}
#container a:link, #footer a:link, #container a:visited, #footer a:visited {color: #00467f;}
#container a:hover, #footer a:hover {text-decoration: underline; color: #939292;}


#map {float: left; width: 280px; margin: 80px 50px 50px 30px;}

#hottopics {float: right; width: 270px; margin: 70px 20px 10px 0px; border-left: 1px solid #6caee0; padding-left: 15px;}
/* #hottopics ul {color: #00467f; list-style: decimal; margin-left: 14px; padding: 6px; font-size: 12px; } */
#hottopics ul {color: #00467f; list-style: disc; margin-left: 15px; padding: 6px; font-size: 12px; }
#hottopics li {line-height: 1.55em;}

/*#center {width: 275px; }*/
.htp {color: #00467f; font-size: 12px; margin: 15px 10px 5px 0px; line-height: 1.55em;}
.htpbold {font-weight: bold; margin: 0;}
.leftbold {margin-left: 50px; font-weight: bold;}

#footer {clear: both; width: 1001px; margin: 0; padding: 5px 0; border-top: 1px solid #ccc; font: 10px Arial, Verdana, Helvetica, sans-serif;}
#footer p {text-align: center;}

/*the following format is for IE5.x */
div,table{font-size: 99%; voice-family: "\"}\""; voice-family:inherit; font-size: 100%;}
html>body div,table {font-size: 100%;}