body
{
    background:  #94937A url(../images/template/topbg_pac.jpg) repeat-x center top;
    font-family: Arial, Helvetica, sans-serif;
}
a {color:Gray;}
#wrap{width:783px; text-align:left; margin:0 auto;}
#header {height: 140px; background:url(../images/template/logo.png) no-repeat left top;}
#headercmlpac{height:140px; text-align:center;}

#header #title {height:56px; margin-top:32px; text-align:left; margin-left:200px; color:White; font-family:Warnock Pro Display, New Roman, Serif;}
#header #title .large{font-size:2em;}
#header #title .small{font-size:1.2em; font-style:italic;}
#header #title a{text-decoration:none; color:White;}

#headercmlpac #title {height:75px; margin-top:10px; color:White; font-family:Warnock Pro Display, New Roman, Serif;}
#headercmlpac #title .large{font-size:2.5em;}
#headercmlpac #title .small{font-size:1.6em; font-style:italic;}
#headercmlpac #title a{text-decoration:none; color:White;}

#content{height:auto; min-height:400px; padding:10px;font-size:12px; background: url(../images/template/contentbg.jpg) White top left repeat-x;}
#contentadmin{height:auto; margin-left:0px; padding:0px;}
#contentadmin #colright{width:200px; font-size:11px; float:right; margin-left:4px; background-color:#D2D2C8; padding:0px;}
#contentadmin #colright h1 {background-color:#6F3F3F; color:White; font-size:14px; font-weight:bold; margin-top:0px; padding:3px;}
#contentadmin #colright a {color:#6F3F3F;}

#topnav {height: 15px; text-align:right; font-size:.7em; color:White; padding-right:20px; white-space: nowrap;}
#topnav a, #topnav a:visited{color:White; text-decoration:none;}
#topnav a:hover{color:#AFC1CF; text-decoration:underline;} 

.slide-hide {display: none;}
.slide-show {display: block;}

#footer{height: 40px; margin-top:10px; line-height:.6em; font-family: Arial, Helvetica, sans-serif; font-size: .7em; color: #FFFFFF; text-decoration: none;}
#footer a {color: #FFFFFF; text-decoration: none;}
#footer a:hover {text-decoration: underline;}

.sp_category .body { padding: 5px; height: auto; clear: both;} /* issue with fixed height and content expanding in firefox */
.sp_category .body ul {  margin-left: .75em; padding-left: .75em; }
.sp_category .foot {  margin: 0 8px 0 8px; font-size: 1px; height: 10px; }
.sp_category .more { font-size: .9em; text-align: right; margin-right: .5em; }
.sp_category div.subsection { font-size: 1em; font-weight: bold; text-decoration: none;  }

.reference { text-decoration: underline; }
.bg_spacer { width:200px;float:right;height:60px; }

/* tiny blocks for refer to styling */
div.referto { color: #666; padding: .5em .5em .5em 0; padding-left: 30px; background: url(/images/employee_services/reference-leader.gif) top left no-repeat; }
div.referto div.block { width: 6px; height: 6px; font-size: 1px; margin: 5px 4px 0 0; float: left;  }
div.one { background-color: #ddd; }
div.two { background-color: #ccc; }
div.three { background-color: #ccc; }