/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul { list-style: none; }
ol { list-style: decimal; margin-left: 25px; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }

/* THE BASICS */
body { padding-top: 5px; margin: 0 auto; text-align: center; line-height: 133%; font-family: Verdana, Arial, helvetica, sans-serif; font-size: 11px; color: #555; background: #ffffff url(../images/bg.png) top left repeat-x; }
p { line-height: 133%; font-family: Verdana, Arial, helvetica, sans-serif; font-size: 11px; color: #555; }
h1,h2,h3,h4,h5,h6 { margin: 0px; padding: 0px; }
h1 { font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; font-size: 22px; line-height: 22px; color: #b62025; margin-bottom: 15px; }
h1.verifier { font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; font-size: 22px; line-height: 22px; color: #b62025; margin-bottom: 15px; }
h1.employee { font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; font-size: 22px; line-height: 22px; color: #80a3c2; margin-bottom: 15px; }
h1.socialservice { font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; font-size: 22px; line-height: 22px; color: #153367; margin-bottom: 15px; }
h1.employer { font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; font-size: 22px; line-height: 22px; color: #89181C; margin-bottom: 15px; }
h2 { font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; font-size: 18px; line-height: 18px; color: #000; margin: 5px 0 10px 0; }
h3 { font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; font-size: 14px; line-height: 14px; color: #555; margin-bottom: 10px; }
h6.verifier a { height: 50px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; font-size: 12px; color: #b62025; }
h6.employee a { height: 50px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; font-size: 12px; color: #80a3c2; }
h6.socialservice a { height: 50px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; font-size: 12px; color: #153367; }
h6.employer a { height: 50px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; font-size: 12px; color: #89181C; }

a:link { color: #153367; text-decoration: none; } 
a:visited { color: #153367; text-decoration: none; } 
a:active { color: #153367; text-decoration: none; } 
a:hover { color: #b62025; text-decoration: underline; }
h1.verifier a { color: #b62025; }
h1.employee a { color: #80a3c2; }
h1.socialservice a { color: #153367; }
h1.employer a { color: #89181C; }

#wrapper { margin: 0 auto; position: relative; width: 980px; text-align: left; }
	
#logo { float: left; clear: left; height: 75px; width: 184px; background: transparent url(../images/logo.jpg) top left no-repeat; }


/*** MAIN NAVIGATION BAR ***/
#main_nav { float: right; clear: right; margin: 13px 0 0 0; height: 46px; width: 750px; }
#main_nav li { display: inline; }
#main_nav li a { float: left; width: 150px; height: 0; padding-top: 46px; overflow: hidden; background: transparent url(../images/main_nav.jpg) no-repeat; }

	/* DEFAULT BUTTONS */
	#main_nav li#home a { background-position: 0 0; }
	#main_nav li#about a { background-position: -150px 0; }
	#main_nav li#services a { background-position: -300px 0; }
	#main_nav li#security a { background-position: -450px 0; }
	#main_nav li#contact a { background-position: -600px 0; }
	
	/* HOVER STATES */
	#main_nav li#home a:hover { background-position: 0 -46px; }
	#main_nav li#about a:hover { background-position: -150px -46px; }
	#main_nav li#services a:hover { background-position: -300px -46px; }
	#main_nav li#security a:hover { background-position: -450px -46px; }
	#main_nav li#contact a:hover { background-position: -600px -46px; }
	
	/* PRESSED (ACTIVE) STATES */
	#main_nav li#home a:active { background-position: 0 -92px; }
	#main_nav li#about a:active { background-position: -150px -92px; }
	#main_nav li#services a:active { background-position: -300px -92px; }
	#main_nav li#security a:active { background-position: -450px -92px; }
	#main_nav li#contact a:active { background-position: -600px -92px; }
	
	/* "ON" STATES */
	#main_nav.about li#about a { background-position: -150px -138px; }
	#main_nav.services li#services a { background-position: -300px -138px; }
	#main_nav.security li#security a { background-position: -450px -138px; }
	#main_nav.contact li#contact a { background-position: -600px -138px; }



#container { clear: both; margin: 0 auto; position: relative; top: 20px; width: 940px; min-height: 350px; padding: 20px; background-color: #fff; border: 1px solid #ddd; -webkit-border-radius: 15px; /* for Safari */ -moz-border-radius: 15px; /* for Firefox */ }

#header { margin 0 auto; position: relative; width: 940px; height: 250px; background: transparent url(../images/header.jpg) top left no-repeat; }
#header span { display: none; }
.headertitle { font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; font-size: 24px; color: #fff; line-height: normal; }

#content { position: relative; width: 940px; }
#content p { margin-bottom: 15px; }

#left_col { position: absolute; width: 140px; height: 100%; }
#center_col { position: relative; left: 190px; width: 540px; min-height: 455px; height: auto !important; height: 455px; }
#center_col ul { list-style: circle; }
#center_col li { margin: 0 0 15px 25px; }
#right_col { float: right; clear: right; width: 160px; height: 100%; }

/*** SUB NAVIGATION ***/
#sub_nav { margin-bottom: 20px; padding: 15px; width: 100%; }
#sub_nav li { margin-bottom: 15px; }
#sub_nav ul li ul { margin-top: 10px; }
#sub_nav ul li ul li { margin-left: 20px; }
#sub_nav a { color: #fff; }
#sub_nav.right { float: right; clear: right; margin-left: -30px; margin-bottom: 20px; }
#sub_nav.right ul a { float: left; height: 50px; padding: 0 0 0 40px; font-size: 10px; font-weight: bold; background: transparent url(../images/sm-icons.png) top no-repeat; }
#sub_nav.right li.verifierlogin a { background-position: 0 0; }
#sub_nav.right li.verifiersignup a { background-position: 0 -50px; }
#sub_nav.right li.verifierinfo a { background-position: 0 -100px; }
#sub_nav.right li.employeelogin a { background-position: 0 -150px; }
#sub_nav.right li.employeeinfo a { background-position: 0 -200px; }
#sub_nav.right li.socialservicelogin a { background-position: 0 -250px; }
#sub_nav.right li.socialservicesignup a { background-position: 0 -300px; }
#sub_nav.right li.socialserviceinfo a { background-position: 0 -350px; }
#sub_nav.right li.employerlogin a { background-position: 0 -400px; }
#sub_nav.right li.employersignup a { background-position: 0 -450px; }
#sub_nav.right li.employerinfo a { background-position: 0 -500px; }



	/* WHITE BOX - GRAY OUTLINE */
	#sub_nav.white a { color: #153367; }
	#sub_nav.white a:hover { color: #b62025; }
	#sub_nav.white { background-color: #fff; border: 1px solid #dedee0; position: relative; }
	#sub_nav.white > .tl, 
	#sub_nav.white > .tr, 
	#sub_nav.white > .bl, 
	#sub_nav.white > .br { width: 10px; height: 10px; position: absolute; }
	#sub_nav.white > .tl { background: url(../images/whitecorners.png) top left no-repeat; top: -1px; left: -1px; }
	#sub_nav.white > .tr { background: url(../images/whitecorners.png) top right no-repeat; top: -1px; right: -1px; }
	#sub_nav.white > .bl { background: url(../images/whitecorners.png) bottom left no-repeat; bottom: -1px; left: -1px; }
	#sub_nav.white > .br { background: url(../images/whitecorners.png) bottom right no-repeat; bottom: -1px; right: -1px; }
	
	/* LIGHT GRAY BOX */
	#sub_nav.lt_gray a { color: #153367; }
	#sub_nav.lt_gray a:hover { color: #b62025; }
	#sub_nav.lt_gray { background: #dedee0; position: relative; }
	#sub_nav.lt_gray > .tl, 
	#sub_nav.lt_gray > .tr, 
	#sub_nav.lt_gray > .bl, 
	#sub_nav.lt_gray > .br { width: 10px; height: 10px; position: absolute; }
	#sub_nav.lt_gray > .tl { background: url(../images/graycorners_lt.png) top left no-repeat; top: 0; left: 0; }
	#sub_nav.lt_gray > .tr { background: url(../images/graycorners_lt.png) top right no-repeat; top: 0; right: 0; }
	#sub_nav.lt_gray > .bl { background: url(../images/graycorners_lt.png) bottom left no-repeat; bottom: 0; left: 0; }
	#sub_nav.lt_gray > .br { background: url(../images/graycorners_lt.png) bottom right no-repeat; bottom: 0; right: 0; }
	
	/* DARK GRAY BOX */
	#sub_nav.dk_gray p { color: #fff; }
	#sub_nav.dk_gray a:hover { color: #b62025; }
	#sub_nav.dk_gray { background: #999; position: relative; }
	#sub_nav.dk_gray > .tl, 
	#sub_nav.dk_gray > .tr, 
	#sub_nav.dk_gray > .bl, 
	#sub_nav.dk_gray > .br { width: 10px; height: 10px; position: absolute; }
	#sub_nav.dk_gray > .tl { background: url(../images/graycorners_dk.png) top left no-repeat; top: 0; left: 0; }
	#sub_nav.dk_gray > .tr { background: url(../images/graycorners_dk.png) top right no-repeat; top: 0; right: 0; }
	#sub_nav.dk_gray > .bl { background: url(../images/graycorners_dk.png) bottom left no-repeat; bottom: 0; left: 0; }
	#sub_nav.dk_gray > .br { background: url(../images/graycorners_dk.png) bottom right no-repeat; bottom: 0; right: 0; }
	
	/* VERIFIER SECTION (RED) */
	#sub_nav.verifier a:hover { color: #80a3c2; }
	#sub_nav.verifier { background: #b62025; position: relative; }
	#sub_nav.verifier > .tl, 
	#sub_nav.verifier > .tr, 
	#sub_nav.verifier > .bl, 
	#sub_nav.verifier > .br { width: 10px; height: 10px; position: absolute; }
	#sub_nav.verifier > .tl { background: url(../images/verifiercorners.png) top left no-repeat; top: 0; left: 0; }
	#sub_nav.verifier > .tr { background: url(../images/verifiercorners.png) top right no-repeat; top: 0; right: 0; }
	#sub_nav.verifier > .bl { background: url(../images/verifiercorners.png) bottom left no-repeat; bottom: 0; left: 0; }
	#sub_nav.verifier > .br { background: url(../images/verifiercorners.png) bottom right no-repeat; bottom: 0; right: 0; }
	
	/* EMPLOYEE SECTION (LIGHT BLUE) */
	#sub_nav.employee a:hover { color: #b62025; }
	#sub_nav.employee { background: #80a3c2; position: relative; }
	#sub_nav.employee > .tl, 
	#sub_nav.employee > .tr, 
	#sub_nav.employee > .bl, 
	#sub_nav.employee > .br { width: 10px; height: 10px; position: absolute; }
	#sub_nav.employee > .tl { background: url(../images/employeecorners.png) top left no-repeat; top: 0; left: 0; }
	#sub_nav.employee > .tr { background: url(../images/employeecorners.png) top right no-repeat; top: 0; right: 0; }
	#sub_nav.employee > .bl { background: url(../images/employeecorners.png) bottom left no-repeat; bottom: 0; left: 0; }
	#sub_nav.employee > .br { background: url(../images/employeecorners.png) bottom right no-repeat; bottom: 0; right: 0; }
	
	/* SOCIAL SERVICE SECTION (NAVY) */
	#sub_nav.socialservice a:hover { color: #80a3c2; }
	#sub_nav.socialservice { background: #153367; position: relative; }
	#sub_nav.socialservice > .tl, 
	#sub_nav.socialservice > .tr, 
	#sub_nav.socialservice > .bl, 
	#sub_nav.socialservice > .br { width: 10px; height: 10px; position: absolute; }
	#sub_nav.socialservice > .tl { background: url(../images/socialservicecorners.png) top left no-repeat; top: 0; left: 0; }
	#sub_nav.socialservice > .tr { background: url(../images/socialservicecorners.png) top right no-repeat; top: 0; right: 0; }
	#sub_nav.socialservice > .bl { background: url(../images/socialservicecorners.png) bottom left no-repeat; bottom: 0; left: 0; }
	#sub_nav.socialservice > .br { background: url(../images/socialservicecorners.png) bottom right no-repeat; bottom: 0; right: 0; }
	
	/* EMPLOYER (DARK RED) */
	#sub_nav.employer a:hover { color: #80a3c2; }
	#sub_nav.employer { background: #89181C; position: relative; }
	#sub_nav.employer > .tl, 
	#sub_nav.employer > .tr, 
	#sub_nav.employer > .bl, 
	#sub_nav.employer > .br { width: 10px; height: 10px; position: absolute; }
	#sub_nav.employer > .tl { background: url(../images/employercorners.png) top left no-repeat; top: 0; left: 0; }
	#sub_nav.employer > .tr { background: url(../images/employercorners.png) top right no-repeat; top: 0; right: 0; }
	#sub_nav.employer > .bl { background: url(../images/employercorners.png) bottom left no-repeat; bottom: 0; left: 0; }
	#sub_nav.employer > .br { background: url(../images/employercorners.png) bottom right no-repeat; bottom: 0; right: 0; }




.form-section-header { background: #f9f9f9; }

#content-boxes ul { width: 100%; height: 200px; list-style: none; margin: 0; padding: 0; }
#content-boxes li { float: left; margin-top: 20px; padding: 0; background: transparent url(../images/box220.png) top left no-repeat; width: 220px; height: 200px; }
#content-boxes li.second { margin: 20px; }
#content-boxes li.third { margin-right: 20px; }
#content-boxes li h1 { padding: 20px 10px 0 15px; }
#content-boxes li p { padding: 0 10px 0 15px; font-size: 8pt; }
#content-boxes li p.sectionimage { position: absolute; top: 150px; width: 195px; }
	
	
#footer { position: relative; top: 20px; width: 960px; padding: 10px; text-align: center; font-family: Verdana, Arial, helvetica, sans-serif; font-size: 11px; background: transparent; }
#footer ul { list-style-type: none; margin: 0 0 10px 0; }
#footer li { display: inline; padding-right: 20px; }
