/* =reset (ONLY EDIT THE FONT FAMILY)******************************** */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,var{font-style:normal;font-weight:normal;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%; color:#3C7223;}
body {font:13px verdana,helvetica,clean,sans-serif;}
table {font-size:inherit;font:100% verdana,helvetica,clean,sans-serif;}
select, input, textarea {font:99% verdana,helvetica,clean,sans-serif;}
pre, code {font:115% monospace;}
body * {line-height:1.5em;}

.clear:after {clear:both;content:"."; display:block;height:0;visibility:hidden;}
.clear {display:block;overflow:hidden;}
.hidden {position:absolute;left:0px;top:-500px;width:1px;height:1px;overflow:hidden;}
.hidetext {display:block;text-indent:-9999px;outline:0;}
.text-indent {text-indent:-32697px;}

/* =elements ***************************** */
a               {font-weight: bold; color: #0b0b0b;}  
a:link		{color: #324853;}
a:active	{color: #324853;}
a:visited	{color: #324853;}
a:hover		{color: #324853; text-decoration: none;}
.quote {color: #f10205;}


/* =grids ***************************** */

html {text-align:center; }

body {text-align:left; margin:0 auto; width:1000px; color: #000;}

#wrapper {background-color: #fff; width: 1000px;}

/* header attributes ************** */
#header-area {background-color: #f0f4d5; height: 140px; margin-bottom: -33px;}
#header {height:50px; margin: 10px;}
a#logo {display:block; background: url(/assets/images/logo.gif) top left no-repeat; width:355px; height:72px; left:24px; top:35px; text-indent:-999em; float: left;}

/* nav ************** */
#nav-top {float: left; font-size: 115%; padding: 0; list-style:none; float: left; width: 1000px; height: 40px; background: url(/assets/images/menu-bg-slice.gif) repeat-x; margin-bottom: -3px;}
#nav-top li {float: left; margin: 0; padding: 0; list-style: none; z-index: 100;}
#nav-top ul {position:absolute; top:-999px; width:1px; height:1px; overflow:hidden; list-style:none;}
#nav-top ul li {float:none; font-size: 100%; background: url(/assets/images/menu-bg-slice.gif) repeat-x;}
#nav-top li:hover ul {top:auto;width:auto; height:auto; overflow:visible; z-index: 100;}
#nav-top li:hover ul li {margin-top:-3px;}
#nav-top a {display:block; padding: 8px 10px; color:#fff; text-decoration: none;}
#nav-top a:hover, #nav li:hover a {color:#ffff6d;}
#nav-top ul a {color:#fff; font-weight: normal; letter-spacing: 0px;}
#nav-top ul a:hover {font-weight: bold; color:#ffff6d;}
#nav-top li a {font-weight: bold;}

#float-h2-right h2 {position:absolute; top:20px; right: 135px; color:#0055A4;}
#float-h2-right h2.speak {font-size: 1em;}
#float-h2-right h2.phone {margin-top: 10px; font-size: 2.4em;}

/* cta ****/


/* main content *****/
#main-content,#main-content-sub {clear:both; width:1000px; background-color: #fff;}
#main-content p, #main-content-sub p {margin:1em; line-height:1.44em;}
#main-content h2, #main-content-sub h2 {margin:0 0 1em;line-height:1.44em;}

#main-content h1, #main-content-sub h1 {font-size: 140%;}
#main-content p, #main-content-sub p { margin:0px 0; line-height:125%; margin-bottom: 10px;}
#main-content ul  li {margin-left: 20px; margin-bottom: 5px;}
#main-content ul {margin-bottom: 10px;}

#nav-content-area {width: 1000px; background-color: #fff;}
#content-area-home {padding: 10px;}
#content-area {float: right; width: 750px; background-color: #fff; padding-bottom: 20px; margin: 10px;}
#content-area ul li {margin-left: 30px;}
#content-area ul {margin-bottom: 20px;}
#content-area ol li {margin-left: 30px;}

#cta-home {clear: both; height: 260px;  background:url(/assets/images/mid-cta.jpg) no-repeat right;}
#cta-home-link {position:relative; width:185px; height:25px; top:180px;right: -106px;}
#sub-cta {height: 200px; margin-right: 10px;  background:url(/assets/images/sub-cta.jpg) no-repeat right;}
#cta-sub-link {position:relative; width:240px; height:25px; top:156px; left:290px;}

#pdf-cta {position: relative; float: left; background:url(/assets/images/side-pdf.jpg) no-repeat; width:205px; height:109px; margin:20px 0 0 10px;}
#pdf-cta a.dl-text {display:block; position:absolute; width:90px; height:50px; left:100px; top: 10px;}
#pdf-cta a.reader {display:block; position:absolute; width:87px; height:30px; left:100px; top: 65px;}

#jobs-column  {float: left; width: 425px; padding: 10px;}
#employer-column {float: right; width: 425px; padding: 10px;}
#employer-column h2, #jobs-column h2 {font-size: 130%;}

#side-nav {float: left; width: 210px; background-color: #fff; margin-left: 20px;}
#side-nav h2 {font-size: 120%; color:#0055A4; text-align: center;}
#side-nav ul {list-style:none;}
#side-nav ul li {padding:5px 0;}
/*
#side-nav a {background:#d0e2f3; display:block; text-decoration:none; padding:10px 10px; color:#565656; font-weight:bold;}
#side-nav a:hover {background:#398cb8; color:#fff;}
*/

#peo-quote a {position:relative; top: 130px; width: 65px; left: 95px; background-color: transparent;}
#peo-quote a:hover {background-color: transparent;}
#peo-quote {height: 171px; background: url(/assets/images/cta-quote.png) top no-repeat;}peo-quote  {background: url(/assets/images/cta-quote.png) top no-repeat;}

#left-column {float: left; width: 365px;}
#right-column {float: right; width: 365px;}

#business-forms address{margin: 0px 0px 10px 50px;}
#business-forms h3 {margin: 10px;}

/* footer attributes ************** */
#footer {clear: both; padding-top:10px; height:20px; margin-bottom:10px; background-color: #f0f4d5;}
#footer address, #footer p {font-size:100%; text-align:center; color:#000;}
#footer address {display:inline; float:left;}
#footer p#copyright {text-align:center;}
#footer p a, #footer p a:link, #footer p a:active, #footer p a:visited {color:#000; text-decoration:underline;}
#footer p a:hover {text-decoration:none;}