body{margin:0; padding:0; font-size:100%; font-family:Arial, Helvetica, sans-serif; background-color:#e7e3d3; color:#7c7c7c; background-image:url(../images/bg_background.jpg); background-position:top; background-repeat:repeat-x; }

/******************************************
 * GENERAL ELEMENTS
 ******************************************/
.break{overflow:hidden; clear:both; height:1px; margin:-1px 0 0 0;font-size: 1px;}
p, label, input, select, textarea, legend{font-size:80%; font-family:Arial, Helvetica, sans-serif;}
h1{font-weight:normal; font-size:150%;}
#main li{font-size:80%;}
a{color:#6ea0b9}
img {border:none;}
.alert{color:#ad3030}
p.confirmation, span.confirmation{color:#899f22; font-weight:bold;}
#skip{position:absolute;left:0px;top:-500px;width:1px;height:1px;overflow:hidden;}
.hidden{position:absolute;left:0px;top:-500px;width:1px;height:1px;overflow:hidden;}

/******************************************
 * FORM ELEMENTS
 ******************************************/
input.formButton{font-weight:bold; cursor:pointer; font-size:75%; width:auto; padding:.1em .5em .1em .5em; color:#fff; border-style:solid; border-width:2px; border-right-color:#d3d3d3; border-left-color:#d3d3d3; border-top-color:#fff; border-bottom-color:#a1a1a0; background-image:url(../images/formButton_bg.gif); background-position:top; background-repeat:repeat-x; background-color:#878373}
/* we get rid of the ridiculous padding of submit buttons in IE */
* html input { overflow: visible; } 
fieldset{border:none;}
.fieldsetTitle{display:none}
legend{font-weight:bold; color:#7c7c7c;}
label.singleLineLabel{display:block; float:none; width:auto}
label{font-weight:bold; float:left; width:10em; margin:0 0 5px 0;}
label.checkboxLabel{font-weight:normal;}
p.inputDescription{font-weight:bold; margin:1em 0 .3em 0;}
p.afterLine{display:inline; padding-left:.8em;}
/* we use the underscore hack to make sure the bgcolor of fieldsets work in IE properly */
fieldset{position:relative} legend{position:relative;_top:-1.5em} 
.req{color:#ad3030}
input.error, select.error, textarea.error, input.largeLabelShortNumbererror, input.shortNumbererror, select.unitDropdownerror{background-color:#fbdfdf}

/******************************************
 * PAGE LAYOUT
 ******************************************/
.content{min-width:780px;} 
#main{background-color:#fff; clear:both; padding:10px 12px 10px 12px}

/******************************************
 * BANNER
 ******************************************/
#banner{padding:0 12px 0 12px;}
#mainBanner{text-align:right;}
#mainBanner p{height:13px; text-align:right; margin:0; padding:0; font-size:70%; color:#abaaaa;}

/******************************************
 * REGISTRATION FIELD
 ******************************************/
#registration{margin:13px 0 0 0; font-weight:bold; padding:0; width:239px; float:right;}
#registerForms, .loggedIn{padding:0 13px 0 13px; background-color:#70b2cb; float:right; width:203px; min-height:324px; background-image:url(../images/registration_bg.jpg); background-position:top right; background-repeat:no-repeat;}
/* force a min-height in IE \*/
* html #registerForms, * html .loggedIn {height:324px; }
#registerForms .formButtons, .loggedIn .formButtons{text-align:right; margin-top:.2em}
#registration form{margin:0; color:#fff;}
#registration form#newUsers{}
#registration form#existingUsers{padding-top:30px; background-image:url(../images/home_login_bg.gif); background-repeat:no-repeat; background-position:top center}
#existingUsers a{color:#bae4f8; font-weight:normal}
#registration h2{margin:0; padding:0;}
#registration p{font-size:75%; margin:0 0 5px 0; padding:0;}
#registration ul{margin:.5em 0 .5em 0; padding:0; list-style:none;}
#registration li{margin:0; padding:0 0 0 15px; list-style:none; font-size:75%; background-image:url(../images/registration_list_arrow.gif); background-position:top left; background-repeat:no-repeat}
#registration label{font-size:75%; width:70px; display:block; float:left; padding:.3em 0 0 0}
#registration input{width:120px; float:right; font-weight:normal}
#registration input.formButton{width:auto; float:none; font-weight:bold}

/******************************************
 * USER IS LOGGED IN
 ******************************************/
.loggedIn{padding-top:28px; color:#e2f0f5; min-height:296px; background-image:url(../images/home_logged_bg.jpg); background-repeat:no-repeat; background-position:top center}
/* force a min-height in IE \*/
* html .loggedIn {height:296px; }
#registration .loggedIn input.formButton{margin-top:5px; width:10em}
#registration .loggedIn p{padding:5px 0 15px 0;}
#registration .loggedIn form{padding-bottom:28px; margin-bottom:10px; background-image:url(../images/home_login_bg.gif); background-repeat:no-repeat; background-position:bottom center}

/******************************************
 * PRIMARY NAVIGATION
 ******************************************/
#navigation{margin:10px 0 0 0; background-color:#b78740; height:3em; font-size:80%;}
#navigation .primeNav{width:34em; float:left;}
#navigation .globalNav{width:35em; float:right;}
#navigation .primeNav, #navigation .globalNav{list-style:none; margin:0; background-color:#b78740; padding:0 0 0 0; }
#navigation .primeNav li, #navigation .globalNav li{margin:0; padding:1em 1em .7em 1em; background-color:#b78740; background-image:url(../images/primeNav_divider.gif); background-position:top right; background-repeat:no-repeat; list-style:none; float:left;}
#navigation .primeNav li a{color:#fff; text-decoration:none;}
#navigation .globalNav li a{color:#d9cdb4; text-decoration:none;}
#navigation .primeNav li.highlighted{background-color:#e3a032}

/******************************************
 * FOOTER
 ******************************************/
#footer{margin-left:12px; padding:0 12px 0 300px; border-bottom:20px solid #e7e3d3; font-size:70%; text-align:right; background-image:url(../images/footer_bg.gif); background-position:left; background-repeat:repeat-y;}
#footer .content{padding:10px 10px 5px 10px; min-width:1px; background-color:#f1edd8; background-image:url(../images/footer_star.jpg); background-position:top right; background-repeat:no-repeat;}
#footer p{font-size:100%;}
#footer .primeNav, #footer .globalNav{margin:0 0 1em 0; padding:0; list-style:none;}
#footer .primeNav li, #footer .globalNav li{display:inline; border-right:1px solid #7c7c7c; padding:0 .5em 0 .5em }
#footer .primeNav a, #footer .globalNav a{text-decoration:none;}
#footer a{color:#7c7c7c;}