* { margin: 0px; padding: 0px; }
html { min-height: 100%; margin-bottom: 1px; }
body { background: url(../images/background_back.gif); font-size: 12px; font-family: georgia, times, serif; color: #333; text-align: center; }
table, td, th, form, input, textarea { font-size: 12px; font-family: georgia, times, serif; color: #333; text-align: left;}
#skip { display: none;}
#H_shadow { background: url(../images/H_shadow_back.gif) repeat-x; height: 570px;padding-top: 15px;}
#container { position: relative; width: 760px; margin: 0px auto 30px; text-align: left; background: #B2CDCB; }
#header { position: relative; height: 117px; background: url(../images/header_back.gif);}
/* HOME PAGE */
#headerhome { position: relative; height: 117px; background: url(../images/header_back.gif);}
#logo { position: absolute; top: 15px; left: 16px; }
#logotext { position: absolute; top: 26px; left: 130px; font-size: 22px; color: #006059; }
#headnav { position: absolute; top: 96px; left: 590px; font-size: 10px; color: #999;}
/* NAVIGATION
-------------------------------------------- */
#nav { position: absolute; left: 0px; bottom: 0px; height: 30px; width: 100%; background: #eee url(../images/nav_back.gif); }
#nav li { position: relative; float: left; font-size: 11px; list-style: none; display: block; }
#nav li a, #nav li div { position: relative; display: block; height: 30px; text-decoration: none; }
#nav li a { cursor: pointer;}
#nav li strong { position: absolute; left:0px; top: 0px; height: 30px; display: block; z-index: 10; }
#nav li.about, #nav li.about a, #nav li.about a strong { background: url(../images/cache/HN_about.gif); width: 107px; }
#nav li.solutions, #nav li.solutions a, #nav li.solutions a strong { background: url(../images/cache/HN_solutions.gif); width: 114px;}
#nav li.newsroom, #nav li.newsroom a, #nav li.newsroom a strong { background: url(../images/cache/HN_newsroom.gif); width: 117px;}
#nav li.careers, #nav li.careers a, #nav li.careers a strong { background: url(../images/cache/HN_careers.gif); width: 97px;}
#nav li.contact, #nav li.contact a, #nav li.contact a strong { background: url(../images/cache/HN_contact.gif); width: 128px; }
/* HOVER STATE: all images are stacked equal height so this one style makes them all work with no need to repeat. Also: #nav li.class preloads the rollover image. */
#nav li.about, #nav li.about a:hover strong, #nav li.solutions, #nav li.solutions a:hover strong, #nav li.newsroom, #nav li.newsroom a:hover strong, #nav li.careers, #nav li.careers a:hover strong, #nav li.contact, #nav li.contact a:hover strong { background-position: 0px -30px;}
/* ON STATE
-------------------------------------------- */
#nav li.about div, #nav li.about div strong { background: url(../images/cache/HN_about.gif) 0px 30px; width: 107px;}
#nav li.solutions div, #nav li.solutions div strong { background: url(../images/cache/HN_solutions.gif) 0px 30px; width: 114px;}
#nav li.newsroom div, #nav li.newsroom div strong { background: url(../images/cache/HN_newsroom.gif) 0px 30px; width: 117px;}
#nav li.careers div, #nav li.careers div strong { background: url(../images/cache/HN_careers.gif) 0px 30px; width: 97px; }
#nav li.contact div, #nav li.contact div strong { background: url(../images/cache/HN_contact.gif) 0px 30px; width: 128px;}
/* CONTENT Homepage
-------------------------------------------- */
.home_flash { position: relative; width:600px; float: left; background: #FFF;}
#rep_login { position: relative; float: right; width: 160px; height: 188px; background: url(../images/H_bgtile_login.gif); }
#rep_login form { position: absolute; top: 76px; left: 15px;}
#rep_login input { margin: 0 auto; width: 120px; padding: 3px 0px 3px 3px; font-size: 9px; line-height: 16px;}
#rep_login input.submit { width: 50px; height: 22px; font-size: 9px; padding: 1px 5px; text-align: center;}
#H_main { background: #fff url(../images/H_main_back.gif) repeat-x; height: 100%; width:100%; }
#column1 { position: relative; float: left; width: 186px; padding: 14px; }
* html #column1 { width: 214px; width: 186px;}
.column2 { position: relative; float: left; width: 545px; padding: 14px 0px; }
.H_welcome { position: relative; width: 529px; background: url(../images/H_welcome_back.gif) no-repeat bottom left; padding-bottom: 5px;}
.H_welcome p { padding: 0px 14px 5px; line-height: 18px;}
.H_welcome p.more { text-align: right; padding-right: 35px;}
.H_welcome p.more a:link, .H_welcome p.more a:visited, #H_assistance p.more a:link, #H_assistance p.more a:visited { padding-left: 10px; background: url(../images/arrow_more.gif) no-repeat 0px 5px;}
.H_news { padding: 0pt 14px 27px 0pt; position: relative; float: left; width: 339px; margin: 14px 0px 0px; background: url(../images/H_news_back.gif) no-repeat bottom left; }
.archive { font-size: 10px; text-align: right; padding: 0px 8px 14px 0px;}
.newsitem { height: 50px; padding: 0px 14px 14px; }
.newsitem img { float: left; }
.newsitem p { float: right; width:250px; padding: 0;}
.newsitem span { font-size: 10px;}
#partnership { padding-top: 20px;}
#H_assistance { position: relative; float: left; width: 179px; margin: 19px 0px 0px 10px; padding: 0px 0px 10px; background: #005650 url(../images/H_assistance_back.jpg) no-repeat; }
#H_assistance p, #H_assistance form { padding: 5px 10px 5px; font-size: 10px; color: #fff;}
#H_assistance p a { color:#FFFFFF; }
#H_assistance p a:hover { color:#EFEFEF; text-decoration:underline; }
#H_assistance input { line-height: 16px; margin-bottom: 3px; width: 154px; font-size: 10px; padding: 3px 1px;}
* html #H_assistance input { margin-bottom: 0px; padding: 1px;}
#H_assistance input.search { float: right; width: 60px; text-align: center;}
* html #H_assistance input.search { margin-right: 10px;}
/* CONTENT Subpages
-------------------------------------------- */
#S_main { background: #fff url(../images/H_main_back.gif) repeat-x; height: 100%;}
#subhead { position: relative; height: 83px; overflow: hidden;}
#subnav { position: relative; float: left; width: 206px; font-size: 11px;}
#subnav ul { position: relative; width: 179px; margin: 14px 0px 14px 14px; padding-bottom: 1px; list-style: none; background: #bbb url(../images/subnav_bottom.gif);}
#subnav li { margin-bottom: 1px; display: block; color: #fff;}
* html #subnav li{ display: inline; d\isplay: block; width: 100%; w\idth: auto;}
#subnav li a:link, #subnav li a:visited { /*\*/height:1%;/**/ display: block; padding:10px 10px 10px 44px; line-height: 12px; background: url(../images/subnav_back.gif); color: #fff; }
#subnav li a:hover { background: url(../images/subnav_back.gif) 0px -62px;}
#subnav li.on { padding:10px 10px 10px 44px; line-height: 12px; background: url(../images/subnav_back.gif) 0px 62px; color: #ddd;}
#content { position: relative; float: left; width: 511px; margin: 14px 0px; padding: 14px; background: url(../images/content_back.gif) no-repeat; line-height: 18px;}
#content ul { margin-left: 25px; margin-bottom: 15px }
* html #content { width: 539px; w\idth: 511px;}
#content p { padding: 0px 0px 15px;}
.pullquote { float: right; width: 304px; margin: 0px 0px 10px 10px; padding: 14px; background: url(../images/pullquote_back.gif) no-repeat bottom left; border-top: 1px solid #CDD6D6; color: #828282;}
.pullquote ul {margin-left: 40px; margin-top: 5px; }
* html .pullquote { width: 304px;}
/* FOOTER
-------------------------------------------- */
#footer { position: relative; padding: 30px 30px 60px; background: url(../images/footer_back.gif) repeat-x; clear: both;}
/* LINKS
-------------------------------------------- */
a:link, a:visited { color: #066; text-decoration: none; }
a:hover { color: #777;}
/* ELEMENTS
-------------------------------------------- */
h1 { font-size: 16px; color: #1C4477; padding: 0px 0px 5px;}
h2 { font-size: 14px; line-height: 15px; margin-bottom: 3px; color: #52443B; padding: 0px 0px 5px;}
h3 { font-size: 12px; color: #52443B; padding: 10px 0px 5px;}
#leaders { display: block; width: 108px; height: 20px; position: absolute; top: 153px; left: 265px; }
#leaders span { display: none; }
.clear { clear: both; }
br.clear { line-height: 0px; height: 0; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
/* PLEASE LEAVE BOTH THESE LINES, FIX FOR IE7 */
.clearfix { display: inline-block; }
.clearfix { /*\*/display: block;/**/ }