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

Below are the styles for the body and main 
shell of the site. These styles will be used 
site wide do not edit.

---------------*/
body{
margin:0px;
font-family:Arial, Helvetica, sans-serif;
color:#666666;
font-size:12px;
background-image:url(../_images/background.jpg);
background-repeat:repeat-x;
background-color:#d5dde8;
margin:0px;
}
body a{
color:#0d2a6d;
text-decoration:none;
}
#main_container{
background-image:url(../_images/top_header_img.jpg);
background-repeat:no-repeat;
width:1000px;
position: relative;
margin-left:auto;
margin-right:auto;
bottom:0px;
height:100%;

}
#content_container{
width:725px;
min-height:610px;
float:right;
margin-right:10px;
}
#content_container p{
padding:0px 15px 15px 15px;
width: 600px;
}
#content_container strong{
color:#0d2a6d;
}
#whitebox{
background-color:#ffffff;
position:relative;
margin-top:30px;
height:100%;
margin-bottom:0px;
min-height:700px;
width:1000px;
}
#main_img{
width:725px;
height:315px;
}
#hhg_logo{
position:relative;
margin-left:75px;
float:left;
height:108px;
width:108px;
}
#footer{
margin-top:25px;
height:25px;
border:0px;
border-top: solid 1px #999999;
/*position: absolute;*/
/*bottom:1px;*/
font-size:10px;
color:#0d2a6d;
width:720px;
padding-left:10px;
padding-bottom:10px;
margin-left:130px;
}

#solid_line{
border:0px;
border-bottom:solid 1px #999999;
width:100%;
}
.header_img{
margin-top:8px;
}




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

Below are the styles for the breadcrumb 
shell of the site. These styles will be used 
site wide do not edit.

---------------*/
#breadcrumb{
position:relative;
color:#666666;
font-size:11px;
}
#breadcrumb a{
margin:0px 5px 0px 5px;
color:#666666;
}





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

Below are the styles for the promo callout and promo boxes 
shell of the site. These styles will be used 
site wide do not edit.

---------------*/
#promo_callout{
width:730px;
margin-bottom:0px;
}
#promo_box1, #promo_box2, #promo_box3{
width:225px;
height:170px;
background-image:url(../_images/promo_mat.jpg);
background-repeat:no-repeat;
padding:5px;
font-size:11px;
padding: 10px 7px 0px 7px;
}
#promo_box3{
float:right;
}
#promo_box1{
float:left;
}
#promo_box2{
margin-left:245px;
}
#promo_copy{
position:relative;
margin-top:-10px;
}
/* ------- classes below -------*/
.promo_title{
position:relative;
margin-top:-90px;
z-index:1000;
font-weight:bold;
color:#0d2a6d;
margin-left:5px;
}




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

Below are the classes for the body and main 
shell of the site. These styles will be used 
site wide do not edit.

---------------*/
.underline{
text-decoration:underline;
}
.pg_title{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:16px;
}
.blu_bold{
color:#0d2a6d;
font-size:13px;
font-weight:bold;
}
#history_title.blu_bold{
padding-left:20px;
}
.blu_bold a{
font-size:12px;
text-decoration:underline;
}
.wht_bold{
font-weight:bold;
margin-left:5px;
color:#FFFFFF;
}
.floatright{
float:right;
margin-right:5px;
}
#whatsnew_table{
width:575px;
}
#_ctl0_main_placeholder_pnl_current #whatsnew_table{
width:575px;
padding:5px;
margin-left:25px;
}

#_ctl0_main_placeholder_pnl_current #whatsnew_table img{
padding:0px 10px 0px 0px;
}



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

Below are the styles for the splash pages.
These styles will be used 
site wide do not edit.

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

#splash_main_container{
background-image:url(../_images/top_header_img.jpg);
background-repeat:no-repeat;
width:1000px;
position: relative;
margin-left:auto;
margin-right:auto;
bottom:0px;
height:100%;
}
#splash_main_container #hhg_logo{
left:80px;
}
#splash_whitebox{
background-color:#ffffff;
position:relative;
height:100%;
margin-bottom:0px;
width:750px;
margin-left:auto;
margin-right:auto;
}
#splash_whitebox p{
padding: 0px 25px 0px 25px;
}


#splash_promo{
width:615px;
margin-left:auto;
margin-right:auto;
}

#splash_promo #bottom_btn{
background-image:url(../_images/splash/bottom_btn.jpg);
background-repeat:no-repeat;
width:615px;
height:96px;
}
#btn1 a, #btn2 a, #btn3 a{
width:160px;
height:50px;
cursor: pointer;
position:absolute;
} 
#btn1 a{
position: relative;
top:25px;
left:25px;
display:block;
}
 
#btn2 a{
position: relative;
top:-20px;
left:225px;
display:block;
}
 
#btn3 a{
position: relative;
top:-65px;
left:425px;
display:block;
}
.yhfh{
position:relative;
float:right;
z-index:100px;
margin-right:25px;
margin-top:-30px;
}

#splash_whitebox #footer{
width:615px;
margin-left:auto;
margin-right:auto;
position:relative;
}