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

* {
margin:0; padding:0;
}

img {
border:0 !important;
}

html {
background:url(../img/bg.jpg)
}

body {
font-family:Helvetica, Arial, sans-serif;
font-size:62.5%;
color:#454545;
background:url(../img/bg_body.jpg) repeat-x;
position:relative;
}

#wrapper {
width:925px;
margin:0 auto;
}

#header {
width:100%;
height:273px;
position:relative;
}

#logo {
width:925px;
height:223px;
background:url(../img/bg_logo.jpg);
}

#logo a {
display:block;
height:150px;
width:260px;
margin:0 auto;
position:relative;
top:35px;
}

#logo span {
margin:-9999px;
}

#call-out {
position:absolute;
top:45px;
background:url(../img/bg_call-out.png) no-repeat;
width:150px;
height:85px;
padding:20px 43px 73px 20px;
text-decoration:none;
}

#call-out h2 {
color:#d66c27;
font-size:1.3em;
line-height:1.1em;
padding:0 0 0.3em 0;
}

#call-out p {
font-weight:bold;
font-size:1.3em;
line-height:1.2em;
padding:0 0 0.6em 0;
color:#585233;
}

#menu {
height:50px;
width:100%;
background:url(../img/bg_menu.jpg) top right no-repeat;
}

#nav {
list-style:none;
font-size:12px;
line-height:16px;
font-weight:bold;
}

#nav li {
float:left;
display:inline-block;
position:relative;
}

#nav li a {
display:inline-block;
color:#fff;
text-decoration:none;
}

#nav li a span {
padding:17px 14px;
display:block;
}

#nav li a.active {
background:url(../img/bg_nav_a.jpg);
}

#nav li a:hover, #nav li a.hover {
background:url(../img/bg_nav_a.jpg) !important;
}

#nav li a.active span {
background:url(../img/bg_nav_span.jpg) right no-repeat;
}

#nav li a:hover span, #nav li a.hover span {
background:url(../img/bg_nav_span.jpg) right no-repeat !important;
}

#nav:hover li a.active, #nav:hover li a.active span {
background:none;
}

#nav li ul {
display:none;
list-style:none;
position:absolute;
width:780px;
height:32px;
top:50px;
left:-45px;
}

#nav li ul li a {
background:#5cb814;
color:#fff;	
}

#nav li ul li a span {
padding:8px;
}

#nav li ul li a:hover, #nav li ul li a:hover span, #nav li ul li a.active, #nav li ul li a.active span {
background:#5cb814 !important;
}

#nav li ul li a:hover, #nav li ul li a.active {
text-decoration:underline;
}

#nav:hover li ul {
display:none !important;
}

#nav li a.active + ul {
display:block;
}

#nav li a.hover + ul {
display:block !important;
}

#nav li ul.hover {
display:block !important;
}

/*#nav li a:hover + ul, #nav li ul:hover {
display:block !important;
}*/

#nav li ul li {
float:left;
}

#quick {
position:absolute;
bottom:14px;
right:22px;
width:185px;
}

#quick .nav {
font-size:1em;
padding:0 6px;
}

#quick .sub-nav {
font-size:0.8em;
padding-left:16px;
}

#main {
margin:32px 0 0 0;
overflow:hidden;
}

#main.bg {
background:url(../img/bg_main.jpg) bottom no-repeat;
min-height:280px;
}

#main h3 {
font-size:1.8em;
color:#fff;
line-height:1.8em;
background:url(../img/bg_h3.jpg) repeat-x;
display:inline-block;
padding:0 0 0.45em;
}

#main h3:after {
content: ".";
display: block;
height: 0;
clear: both !important;
visibility: hidden;
}

#main h3 span {
background:url(../img/bg_h3_span.jpg) right no-repeat;
display:block;
height:36px;
padding:0 14px;
}

#main h4 {
font-size:1.6em;
font-weight:bold;
}
	
#main h5 {
font-size:1.4em;
font-weight:bold;
}

#main p {
font-size:1.2em;
line-height:1.5em;
padding:0 0 0.75em;
}

#main ul, #main ol {
font-size:1.2em;
line-height:1.5em;
margin:0 0 0 25px;
padding:0 0 0.75em;
}

#main a {
color:#5cb814;
}

.date {
font-size:0.9em;
font-style:italic;
}

.content {
background:url(../img/bg_content.jpg) top no-repeat;
padding:30px;
width:865px;
overflow:hidden;
}

.main-column {
width:515px;
margin:0 25px 0 0; padding:0 25px 0 0;
}

.main-column.bg {
background:url(../img/bg_main-column.jpg) top right no-repeat;
min-height:230px;
}

.left-column {
width:300px;
}

.right-column {
width:300px;
}

.left-box {
width:252px;
height:234px;
background:url(../img/bg_left-box.jpg) no-repeat;
padding:18px 24px;
}
 
.mid-box {
width:335px;
height:290px;
}

.right-box {
width:242px;
height:214px;
background:url(../img/bg_right-box.jpg) no-repeat;
padding:28px 24px;
}

.right-box h3 {
display:block !important;
background:url(../img/bg_right-box_h3.png) no-repeat !important;
width:173px;
height:35px;
}

.right-box h3 span {
display:inline !important;
background:none !important;
padding:0 !important;
margin:-9999px;
}

.right-box p {
color:#666;
}

.question .answer {
float:left;
width:105px;
height:70px;
padding:15px;
text-align:center;
font-size:1em;
font-weight:bold;
color:#fff;
background:url(../img/bg_answer.jpg) right no-repeat;
vertical-align:middle;
display:table-row;
}

.question .answer.active {
background:url(../img/bg_answer.jpg) left no-repeat;
}

.question .answer input {
display:none;
}

.question .answer span {
display:table-cell;
height:70px !important;
width:105px !important;
overflow:hidden !important;
vertical-align:middle;
}

.question h4 {
position:relative;
}

.question .progress {
display:block;
position:absolute;
top:0;
right:0;
}

.question .progress span {
display:block;
float:left;
width:15px;
height:12px;
font-size:12px;
font-weight:bold;
color:#fff;
line-height:1em;
text-align:center;
margin:0 0 0 5px; padding:3px 5px;
background:url(../img/bg_progress.jpg) right no-repeat;
}

.question .progress span.active {
background:url(../img/bg_progress.jpg) left no-repeat;
}

#footer {
width:100%;
height:45px;
padding:25px 0 0;
position:relative;
}

#footer h5 {
font-size:1.3em;
}

#footer p {
font-size:1.2em;
}

#footer .logo {
position:absolute;
top:0;
right:0;
}

#footer a {
color:#5a9c21;
}

.offset-left-small {
margin:0 0 0 -15px;
}

.clear {
overflow:hidden;
clear:both;
}

.align-right {
text-align:right;
}

.align-center {
text-align:center;
}

.float-left {
float:left;
}

.float-right {
float:right;
}

.sponsor {
float:left;
width:340px;
padding:0 0 25px 0;
}

.sponsor-image {
float:right;
padding:0 0 10px 5px;
width:165px;
text-align:right;
overflow:hidden;
}

.sponsor-image img {
display:block;
}

.hidden {
display:none;
}

p.complete {
font-weight:bold;
font-size:1.3em;
}

p.error {
color:#C30;
font-weight:bold;
}

p.pdf a {
display:block;
color:#000 !important;
text-decoration:none;
font-weight:bold;
font-size:1.5em;
padding:12px 4px 12px 68px !important;
height:48px;
margin:0 0 6px 0;
background:#eee url(../img/pdf.png) 0 4px no-repeat;
}

p.pdf.doc a {
background:#eee url(../img/doc.png) 0 4px no-repeat;
}

input.error, select.error, textarea.error {
border:1px solid #C30 !important;
color:#C30;
}

label.error {
color:#C30;
}

form p {
overflow:hidden;
}

.note {
float:left;
text-align:left;
font-size:10px;
line-height:12px;
}

.input {
font-size:1em;
padding:8px 4px 7px;
background:url(../img/bg_input.jpg);
border:1px dashed #d4d4d4;
display:block;
color:#666;
width:95%;
font-family:Helvetica, Arial, sans-serif;
}

.input.required {
border:1px solid #d4d4d4;
}

select.input {
padding:5px 5px 0;
width:99.5%;
}

select.input option {
padding:5px;
}

select.input.half-width {
width:48.5%;
}

select.input.quarter-width {
width:23%;
margin:0 1.5% 0 0;
float:left;
}

textarea.input {
height:70px;
}

.input.half-width {
width:46.5%;
}

.input.half-width:first-child, .input.quarter-width:first-child {
margin:0 2.5% 0 0;
float:left;
}

.input.quarter-width:last-child {
float:none;
}

.checkbox {
margin:0 0 -2px 0;
}