@import url("cht_hide.css");

/* BASIC STYLES */

BODY {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 80%;
color: #000;
background-color: #FFF;
padding: 0;
margin: 0;
width: auto;
}

P, DIV, OL, UL, LI, TABLE, TR, TD, TH, BLOCKQUOTE, FORM, INPUT, ADDRESS {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1em;
}

A:link, A:visited {
text-decoration: none;
color: #05A;
background-color: #FFF;
font-weight: bold;
}

A:active, A:hover {
text-decoration: underline;
color: #658;
background-color: #FFF;
font-weight: bold;
}

BLOCKQUOTE {
margin: .1em 2em 1em 2em;
padding: .5em;
border: 1px solid #DDC;
color: #332;
background-color: #FFE;
}

EM {
font-style: italic;
}

H1, H2, H3, H4, H5, H6 {
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: .83em 0 0 0;
line-height: 1.3em;
font-weight: bold;
}

H1 {
font-size: 1.9em;
text-align: center;
color: #438;
background-color: #FFF;
margin-top: .5em;
}

H2 {
font-size: 1.3em;
text-align: center;
color: #658;
background-color: #FFF;
margin-bottom: .5em;
margin-top: 0;
}


P {
margin: 0 1em 1.3em 1em;
line-height: 1.5em;
}

STRONG {
font-weight: bold;
}

.alert {
font-weight: bold;
color: #A12;
}

/* MAIN CONTENT STYLES */

#content {
width: auto;
color: #332;
background-color: #FFF;
padding: .5em 1em 1em 1em;
line-height: 1.5em;
margin-left: 340px;
}

#leftHome {
text-align: center;
float: left;
left: 0;
margin: 0;
padding: 70px 0 0 0;
width: 335px;
}

#sponsors {
float: right;
width: 200px;
font-size: 0.9em !important;
padding: 2px;
border: 2px solid #A9C;
margin-bottom: 10px;
margin-left: 15px;
margin-right: 15px;
}

#sponsors P {
margin-bottom: .33em;
}

#sponsors H2 {
margin-bottom: 0;
}

.centerObj {
text-align: center;
}

.finePrint {
font-size: .85em;
line-height: 1.2em;
margin-left: 1.22em;
}

.hide {
display: none;
}

.homeBox {
text-align: center;
padding: 5px;
margin: 0px 5px;
border-top: 1px solid #333;
} 

.imgCenter {
margin: 5px 10px 5px 10px;
padding: 0;
}

.imgLeft {
float: left;
margin: 0;
padding: 0;
}

.lgText {
font-size: 1.2em;
}

.logoRight {
float: right;
margin: 5px 10px 5px 10px;
padding: 0;
border: none !important;
}

.noBrk {
white-space: nowrap;
}

H1.pgTitle {
margin-top: 0;
}

H1.secTitle {
margin-top: 0;
font-size: 1.1em;
}

H2.sub {
margin-top: 0;
}

P.preList {
margin-bottom: .3em;
}

P.postList {
margin-top: -1em;
}

P.sig {
text-align: right;
margin-bottom: 0; 
}

P.jobTitle {
text-align: right;
font-style: italic;
}


/* LIST STYLES */

UL {
padding: 0;
margin: 0 1em 1.3em 3.5em;
list-style: square;
}

TD UL {
padding: 0;
margin: 0 1em 1.3em 2em;
list-style: square;
}

OL {
padding: 0;
margin: 0 1em 1.3em 4em;
}

OL UL, UL UL {
margin: 0 1em 0 1.5em;
list-style: disc;
}

UL OL, OL OL {
margin: 0 1em 0 2em;
}

UL LI, OL LI {
margin-bottom: .3em;
}

UL.closeList LI, OL.closeList LI {
margin-bottom: .1em;
}

UL LI UL LI, UL LI OL LI, OL LI UL LI, OL LI OL LI {
margin-bottom: .1em;
}

UL.closeList LI UL LI, UL.closeList LI OL LI, OL.closeList LI UL LI, OL.closeList LI OL LI {
margin-bottom: 0;
}

UL.pgMenu {
padding: 0;
margin: 0;
list-style: none;
}

UL.pgMenu LI {
display: inline;
line-height: 1.8em;
border-right: 2px solid #000;
margin-right: 5px;
}

UL.pgMenu LI.last {
border: none;
}

/* TABLE STYLES */
/* plain table is assumed to be for data */

TABLE {
margin: 0 1em 1.3em 1em;
border: 2px solid #036;
padding: 0;
border-collapse: collapse;
border-spacing: 0;
}

TH {
text-align: left;
font-weight: bold;
color: #FFE;
background-color: #258;
vertical-align: bottom;
border: 1px solid #FFE;
padding: .2em .5em;
margin: 0;
}

TD {
vertical-align: top;
text-align: left;
padding: .2em;
border: 1px solid #998;
margin: 0;
}

.caption TABLE {
margin-bottom: 0;
}

.centerCell {
text-align: center;
}

.highlightRow TD {
color: #000;
background-color: #EED;
}

.highlightRow A:link, .highlightRow A:visited {
color: #05A;
background-color: #EED;
}

.highlightRow A:hover, .highlightRow A:active {
color: #332;
background-color: #EED;
}

.leftCell {
text-align: left;
}

.rightCell {
text-align: right;
}

TABLE.formTable {
margin: 0 1em 1.3em 1em;
border: none;
padding: 0;
border-collapse: collapse;
border-spacing: 0;
}

TABLE.formTable TD {
vertical-align: top;
text-align: left;
padding: .2em;
border: none;
margin: 0;
}

/* FORM STYLES */

FORM {
margin: 0 1em;
padding: 1em 1em .5em 1em;
border: 1px dotted #036;
font-size: .85em;
}

INPUT.formButton {
color: #FFE;
background-color: #258;
border-bottom: 2px solid #036;
border-right: 2px solid #036;
border-top: 2px solid #47A;
border-left: 2px solid #47A;
}

.formLabel {
text-align: right !important;
font-weight: bold;
line-height: 1.2em;
}

.formLabelReq {
text-align: right !important;
font-weight: bold;
color: #A12;
background-color: #FFF;
line-height: 1.2em;
}

.input2 {
 width: 2em;
 }
 
.input5 {
 width: 5em;
 }
 
.input7 {
 width: 7em;
 }
 
.input10 {
 width: 10em;
 }
 
.input15 {
 width: 15em;
 }
 
.input20 {
 width: 20em;
 }

 .input25 {
 width: 25em;
 }
 
.input30 {
 width: 30em;
 }



/* HEADER STYLES */


#headerRight {
float: right;
clear: both;
}

#headerRight FORM {
margin: 0;
padding-top: .5em;
padding-right: 0;
padding-bottom: 1em;
padding-left: 10em;
border: none;
font-size: .85em;
text-align: right;
}

#headerRight INPUT.formButton {
color: #FFE;
background-color: #554;
border-bottom: 2px solid #332;
border-right: 2px solid #332;
border-top: 2px solid #776;
border-left: 2px solid #776;
}

/* BOTTOMNAV & FOOTER STYLES */
#bottomNav {
color: #FFE;
background-color: #036;
text-align: center;
padding: .1em 0 .3em 0;
position: relative;
clear: both;
font-size: .3em;
}

#bottomNav UL {
padding: 0;
margin: 0;
list-style: none;
}

#bottomNav LI {
display: inline;
line-height: 1.8em;
}

#bottomNav A:link, #bottomNav A:visited  {
color: #FFF;
background-color: #036;
padding: .2em .5em;
font-weight: bold;
margin: 0 .2em;
white-space: nowrap;
}

#bottomNav A:hover, #bottomNav A:active  {
color: #FFF;
background-color: #036;
padding: .2em .5em;
font-weight: bold;
margin: 0 .2em;
text-decoration: underline;
white-space: nowrap;
}

#footer {
color: #FFE;
background-color: #258;
padding: .2em 0 1em 0;
font-size: .85em;
line-height: 1.2em;
}

#footerLeft {
float: left;
width: 400px;
}

#footerRight {
margin-left: 400px;
}

#footerLeft P {
text-align: left;
margin-left: .5em;
margin-bottom: 0;
}

#footerRight P {
text-align: right;
margin-right: .5em;
margin-bottom: 0;
}

#footerRight A:link, #footerRight A:visited  {
color: #9cf;
background-color: #258;
}

#footerRight A:hover, #footerRight A:active  {
color: #FFE;
background-color: #258;
}