/* Hide print only elements */

.print_only { display: none; }

/* HTML tags */

body {
color: #333;
background-color: #53585A;
margin: 0;
padding: 0;
font-size: 12px; 
line-height: 19px;
font-family: "Lucida Grande", arial, helvetica, sans-serif;
text-align: center;
}

a { color: #003366; }
a:hover { color: #336699; }

form {
margin: 0;
padding: 0;
}

input, select, textarea {
color: #333;
font-family: "Lucida Grande", arial, helvetica, sans-serif;
}

pre { font-size: 12px; }

hr { display: none }

p {
margin: 7px 0 7px 0;
padding: 0;
}

td, th {
font-size: 12px;
line-height: 15px;
}

input, textarea, select, option {
font-size: 12px;
font-family: "Lucida Grande", arial, helvetica, sans-serif;
}

input.small {
font-size: 10px;
}

small {
font-size: 11px;
color: #666;
}

/*ul {
margin: 7px 0 7px 0;
padding-top: 0;
padding-bottom: 0;
}*/

/* container */

#container {
width: 770px;
margin: 10px auto 0px auto;
background-color: #fff;
border-left: 0px solid #333;
border-right: 0px solid #333;
border-top: 3px solid #8D9FA6;
color: #333;
text-align: left;
}


#container.no_side { background: #ffffff; }


/* header */

#header {
margin: 0;
padding: 0;
width: 770px;
height: 70px;
}

#header h1, #header h2 { display: none; }

#header_logo {
width: 770px;
height: 70px;
display: block;
}

#header_logo a {
margin: 0;
padding: 0;
/*float: left;*/
display: block;
background:  url(/images/header.gif) no-repeat top left;
width: 770px;
height: 70px;
}


#header_menu {
position: absolute;
top: 23px;
padding: 0;
margin: 0px auto;
float: left;
font-size: 11px;
color: #333;
width: 750px;
text-align: right;
}

#header_menu a {
color: #666;
}


/* menu */

#menu {
display: block;
height: 40px;
border-top: 3px solid #333;
border-bottom: 0px solid #f1f1f1;
margin: 0;
padding: 0;
background: #000;
}

#menu ul {
list-style-type: none;
padding: 0 0 0 0;
margin: 10px 0 0 10px;
}

#menu ul li {
float:  left;
display: inline; /* fixes IE double margin bug */
height: 30px;
margin-left: 10px;
margin-right: 10px;
padding: 0;
/*border-left: 1px dotted #666;*/
border-left-style: dotted;
border-left-color:#666;
border-left-width:thin;
height: 18px;
}

#menu ul li a {
text-decoration: none;
color: #A5C4D0;
padding-left: 10px;
font-size: 12px;
line-height: 18px;
height: 18px;
}

/* hp */

#hp_headline {
position: absolute;
top: 203px;
padding-left: 20px;
margin: 0px auto;
float: left;
font-size: 24px;
line-height: 38px;
color: #333;
font-family: helvetica, arial, sans-serif;
}

#hp_copy {
margin: 0;
padding: 0;
background: #999;
}

#hp_copy h2 {
margin: 0;
padding: 20px;
width: 600px;
font-size: 18px;
line-height: 24px;
font-weight: normal;
color: #fff;
font-family: helvetica, arial, sans-serif;
}

#hp_block {
margin: 0 0 30px 0;
padding: 0 0 0 20px;
display: block;
height: 30px;	
background: #ccc;
line-height: 30px;
font-size: 18px;
line-height: 30px;
font-weight: normal;
font-family: helvetica, arial, sans-serif;
}




/* main */

#main {
display: block;
margin: 0;
padding: 0px;
background: #fff;
width: 770px;
}


#main_left {
float: left;
display: inline; /* fixes IE double margin bug */
background: #fff;
width: 450px;
margin: 20px 20px 20px 20px;
padding: 0px;	
}

#main_left h2 {
font-size: 24px;
line-height: 24px;
padding: 0 0 10px 0;	
margin: 0px;
font-weight: normal;
color: #616E73;
font-family: helvetica, arial, sans-serif;
}

#main_left h3 {
font-size: 20px;
line-height: 20px;
padding: 0 0 10px 0;	
color: #616E73;
margin: 0px;
font-weight: normal;
font-family: helvetica, arial, sans-serif;
}

#main_left h4 {
font-size: 18px;
line-height: 18px;
padding: 0 0 10px 0;	
color: #616E73;
margin: 0px;
font-weight: normal;
font-family: helvetica, arial, sans-serif;
}


#main_left_image {
float: left;
padding: 0 10px 5px 0;
}

#main_right {
background: #fff;
display: inline; /* fixes IE double margin bug */
float: left;
padding: 0px;
width: 260px;
margin: 20px 0px 20px 0px;
}

/* accent_box */

#accent_box {
width: 260px;
background: #9BD2E7;
color: #000;
margin: 0 0 10px 0;
}

#accent_box h3 {
margin: 0;
padding: 0 10px 0 10px;
font-weight: normal;
font-family: helvetica, arial, sans-serif;
background: #8FC2D5;
font-size: 17px;
line-height: 30px;
}

#accent_box h4 {
margin: 0;
padding: 7px 25px 7px 10px;
font-weight: normal;
font-family: helvetica, arial, sans-serif;
background: #9BD2E7;
font-size: 17px;
line-height: 23px;
}



/* footer */


#main_right_links {
width: 260px;
background: #e4e4e4;
padding-top: 10px;
padding-bottom: 10px;
}
#main_right_links p {
margin: 0;
padding: 2px 20px 2px 20px;
line-height: 16px;
}

#main_right_links p small {
line-height: 14px;	
}

#pdf_content {
margin: 10px 0 20px 0;
padding: 0;
}

#pdf_content p {
margin: 0;
padding: 2px 0px 2px 0px;
line-height: 16px;
}

#pdf_content p small {
line-height: 14px;
}

#footer {
clear: both;
margin: 20px 0 0 0;
padding: 0 15px 0 0;
color: #333;
background-color: #53585A;
text-align: center;
/*border-top: 1px solid gray;*/
}

#footer p {
margin: 0;
padding: 0;	
}

#footer p small {
margin: 0;
padding: 0;
color: #ccc;
line-height: 25px;
}

#footer_rider p small {
margin: 0;
padding: 0;
color: #ccc;
line-height: 14px;
}

#footer a {
color: #ccc;	
}

/* Notices */

#notice {
 color: #00824a;
 font-weight: bold;
 margin-bottom: 10px;
}


/* errors */

/*.fieldWithErrors {
 padding: 2px;
 background-color: #cc0000;
 display: table;
 margin: 0;
}*/

.general_error { color: #cc0000; }
.general_success { color: #00824a; }

.fieldWithErrors {
    display: inline;
}
.fieldWithErrors input, .fieldWithErrors select {
    background-color: #ffdfdf;
}



#errorExplanation {
 /*width: 400px;*/
 border: 1px solid #cc0000;
 padding: 5px;
 padding-bottom: 5px;
 margin-bottom: 10px;
 background-color: #f0f0f0;
}

#errorExplanation p {
margin: 0;
padding: 0;
}

#errorExplanation ul {
margin: 0;
padding-bottom: 0;
padding-top: 0;
}


#errorExplanation h2 {
 font-family: "Lucida Grande", arial, helvetica, sans-serif;
 text-align: left;
 font-weight: bold;
 padding: 5px 5px 5px 5px;
 font-size: 12px;
 margin: 0px;
 color: #cc0000;
}



#errorExplanation p {
 color: #333;
 margin-bottom: 0;
 padding: 5px;
}

#errorExplanation ul {
margin-top: 5px;
margin-bottom: 5px;
padding-top: 0;
padding-bottom: 0;
}

#errorExplanation ul li {
 list-style: square;
}

/* divider */

.thin_divider {
display: block;
clear: both;
height: 1px;
line-height: 1px;
margin: 5px 0 5px 0;
border-bottom: 1px solid #ccc;
width: 100%;
}