@charset "UTF-8";
/* CSS Document */

 body {
margin: 0; padding: 0;  background-color: #2a4468; font-family: Verdana, Geneva, sans-serif; color:#000; font-size:0.8em;  /* optional */
}

.clear {clear: both}
.left {float:left}
.right{float:right;}

h1{ font-family: Verdana, Geneva, sans-serif; font-weight:bold;  color:#2a4468; font-size:150%; margin:0px; padding:6px 5px 5px 0px; line-height:1.2em;}
h2{ font-family: Verdana, Geneva, sans-serif; font-weight:normal;  color:#616783; font-size:120%; margin:0px; padding:6px 5px 6px 0px; line-height:1.2em;}
h3{ font-family: Verdana, Geneva, sans-serif; font-weight:bold;  color:#2a4468;  font-size:100%;margin:0px; padding:5px 5px 4px 0px; line-height:1.1em; }
h4{ font-family: Verdana, Geneva, sans-serif; font-weight:normal;  color:#2a4468; font-size:100%;  margin:5px 5px 3px 0; padding:0; line-height:1.1em; background-image:url(/images/hm_arrow-right.png); background-position:top left ; background-repeat:no-repeat; padding-left:12px;}

a{ font-weight:bold; color:#2a4468; text-decoration:none;  font-family: Verdana, Geneva, sans-serif; background-image:url(/images/hm_arrow-rightsm.png); background-position:100% 80% ; background-repeat:no-repeat; padding: 0 10px 0 0; margin:0; display:inline-block;   }
a:hover{ color:#616783;  font-family: Verdana, Geneva, sans-serif; background-image:url(/images/hm_arrow-rightsmov.png); background-position:100% 80%  ; background-repeat:no-repeat; padding: 0 10px 0 0; margin:0; }

ul{margin:0px; padding:0px 5px 5px 25px;}
li{margin:0px ; padding:5px 5px 5px 5px; line-height:1.4em; font-size:90%;}

p {margin:0px; padding: 5px 0px 5px 0px; font-size:90%;  line-height:1.3em; color:#2a4468;}

a img {border:0;}

hr, html body hr {  margin:3px 3px 3px 0px; padding:0px; color:#ccc; background-color:#ccc; height:2px; border: 0px solid #ccc; margin-right: 0; text-align:right; }

#header {padding: 0px 0px 28px 0px;}
#header a, #header a:hover, h3 a, h3 a:hover, .credits a, .credits a:hover, .col2inn a, .col2inn a:hover, .hm_col1 a {background-image:none; } 
h3 a, h3 a:hover, .col2inn a, .col2inn a:hover {padding-right:0px;}
#header .logo {padding: 0 50px 0 0; float:left;}
#header .search {padding:0 0 0 0; float:left; width:315px;}
#header .search .hm_search { width:189px;}
#header .search h3 { padding-top:0; margin-top:0;}
#header .search .hm_quick { width:191px;}
#header .weather {padding:0px 0px 0 0; float:left; width:140px; }  #header .weather a {padding:0; margin:0; }

#header #navbox {width:855px; height:52px; padding-top:17px;}
#header #navbox .ask {width:125px; float:left;  background-color:#FFF;}
 
#wrapper {width:855px; margin:20px auto 0 auto; background-color:#FFF; padding: 15px 15px 5px 15px;}

input{ border:2px solid #b3b2b2; color:#2a4468;  background-color:#FFF;   margin:0px; padding:3px 2px 3px 3px;}
option{ border:0px; color:#2a4468;   background-color:#2a4468; margin:0; padding:3px;  }
select{ border:0px; color:#2a4468;    margin:2px 0px 0px 0px; padding:3px;  }
textarea{border:2px solid #b3b2b2;   color:#2a4468;  background-color:#FFF; margin:0px; }
.submit{border:0px; background-image:url(/images/hm_searchbutton.gif); background-repeat:no-repeat; width:46px; height:16px; }
#header .search .hm_search .submit {float:right; height:18px; width:46px; padding:0; }  #header .search .hm_search input { height:13px; padding:2px 2px 2px 3px; width:180px;}
form{ margin:0px;  padding:0px;}

#mid{width:855px;}
#mid .LeftSide {
	float: left;
}
#mid .RightSide {
	float: right;
}

.midcol {width: 400px; float: left;}
.hm_col1 {
	width: 190px;
	border-right:2px solid #9398a9;
	padding-right:0px;
	float:left;
	margin-right:20px;
	max-height: 250px;
}
.hm_col1 p {font-size:85%; line-height:1.5em;  }
.hm_col1 h2 {font-size:90%;}
.hm_col1 h1 {font-size:100%;}
.hm_col2 {
	width:185px;
	float:left;
	margin-right:10px;
	padding-right: 5px;
}
.hm_col2 h2 {
	padding-top: 0px;
}
.hm_col2 ul {
	padding: 0px;
}
.hm_col2 li {
	list-style-type: none;
	background-image: url(../images/hm_arrow-rightsm.gif);
	background-repeat: no-repeat;
	background-position: 0px 10px;
	padding-left: 15px;
	color: #2a4468;
 	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
}
.hm_col2 li a {
	font-size: 100%;
	background-image: none;
}

.newcol {
	float: left;
	width: 400px;
	padding-bottom: 20px;
}

.hm_col3{float:left; background-color:#e4e5e6; width:205px; padding:0 10px 10px 10px;}
.hm_col1 a, .hm_col2 a, .hm_col3 a {font-size:80%; }
.hm_featureBox {
	width: 610px;
	float: left;
	clear: both;
	margin-top: 10px;
	background-color: #E4E5E6;
 	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 5px;
	padding-left: 5px;
}
.hm_featureBox img {
	float: left;
	margin-right: 10px;
}
.hm_featureBox a,.hm_featureBox a:hover  {background-image: none; padding-right:0px;}
.col2inn li, .col2inn2 li {line-height:1em;}

.credits p{color:#616783;}

.col1{width:207px; border-right:2px solid #9398a9; padding-right:15px; float:left; margin-right:15px;}
.col2{width:615px; float:left;   }
.col2inn{width:414px; float:left; padding-right:10px;  }
.col2inn2{width:616px; float:left; padding-right:0px;  }

.col3{  width:191px; float:left; background-color:#2a4468; color:#FFF; background-image:url(/images/inn_rcol_btm.gif); background-repeat:no-repeat; background-position:bottom left; }
.col3 p, .col3 h1, .col3 h2, .col3 h3, .col3 h4, .col3 h5, .col3 a{   color:#FFF;}
.col3 a, .col3 a:hover {background-image:none;}
.col3 .col3inn {padding: 5px 5px 0 5px;}

a.noimg {background-image:none; padding-right:0px;}

#foot {width:885px; margin:0 auto 0 auto; background-color:#2a4468; padding: 0 0 25px 0;}
#foot .footer .img1 {float:left; background-image:url(/images/hm_btmleft.jpg); background-repeat:no-repeat; background-position:top left; width:448px; height:75px; padding-top:130px;}
#foot .footer .img1inn {float:left; background-image:url(/images/inn_btm1.gif); background-repeat:no-repeat; background-position:top left; width:448px; height:58px; padding-top:30px;}
#foot .footer .img2 {float:left;}
#foot .footer .img3 {float:left;}

#foot .footnav li  {margin:0px; padding:0px; list-style-type: none; display: inline-block;  float:left;   } 
#foot .footnav li a {display: inline-block;  float:left; color:#fff; font-size:100%; text-decoration:none; margin:0px; padding:6px 23px 6px 22px; line-height:normal; background-image:none;} 
#foot .footnav li a:hover, #foot .footnav a:hover, #foot a:hover {background-image:none; color:#8e93a5;} #foot a {background-image:none;}
#foot .mc {padding-top:10px;}

.col1 .subnav {margin:0; padding:0;}
.col1 .subnav li  {margin:0px; padding:0px; list-style-type: none;   } 
.col1 .subnav li a {display: block;  color:#2a4468; background-color:#b7b9bc; font-size:100%; text-decoration:none; margin:0px; padding:6px 10px 6px 10px; line-height:normal; background-image:none;  margin-top:3px;} 
.col1 .subnav li a:hover {background-image:none; color:#8e93a5; background-color:#2a4468; }
 
.smcol1{width:200px; float:left;}


/* - REUSABLES - */
.img1_l{float:left; padding:5px 15px 15px 0px;}
.img2_l{float:left; margin-right:15px; }
.img3_l{float:left; margin:10px 10px 0px 0px; padding-right:10px; }
.img5_l{float:left; margin-right:15px; margin-bottom:15px; }
.img6_l{float:left; margin:10px 10px 0px 0px;  }
.img7_l{float:left; margin:0px 5px 0px 5px; }
.img8_l{float:left; margin-right:15px; margin-bottom:10px; }
.img9_l {padding: 0 8px 0 0; float:left;}
.img1_r{float:right; margin-left:15px; }
.img2_r{float:right; margin:5px 0px 0px 5px; }
.img3_r{float:right; margin:5px 0px 10px 10px; }
.img1_nofloat{padding:5px 5px 5px 0px;}
.img2_nofloat{padding:5px 0px 5px 0px;}
.img3_nofloat{padding:10px 0px 10px 0px;}
.pdf_img{padding:0px 5px 0px 0px; float:left}

.fs10{font-size:80%;  line-height:0.9em;}
.fs11{font-size:82%;   }
.fs12{font-size:100%;}
.fs14{font-size:120%; line-height:1em;}
.fs15{font-size:140%;  line-height:1.3em;}

.fcolorwhite{color:#FFF;}
.fcolorgray{color:#b3b2b2;}
.fcolordarkgray{color:#666;}
.fcolorblue{color:#2a4468;}

.pad5{padding:5px;}

/* END - REUSABLES */

/* #########  QUICKLINKS  MENU  ######### */

.menu {width:187px; height:17px; background-color: #fff; margin-top:0px; border:2px solid #b3b2b2; }
.menu ul{
margin: 0px;
padding: 0px;
font-size:13px;
list-style-type: none;
background-color: none;
overflow: hidden; 
/*width: 100%;*/
}
 
.menu li{
/*display: inline; */
float:left; 
margin: 0; padding: 0; text-align:center;  font-weight:normal; background-image:url(/images/hm_quick_arrow.gif); background-repeat:no-repeat; background-position:99% 62%; 
}

.menu li a{
 display: block; float:left;
text-decoration: none;
margin: 0;
padding: 0px 0px 0px 5px ; width:178px;  /*padding inside each tab*/
color:#2a4468; text-align:left; font-size:90%; font-weight:normal; background-image:none;
  } 
 
.menu li a:hover{
color: #616783;  font-weight:normal; padding: 0px 0px 0px 5px ;/*background of tabs for hover state */
}

.menu a.selected{
color: #616783;  font-weight:normal;/*background of tab with "selected" class assigned to its LI*/
} 


/* ######### Style for QUICKLINKS DROP DOWN MENU ######### */
.dropmenudiv {
padding: 0;
	margin: 2px 0px 0px 0px;
	width:191px; 
	background-color:#b3b2b2;
	visibility: hidden;
	z-index: 200;
	position: absolute;  
	list-style-type: none;
 }
.dropmenudiv ul{margin:0; padding:0;}
.dropmenudiv li {list-style-type:none; margin:0; padding:0;}
.dropmenudiv li a{
width:174px; 
display:inline-block; 
color:#2a4468; 
text-decoration: none;  
padding: 5px 5px  5px  8px; 
margin: 0px 2px 2px 2px; 
background-color:#fff;  
font-weight:bold; 
list-style-type:none; 
background-image:none; 
font-size:80%; line-height:130%;
}
 
* html .dropmenudiv li a{ /*IE only hack*/
width:174px; display:inline-block; line-height:130%; padding: 5px 5px  5px  8px;
}
* html .dropmenudiv li a:hover{ /*IE only hack*/
width:174px; display:inline-block; background-color: #fff; padding: 5px 5px  5px  8px;
}

.dropmenudiv li a:hover{ /*THEME CHANGE HERE*/
background-color: #fff; padding: 5px 5px  5px  8px;
color: #616783;
}
.img_brand {padding: 1px; float: left; clear: right;}
.twitter { font-family: Verdana, Geneva, sans-serif; font-weight:normal;  color:#616783; font-size:120%; margin:0px; padding:6px 5px 6px 0px; line-height:1.2em;}
/* ######### END QUICKLINKS DROP DOWN  ######### */

.newcol a {background-image: none;}
.twtr-hd h3 {display: none;}
.twtr-hd h4 {margin: 0px;}
