@charset "UTF-8";
/* CSS Document */

/* THIS STYLE SHEET IS FOR ALL PAGES */
/* generic rules start here */

body, p, h1, h2, h3, table, td, th, ul, ol, textarea, input {
	font-family: verdana, helvetica, sans serif;
}
body,td,th {
	font-size: 12px;
	text-align: left;
	color: #78797b; /* medium grey text */
	background-color: #ffffff;
}
* {
	margin: 0;
	padding: 0px;
}
a img {
	border:none;
}
#image {
	height: 240px;
}
/* layout styles start here */
#wrapper {
	position: relative;
	width: 1009px;
	margin: 0px auto;
}
#about #wrapper, #how #wrapper, #disclaimer #wrapper, #privacy #wrapper {
	background:url(../images/grey_panel.gif) right top repeat-y;
}
#employer #wrapper, #employee #wrapper, #indiv #wrapper {
	background:url(../images/short_grey_panel.gif) right top repeat-y;
}
#header {
	position: relative;
	background-color: #231f55; /* dark blue */
	height: 105px;
	width: 1009px;
	margin-bottom: 20px;
}
#logo {
	position: absolute;
	left: 15px;
	top: 10px;
	width: 630px;
}
#strap {
	position: absolute;
	top: 15px;
	right: 15px;
	width: 80px;
}
/* navigation starts here */
#nav {
	width: 1009px;
		position: absolute;
		top: 345px;
		left: 0px;
		z-index: 100;
}
.nav_bttns {
	margin: 0px auto;
	width: 1009px;
}

#nav li {
	font-size: 100%;
	line-height: 150%;
	text-decoration: none;
	text-align: center;
	list-style: none;
	float: left;
	position: relative;
}
#nav a {
	text-decoration: none;
	color: #ffffff;
	display: block;
	padding: 0px;
	background-color: #a7a9ac; /* light grey */
	width: 201px;
}
#nav a:hover {
	background-color: #8b8c8e; /* medium grey */
}
#nav .home, #nav .about, #nav .services, #nav .forms {
	margin-right: 1px;
}
body#home a#homeLink, body#about a#aboutLink, body#forms a#formsLink, body#contact a#contactLink, body#employer a#servicesLink, body#employee a#servicesLink, body#indiv a#servicesLink {
	cursor: default;
	text-decoration: none;
	background-color: #8b8c8e; /* medium grey */
}
/* drop down menu */

#nav li ul {
	display: none;
	position: absolute;
}
#nav li:hover ul {
	display: block;
}
.services ul li {
	border-top: 1px solid #f6f6f6;
	padding: 0px;
	margin: 0px;
}
#bttn_bar {
	background-color: #f6f6f6; /* grey tint */
	height: 140px;
}
.bttn_dark a, .bttn_med a, .bttn_light a, .contact_bttn a, #mailing a {
	text-align: center;
	color: #ffffff;
	font-size: 20px;
	padding: 14px 65px 25px 65px;
	text-decoration:none;
}
.bttn_dark {
	position: absolute;
	top: 435px;
	left: 5px;
	width: 300px;
}
#how .bttn_dark {
	top: 550px;
	left: 687px;
}
.bttn_dark a {
	background-image:url(../images/dark_bttn.jpg);
	background-position: top;
	background-repeat: no-repeat;
}
.bttn_med {
	position: absolute;
	top: 435px;
	left: 245px;
	width: 300px;
}
#how .bttn_med {
	top: 620px;
	left: 687px;
}
.bttn_med a {
	background-image:url(../images/med_bttn.jpg);
	background-position: top;
	background-repeat: no-repeat;
}
.bttn_light {
	position: absolute;
	top: 435px;
	left: 480px;
	width: 300px;
}
#how .bttn_light {
	top: 690px;
	left: 687px;
}
.bttn_light a {
	background-image:url(../images/light_bttn.jpg);
	background-position: top;
	background-repeat: no-repeat;
}
.contact_bttn {
	margin: 20px 0px 0px -13px;
}
.contact_bttn a {
	background-image:url(../images/contact_bttn.jpg);
	background-position: top;
	background-repeat: no-repeat;
}
.bttn_blue {
	margin: 20px 0px 0px -13px;
}
.bttn_blue a {
	background-image:url(../images/blue_bttn.jpg);
	background-position: top;
	background-repeat: no-repeat;
}
.bttn_dark a:hover, .bttn_med a:hover, .bttn_light a:hover, .contact_bttn a:hover, .bttn_blue a:hover {
	background-position: 5px -61px;
}
.splash {
	position: absolute;
	top: 181px;
	right: 0px;
	width: 118px;
	background:url(../images/splash.gif) center no-repeat;
}

.left_col {
	padding: 10px 0px 55px 15px;
	width: 475px;
	float: left;
}
.long_left_col {
	padding: 10px 20px 65px 15px;
	width: 610px;
	float: left;
}
.col_one {
	padding: 0px 0px 15px 0px;
	width: 180px;
	float: left;
}
.col_two {
	padding: 0px 0px 15px 0px;
	width: 180px;
	float: left;
	margin-left: 35px;
}
.col_three {
	padding: 0px 0px 15px 0px;
	width: 180px;
	float: right;
}
.col_one img, .col_two img, .col_three img {
	margin-bottom: 10px;
}
.right_col {
	padding: 10px 15px 55px 624px;
}
.short_right_col {
	width: 280px;
	float: right;
	padding: 10px 40px 55px 30px;
}
.short_right_col img {
	padding-top: 10px;
}
#employer .short_right_col, #employee .short_right_col, #indiv .short_right_col {
	width: 200px;
	float: left;
	padding: 10px 15px 55px 45px;
}
#employer .short_right2_col, #employee .short_right2_col, #indiv .short_right2_col {
	width: 190px;
	float: right;
	padding: 10px 25px 55px 30px;
}
.short_right3_col {
	width: 458px;
	float: right;
	padding: 10px 15px 35px 40px;
}
.arrow_heading, .clock_heading {
	position: relative;
}
.arrow, .clock {
	position: absolute;
	top: 20px;
	left: -100px;
	width: 82px
}
.short_right2_col img {
	margin-top: 20px
}
/* footer div */

#footer {
	position: relative;
	font-size: 80%;
	line-height: 150%;
	border-top: #c0c0c2 1px solid;
	padding: 10px 0px 20px 150px;
	clear: both;
	background-color:#FFFFFF;
}
#footer a {
	color: #3fab44; /* text green */
}
#footer a:hover {
	color: #78797b; /* medium grey text */
}
.madison {
	position: absolute;
	top: 15px;
	left: 0px;
	width: 120px;
}
.facebook {
	position: absolute;
	top: 13px;
	right: 0px;
	width: 90px;
}
.twitter {
	position: absolute;
	top: 13px;
	right: 100px;
	width: 90px;
}

/* Type styles start here */
p.splash {
	text-align: center;
	color: #ffffff;
	padding: 40px 25px 45px 25px;
}
p.strap {
	text-align: center;
	color: #231f55; /* dark blue */
	font-size: 120%;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 1.25em;
}
h1 {
	color: #231f55; /* dark blue */
	font-size: 250%;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 130%;
	font-weight: normal;
	padding: 12px 0px 0px 15px;
}
h2 {
	color: #231f55; /* dark blue */
	font-size: 175%;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 130%;
	font-weight: normal;
	padding: 15px 0px 10px 0px;
}
h3, h4, h5 {
	color: #3fab44; /* text green */
	font-size: 90%;
	line-height: 140%;
	font-weight: normal;
	padding: 0px;
}
h5 {
	margin-top: 15px;
}
h3 span {
	margin-top: 12px;
}
#content p, li {
	font-size: 100%;
	line-height: 150%;
	padding-bottom: 5px;
}
#contact .left_col p {
	font-size: 140%;
	line-height: 200%;
	padding-bottom: 8px;
}
#content p a {
	color: #3fab44; /* text green */
}
#content p a:hover {
	color: #78797b; /* medium grey text */
}
#content .small, .short_right2_col ul {
	font-size: 90%;
	line-height: 160%;
	padding-bottom: 10px;
	color: #68696b; /* dark grey text */
}
#content .left_col ul, #content .long_left_col ul, .short_right2_col ul {
	list-style-image:url(../images/tick.gif);
	padding-left: 20px;
}
#about .long_left_col ul {
	list-style:none;
	padding-left: 0px;
}
.value {
	color: #3fab44; /* text green */
}
#content ol {
	color: #3fab44; /* text green */
	list-style-position:inherit;
	padding-left: 25px;
}
#content ol p {
	color: #78797b; /* medium grey text */
	padding-bottom: 0px;
}
span.highlight {
	background-color: #7ac142;
	padding: 3px 10px;
	color:#FFFFFF;
}

.contactfield {
	padding-bottom: 15px;
	padding-top: 6px;
}
.contactfield input {
	display:block;
	width:200px;
}
div.form_section {
	font-size: 90%;
	line-height: 150%;
}
.contactfield textarea {
	display:block;
	width:400px;
}
input:focus, textarea:focus, select:focus {
	border: 2px solid #00404d;
}
div.buttons {
	padding-top:5px;
}
.validation-advice {
	font-weight:bold;
	color:#eb4033;
	position:absolute;
	left:535px;
	margin-top:5px;
}
#mailing {
	position: relative;
	clear: both;
	width: 474px;
	height: 90px;
	background-color: #eceded;
	padding: 0px 0px 50px 535px;
}
.harvey {
	position: absolute;
	width: 329px;
	left: 100px;
	top: -150px;
}
.indent {
	padding-left: 15px;
	text-indent: -10px;
}