* { margin:0; padding:0; }
html { background:#574B41; }
body { background:#fff url(/images/header-tile.gif) repeat-x center top; font:12px Arial; color:#666666; }

h1 { color:#314178; margin:0 0 6px 0; font:30px Georgia; font-style:italic; font-weight:normal; }
h2 { font:18px Georgia; margin:0 0 4px 0; }
p { line-height:1.6em; margin:0 0 12px 0; }

#contentRegion .content ul { line-height:1.6em; margin:0 0 12px 0; list-style:none; }
#contentRegion .content ul li { margin:0 0 0 10px; background:#fff url(/images/bullet.gif) no-repeat 0 7px; padding:0 0 0 12px; }
#contentRegion .content ul li ul { margin:0; }
#contentRegion .content ul li ul li { margin:0 0 0 2px; background:#fff url(/images/sub-bullet.gif) no-repeat 0 7px; padding:0 0 0 12px; }

#contentRegion .content table { margin:0 0 12px 0; }
#contentRegion .content table td { padding:2px; }

a { color:#9b850d; }
a:hover { text-decoration:none; }

hr { border:0; height:1px; border-top:solid 1px #E9E7E5; margin:0 0 12px 0; }

#header { position:relative; width:860px; height:215px; margin:0 auto 0 auto; background:url(/images/header-background.jpg) repeat-x 0 0; z-index:2; }
#header #logo { position:absolute; top:95px; left:290px; height:63px; width:251px; background:url(/images/logo.png) repeat-x 0 0;  }
#header #logo a { display:block; height:63px; width:251px; }
#header #logo img { display:none; }

#header #masthead { position:absolute; top:8px; left:610px; }
#header #masthead ul { list-style:none; }
#header #masthead ul li { float:left; margin-right:6px; text-align:center; font-size:10px; text-transform:uppercase; }
#header #masthead ul li#login { width:94px; height:25px; background:url(/images/masthead-login.png) no-repeat 0 0; }
#header #masthead ul li#contact { width:87px; height:25px; background:url(/images/masthead-contact.png) no-repeat 0 0; }
#header #masthead ul li#home { width:51px; height:25px; background:url(/images/masthead-home.png) no-repeat 0 0; }

#header #masthead ul li a { cursor:pointer; color:#fff; text-decoration:none; display:block; margin-top:5px; }
#header #masthead ul li span { color:#fff; text-decoration:none; display:block; margin-top:5px; }
#header #masthead ul li a:hover { text-decoration:underline; }

#header #masthead #login-box { position:absolute; font:11px Arial; top:19px; left:0; width:226px; padding:15px 9px 0px 9px; height:138px; background:url(/images/login-box-background.png) no-repeat 0 0; }
#header #masthead #logged-in { position:absolute; font:11px Arial; color:#fff; top:19px; left:0; width:226px; padding:15px 9px 0px 9px; height:45px; background:url(/images/login-box-background-small.png) no-repeat 0 0; }
#logged-in .admin-link { margin:2px 0 0 0; display:block; }

#masthead #login-box label { display:block; margin-bottom:6px; }
#masthead #login-box label input { width:220px; }
#masthead #login-box label strong { display:block; color:#fff; margin-bottom:2px; }
#masthead #login-box .button { position:relative; top:6px; left:172px; width:50px !important; }

.button { cursor:pointer; text-transform:uppercase; font:12px Arial; color:#fff; padding:2px; width:auto !important; background-color:#C4A51D; border:solid 1px #C4A51D; border-bottom:solid 1px #9C8D3B; border-right:solid 1px #9C8D3B; }

#masthead #login-box a { position:relative; top:5px; left:-53px; color:#d3b92b; text-decoration:none; }
#masthead #login-box a:hover { text-decoration:underline; }

#contentRegion { position:relative; width:860px; background:#fff url(/images/contentRegion-background.gif) repeat-y 260px 0; overflow:auto; margin:0 auto 0 auto; z-index:2; }
#contentRegion #side { width:220px; padding:20px; float:left; }
#contentRegion .content { width:520px; padding:40px; float:left; position:relative; }

.services { font:10px Arial; }
.services h2 { font:14px Georgia; font-style:italic; color:#958a81; }
.services .service { float:left; position:relative; width:250px; margin-bottom:10px; background:#F9F9F8 url(/images/promo-box-bottom.gif) no-repeat bottom left; }

.services .service h2 { height:13px; position:absolute; top:0; left:0; padding:21px 0 0 90px; width:160px; background:url(/images/promo-box-top.gif) no-repeat top left; }
.services .service h2 + p { margin-top:4px; }
.services .service p { padding:38px 10px 10px 90px; line-height:1.3em; }
.services .service p a { display:block; width:60px; }

.services #benefits, .services #payroll { margin-left:20px; }

.services #hr p { background:#F9F9F8 url(/images/icon-hr.jpg) no-repeat 18px 21px; }
.services #benefits p { background:#F9F9F8 url(/images/icon-benefits.jpg) no-repeat 18px 21px; }
.services #risk p { background:#F9F9F8 url(/images/icon-risk.jpg) no-repeat 18px 21px; }
.services #payroll p { background:#F9F9F8 url(/images/icon-payroll.jpg) no-repeat 18px 21px; }

#side .navigation ul { list-style:none; }
#side .navigation ul li { min-height:33px; width:220px; margin:0 0 10px 0; font:12px "Trebuchet MS"; font-weight:bold; text-transform:uppercase; }
#side .navigation ul li a { text-align:center; color:#5A6793; text-decoration:none; display:block; padding:9px 0 0 0; height:24px; width:220px; background:#EFEEEC url(/images/nav-background.png) no-repeat 0 0; }
#side .navigation ul li a:hover, #side .navigation ul li.on a { color:#314178; background-color:#E8E2C5 !important; }

#side .navigation ul li.open a { background:#EFEEEC url(/images/nav-background-top-open.gif) no-repeat 0 0; }
#side .navigation ul li.open a:hover { background:#E8E2C5 url(/images/nav-background-top-open.gif) no-repeat 0 0 !important; }

#side .navigation ul li ul { overflow:auto; }

#side .navigation ul li.open ul li { font-size:10px !important; min-height:30px; height:30px; width:220px; background-color:#F0EDDB; margin:0 0 1px 0; }
#side .navigation ul li.open ul li a { height:23px; width:218px; padding:7px 0 0 1px !important; background:none; }
#side .navigation ul li.open ul li a:hover { background-color:#E8E2C5; background-image:none !important; }

#side .navigation ul li.open ul li.on { background-color:#E8E2C5; }
#side .navigation ul li.open ul li.on.last a { width:218px; height:22px; margin:0 1px 0 1px; padding:7px 0 0 0 !important; background-color:#E8E2C5 !important; }

#side .navigation ul li.open ul li.last a:hover { width:218px; height:22px; margin:0 1px 0 1px; padding:7px 0 0 0 !important; }
#side .navigation ul li.open ul li.last { background:#F0EDDB url(/images/nav-background-bottom-open.gif) no-repeat 0 0 !important; }

#side .promo { margin:25px 0 0 0; width:220px; background:#fff url(/images/side-box-bottom.gif) no-repeat bottom left; padding:0 0 18px 0; }
#side .promo p { color:#838DAE; padding:18px 18px 0 18px; width:184px; font:14px Georgia; margin:0; line-height:1.5em; font-style:italic; text-align:center; background:#fff url(/images/side-box-top.gif) no-repeat top left;  }

#side .award { margin:25px 0 0 0; width:220px; }
#side .award p { text-align:center; font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; color:#574b41; font-style:italic; line-height:1.4em;}

#footer { width:100%; background:#574B41 url(/images/footer-tile.gif) repeat-x 0 0; height:200px; }
#footer .content { width:860px; margin:0 auto 0 auto; position:relative; font:10px Verdana; color:#fff; }

#footer a { color:#d3b92b; }
#footer a:hover { text-decoration:none; }

#footer .content ul { list-style:none; }

#footer .content .navigation { position:absolute; top:120px; left:300px; }
#footer .content .copyright { position:absolute; top:140px; left:300px; }

#footer .content .navigation li, #footer .content .copyright li { float:left; margin:0 18px 0 0; }

#footer .content .affiliations { position:absolute; top:14px; left:300px; }
#footer .content .affiliations li { float:left; width:78px; height:68px; margin:0 40px 0 0; text-indent:-5000px; }
#footer .content .affiliations li a { display:block; width:78px; height:68px; }

#footer .content .affiliations li#shrm { background:url(/images/footer-shrm.png) no-repeat 0 0; }
#footer .content .affiliations li#napeo { background:url(/images/footer-napeo.png) no-repeat 0 0; }
#footer .content .affiliations li#nfib { background:url(/images/footer-nfib.png) no-repeat 0 0; }
#footer .content .affiliations li#nsc { background:url(/images/footer-nscgoc.png) no-repeat 0 0; }

#footer .content #affiliations-label { font:12px Georgia; color:#C2BCB6; font-weight:bold; text-transform:uppercase; position:absolute; top:40px; left:26px; }
#footer .content #shield { position:absolute; top:0; left:250px; background:url(/images/footer-shield.png) repeat-x 0 0; height:150px; width:21px; }

#content-gradient { position:absolute; top:211px; left:0; width:100%; height:211px; background:#fff url(/images/content-gradient.gif) repeat-x 0 0; z-index:1; }

hr.clear { margin:0; padding:0; height:0; visibility:hidden; clear:left; }