body {
	padding:30px 0 0;
	margin:0 auto;
	background-color:#404440;
	font:11px Arial, Helvetica, sans-serif;}
a {text-decoration:none;}
#main {
	margin:0 auto;
	width:994px;}
#header {
	margin:0;
	width:994px;
	height:181px;
	background:url(../images/bg_header.jpg) no-repeat;}
.logo-menu {
	width:735px;
	height:181px;
	float:left;}
.logo a{
	background:url(../images/logo.jpg) no-repeat;
	width:455px;
	height:71px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	}
.logo {
	display:block;
	margin:0 0 0 144px;
	padding:56px 0 0;}
	
.menu { padding-left: 165px; } 
.menu a.active {color:#1d4f89;}
.menu ul li a {
	font-size:12px;
	font-weight:bold;
	color:#a45a3c;
	text-decoration:none;}	
.menu ul a:hover,.menu ul a.active{color:#1d4f89;}	
.menu ul li ul li {padding-right:none; padding-left:7px;}

.nav {
	width:259px;
	height:181px;
	float:right;
	position:relative;}
.nav a {
	background: url(../images/nav-bottom1.gif) no-repeat;
	height:16px;
	width:105px;
	display:block;
	font-weight:bold;
	overflow:hidden;
	margin:10px 0;}
.nav a.Employee {
	display:block;
	color:#fff;
	padding:2px 4px 0 4px;
	position: absolute;
	top:45px;
	left:5px;
	word-spacing:-2px;
}
.nav a.Employer {
	display:block;
	color:#fff;
	padding:2px 5px 0 5px;
	position: absolute;
	top:45px;
	left:124px;
	word-spacing:-2px;}
.nav a.Payroll {
	display:block;
	color:#fff;
	padding:2px 0 0 19px;
	position: absolute;
	top:68px;
	left:5px;}
.nav a.AnswerLink {
	display:block;
	color:#fff;
	padding:2px 0 0 13px;
	position: absolute;
	top:68px;
	left:124px;}
.nav a.Service {
	background:url(../images/nav-bottom2.gif) no-repeat;
	display:block;
	color:#fff;
	padding:2px 15px 0 15px;
	position: absolute;
	width:135px;
	top:101px;
	left:72px;}
.nav a.Payroll2 {
	display:block;
	color:#fff;
	padding:2px 0 0 6px;
	position: absolute;
	top:91px;
	left:5px;}
.nav a.CrimeSearch {
	display:block;
	color:#fff;
	padding:2px 0 0 3px;
	position: absolute;
	top:91px;
	left:124px;}
.nav a:hover {background-position:0 100%;}
#content {
	background: url(../images/bg_content.gif) repeat-y;
	width:994px;
	padding:0 ;
	float:left;}

.l-content {
	width:310px;
	float: left;}
.l-content p {
	margin:13px 0 0 56px;
	padding:0;
	color:#572f1f;
	font-size:12px;}
.l-content img{
	margin:10px 0 0 49px;}	
.l-content .newsflash
{ margin-top: 20px; margin-left: 45px; font-size: 111%; width:325px; }
.l-content .newsflash hr
{ clear:both; width:150px; margin:0px 0 20px 40px; color:#7ba1d0; *margin:0 55px 10px 0; }
.l-content .newsflash .boxt
{ background:url(../images/news-t.jpg) no-repeat; width:325px; height:30px; margin:0 auto; }
.l-content .newsflash .boxc
{ background: url(../images/news-c.jpg) repeat-y; margin:-1px 0 0 0; width:240px; height:400px; overflow:auto; font-weight:bold;}
.l-content .newsflash .boxc img
{ float:left; margin:3px 5px 3px 20px;}
.l-content .newsflash .boxc h3
{ /*color: #396;*/color:#AF4520; font-weight: bold; font-size:18px; width:220px; }
.l-content .newsflash .boxc ul
{ list-style-type:circle; width:180px; margin:20px 0 0 40px;  }
.l-content .newsflash li
{ margin: 5px 0; padding:0 0 5px 0; width:180px; color:#515650; }
.l-content .newsflash a
{ color:#1d4f89; text-decoration:none;}
.l-content .newsflash a:hover, .l-content .newsflash a.alt:hover
{ color:#a45a3c; text-decoration:underline;}
	.l-content .newsflash a.alt {color:#515650;}
.l-content .newsflash .boxb
{ background:url(../images/news-b.jpg) no-repeat; margin:0 auto; width:325px; height:30px;}

.l-content .newsright
{ margin: 15px 0 0 50px; width:209px; }
.l-content .newsright .boxt
{ background:url(../images/newsright-t.jpg) no-repeat; width:209px; height:30px; margin:0 auto; }
.l-content .newsright .boxc
{ background: url(../images/newsright-c.jpg) repeat-y; margin:-1px 0 0 0; width:209px; }
.l-content .newsright .boxc img
{ margin:-15px 0 5px 14px; border:1px solid #000;}
.l-content .newsright .boxc h3
{ color:#000; font-weight: bold; font-size:16px; margin: 0px 5px 5px 20px; width:170px; }
.l-content .newsright .boxc p 
{margin:0; font-size:12px; width:190px; padding:0 ;}
.l-content .newsright a
{ color:#1d4f89; text-decoration:none;}
.l-content .newsright a:hover
{ color:#a45a3c; text-decoration:underline;}
.l-content .newsright .boxb
{ background:url(../images/newsright-b.jpg) no-repeat; margin:0; width:209px; height:30px; display:block;}

.c-content {
	width:640px;
	float:left;}
.c-content .text{
	color:#ff9900; font-size:10pt; width:640px; margin:0 auto; }
.c-content img {
	margin:15px auto;}
.c-content p {
	margin:15px 0 0 40px;
	padding:0 60px 0 0;
	font-size:12px;}
.c-content p.home
{	width:640px; font-size:14px; margin:10px 40px 0 0;}
.c-content a {
	text-decoration:underline;
	color:#000;}
.c-content a:hover { text-decoration:none;}

.r-content {
	float:right;
	padding:0;
	margin:15px 10px 0 0;
	width:241px;}
.r-content-c{
	background:url(../images/con-r-c.jpg) no-repeat;
	width:209px;}
.r-content-c-bg {
	background:url(../images/bg-con-r.gif) repeat-y 0 100%;}
.r-content-t {
	background:url(../images/con-r-t.gif) no-repeat;
	padding:0 0 0 0;}
.r-content-b {
	background:url(../images/con-t-b.gif) no-repeat 0 100%;	padding:0;}
p.quick {
	margin:0;
	padding:0;
	display:block;
	font-size:18px;
	font-weight:bold;
	text-decoration:underline;
	color:#e19413;
	padding:29px 0 0 47px;}
.r-content-b ul {
	margin:0;
	padding:23px 0 38px 20px;
	list-style:none;}
.r-content-b ul li {
	margin:0;
	height:1%;
	font-size:1%;
	padding:0 0 9px 0;}
.r-content-b ul a {
	display:block;
	background:url(../images/bottom-con-r1.gif) no-repeat;
	font-size:14px;
	color:#fff;
	height:16px;
	overflow:hidden;}
.r-content-b ul li a:hover {background-position:0 100%;}
.r-content-b ul a.Employee {padding:7px 0 7px 24px;}
.r-content-b ul a.Employer {padding:7px 10px 7px 24px;}
.r-content-b ul a.Payroll {padding:7px 10px 7px 40px;}
.r-content-b ul a.AnswerLink {padding:7px 10px 7px 36px;}
.r-content-b ul a.Service {padding:7px 10px 7px 15px;}
.r-content-b ul a.Long {padding:7px 10px 7px 15px; font-size: small;}
.r-content-b ul a.Payroll2 {padding:7px 10px 7px 25px;}

a.home-img { background:url("../images/home-image-020411.png") no-repeat;display:block;width:398px;height:265px}
/**a.home-img:hover {background:url(../images/home-image.png) 0 0 no-repeat; }**/
#footer {
	background:url(../images/footer.jpg) no-repeat;
	clear:both;
	padding:0;
	margin:0;}
.member {
	float:left;
	width:165px;}
.member p {
	margin:0;
	padding:18px 0px 15px 32px;
	font-size:12px;
	font-weight:bold;
	color:#fff;}
.f-menu-1 {float:left;}
.f-menu-1 ul {
	margin:0;
	padding:0;
	list-style: none;
	padding:19px 0 0;}
.f-menu-1 ul li {
	float:left;
	margin:0 6px;}
.f-menu-1 ul li a {
	display:block;
	font-size:11px;
	overflow:hidden;
	color:#000;
	font-weight:bold;}
.f-menu-1 ul li a:hover,.f-menu-2 ul li a:hover {text-decoration:underline;}
.f-menu-2 {
	clear:both;
	padding:0 0 5px 0;}
.f-menu-2 ul {
	margin:0;
	padding:0 0 0 32px;
	list-style:none;}
.f-menu-2 ul li {
	background:url(../images/f-menu-2.gif) no-repeat 0 50%;
	float:left;}
.f-menu-2 ul li a {
	color:#cc9900;
	font-size:11px;
	font-weight:bold;
	padding:0 6px 0 9px;}
.f-menu-2 ul li.durango {background:none;}

.footer { margin: auto; padding: 2px; width: 100%; clear: both; color: #999;}

.footer a, .footer a:visited { color: #f90; }

.main
{ }

.main h1
{
	font-size: 14pt; color: #444; font-weight: bold; font-family: Tahoma, Arial, Verdana; margin-top: 30px; margin-bottom: 15px;
}

.main h2
{
	font-size: 12pt; color: #444; font-weight: bold; font-family: Tahoma, Arial, Verdana; margin-top: 20px; margin-left:40px; margin-bottom:-15px;
}

.main .survey
{	font-size:12pt;  font-family: Tahoma, Arial, Verdana; margin:5px auto 20px auto; padding:5px; width:40%; /*background-color:#7ba1d0;*/ background-color:#FFFF99; text-align:center; border:1px dotted #000; font-weight:bold; color:#000;
}

.main .survey a
{	 text-decoration: none;color:#6c87a6;
}

.main .survey a:hover
{	color:#d7774f; text-decoration: underline; 
}
.main .l-content
{ width: 0px; }

.main .c-content
{ margin-left: 4em; width: 620px; }

.main .c-content p
{ font-size: 11pt; font-weight: normal; }

.main .c-content p .name
{ font-size: 12.5pt; font-weight: bold; color: #A4593B; padding-bottom:10px; }

.main .c-content .spacer
{ clear: both; }

.main .c-content ul
{ font-size: 11pt; padding: 1em 4em; }

.main .c-content li
{ padding: 0.2em; }

.main .c-content a:hover
{ text-decoration: underline; color: #02f; }

.main .clipart
{ float: left; padding-right: 1em; clear: both; margin-left:0;}

.main .r-content
{ float: right; margin-right: 2em; }

.main .question
{ font-size: 13pt; font-weight: bold; margin: 10px 5px 0px 5px; color:#A4593B; }

.main .answer
{ margin-left: 2em; margin-bottom: 2.5em; width: 90%; font-size: 9.5pt; }

.payroll
{ }

.payroll h1
{ float:left; margin-left: 10px; }

.payroll p
{ clear: both; padding-top: 1em; }

.highlight
{ background-color: yellow; font-weight: bold; }

.resource ul
{  }

.resource .quote p
{
 font-style: italic;
 font-weight: bold;
}


.staffhead
{ background-color: #A4593B; height: 281px; }

.staffhead p
{ color: #fff; float: left; clear: left;  width: 220px; padding: 5px 0px 0px 5px; margin: 0px; }

.staffhead img
{ float: right; padding: 0px; margin: 0px; }

.clockIn
{ width: 300px; margin: auto; border: 1px solid #ccc; padding: 1em; }

.clockIn h2
{
	color: #444;
	font-family:Tahoma,Arial,Verdana;
	font-size:12pt;
	font-weight:bold;
	margin-bottom:5px;
	margin-top:2px;
}

.clockIn table { background-color: #fff; width: 100%; }
.clockIn table td { position: relative; width: 50%; }

.clockIn table input { width: 100%; }

.clockIn fieldset { border: 0px; }

.clockIn .actionRow
{
	font-size: 11pt; 
	text-align: center; 
	padding-top: 12px;
	font-weight: bold;
	color: #444;
	padding-bottom: 0px; 
}

.clockIn .label
{ padding: 0px 5px; background-color: #F0D398; }

.clockIn .labelContact
{ padding: 0px 5px; white-space: nowrap; text-align: right; background:#FFFFCC }

.clockIn .labelBoss
{ padding: 0px 5px; background-color: #C0C3F9; }

.clockIn .radioLabel
{ vertical-align: top; padding-left: 2px; margin: auto; }

.clockIn .radioIn
{ padding: 5px; border: 1px solid #999; float: left;  }

.clockIn .radioOut
{ padding: 5px; border: 1px solid #999; float: right; }

.clockIn .submit
{ width: 100%; text-align: center; border-top: 1px solid #ccc; margin-top: 12px; }

.clockIn .required { color: red; font-weight: bold }

.clockIn .submit p { margin-top: 12px; }

.clockIn a { color: #F63; }
.clockIn a:hover { text-decoration: underline; }

* {padding:0; margin:0}
.dropdown {float:left; padding-right:5px; padding-top: 12px; font-family: Verdana; }
.dropdown dt {padding:8px 5px 3px 2px; font-weight:bold; font-size: 10pt; color: #A4593B; cursor:pointer;}

.dropdown dt a {display:inline; padding: 0px; margin: 0px; color: #A4593B; } 
.dropdown dt:hover, .dropdown dt a:hover { color: #036; }
.dropdown dd {position:absolute; display:none;  background-color:#F5EEB8; z-index:200; opacity:0;}
html>body .dropdown dd { overflow:hidden; } 
.dropdown ul {border: 1px solid #A4593B; list-style:none; }
.dropdown li:hover, .dropdown li a:hover {background-color:#D0BD8A; }

.dropdown a
{display:block; padding:4px; text-decoration:none; width:200px; }

.solar-box { background:url(../images/solar-powered.jpg) no-repeat; width:215px; height:174px; float:right; margin-top:25px; }
.solar-box h3 { width:80%; padding:115px 0 0 20px; *font-size:12px;}