@import url("cht_hide.css");

/* BASIC STYLES */

BODY {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 80%;
color: #000;
background-color: #DDC;
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: #332;
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;
color: #258;
background-color: #FFF;
margin: .83em 0 0 0;
line-height: 1.3em;
font-weight: bold;
}

.subH {
margin: 0 0 0 0;
}

H1 {
font-size: 1.7em;
}

H2 {
font-size: 1.5em;
}

H3 {
font-size: 1.3em;
}

H4, H5 {
font-size: 1.1em;
}

H4 {
font-style: italic;
}

H6 {
font-size: 1em;
}

.closeH {
margin-top: 0;
}

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

ADDRESS {
margin: 0 1em 1.3em 2em;
line-height: 1.3em;
font-style: normal;
width: 80%;
}

PRE {
margin: 0 1em 1.3em 1.1em;
font-family: "Courier New", Courier, monospace;
font-size: 1em;
line-height: 1em;
}

STRONG {
font-weight: bold;
}

/* MAIN CONTENT STYLES */

#content {
width: auto;
color: #000;
background-color: #FFF;
border-left: 1px solid #47A;
border-bottom: 1px solid #47A;
padding: .5em 1em 1em 1em;
line-height: 1.5em;
margin-left: 18em;
voice-family: "\"}\""; 
voice-family: inherit;
margin-left: 17em;
}

HTML>BODY #content {
margin-left: 17em;
}

#contentPopup {
width: auto;
color: #000;
background-color: #FFF;
border: 1px solid #776;
padding: .5em 1em 1em 1em;
line-height: 1.5em;
margin-top: 2em;
margin-right: 2em;
margin-left: 2em;
voice-family: "\"}\""; 
voice-family: inherit;
margin-top: 1em;
margin-right: 1em;
margin-left: 1em;
}

HTML>BODY #contentPopup {
margin-top: 1em;
margin-right: 1em;
margin-left: 1em;
}

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

.back {
text-align: right;
font-size: .85em;
}

.caption {
text-align: center;
margin-bottom: 1.3em;
}

.caption P {
font-size: .85em;
margin: 0;
}

.centerObj {
text-align: center;
}

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

.hide {
display: none;
}

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

.imgLeft {
float: left;
margin: 5px 10px 5px 15px;
padding: 0;
}

.imgRight {
float: right;
margin: 5px 10px 5px 10px;
padding: 0;
clear: right;
}

.imgRow {
text-align: center;
margin-left: 30px;
margin-right: 30px;
}

IMG {
border: 1px solid #47A;
}

IMG.nb {
border: none;
}

#leftMenu IMG {
border: none;
}

.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.tweenList {
margin-top: -1em;
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;
}

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;
padding: .2em;
border: 1px solid #998;
margin: 0;
}

.caption TABLE {
margin-bottom: 0;
}

.centerCell {
text-align: center !important;
}

.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 !important;
}

.rightCell {
text-align: right !important;
}

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;
}

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

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

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

TABLE.menuTable TD {
vertical-align: middle;
padding: .5em;
border: 1px solid #036;
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;
}

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

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

.input35 {
 width: 35em;
 }

.input40 {
 width:40em;
 }
 
.input45 {
 width: 45em;
 }
 
.input50 {
 width: 50em;
 }

 .instructions {
font-size: .85em;
line-height: 1.2em;
color: #332;
background-color: #DDC;
padding: .5em;
margin: .5em 1em;
}

.instructions A:link, .instructions A:visited {
color: #05A;
background-color: #DDC;
}

.instructions A:hover, .instructions A:active {
color: #332;
background-color: #DDC;
}

/* HEADER & TOPNAV STYLES */
#header {
color: #036;
background-color: #FFF;
padding: 0;
margin: 0;
height: 75px;
border-bottom: 10px solid #47A;
}

#headerAdmin {
color: #036;
background-color: #FFF;
padding: 0 0 0 10px;
margin: 0;
height: 50px;
border-bottom: 10px solid #47A;
}
#headerAdmin H1 {
margin-top: 10px;
}
.replace {
position: relative;
margin: 0px;
padding: 0px;
/* hide from IE5/Mac */
overflow: hidden;
/* */
}

.replace span {
display: block;
position: absolute;
top: 0px;
left: 0px;
z-index: 1; /* for Opera 5 and 6 */
}

#hdrBar, #hdrBar span {
height: 75px;
width: 287px;
background-image: url(/_images/header.gif);
background-repeat: no-repeat;

}

#sponsorAd {
display: block;
position: absolute;
top: 0px;
right: 5px;

}

#sponsorAd img {
border: none !important;
}

/* LEFTMENU */

#leftMenu {
text-align: left;
float: left;
left: 0;
margin: 0;
margin-bottom: 1em;
padding: 0;
width: 18em;
voice-family: "\"}\"";
voice-family: inherit;
width: 17em;
}

HTML>BODY #leftMenu {
width: 17em;
}

#leftMenu .menuImg {
margin: 10px 0 10px 0;
text-align: center;
color: #036;
background-color: #DDC;
}

#leftMenu .menuThx {
margin: 10px 0 10px 0;
text-align: center;
color: #036;
background-color: #FFF;
font-size: .8em;
padding: 5px 5px;
border: 1px solid #036;
margin: 5px;
}

#leftMenu H1 {
background-color: #258;
color: #FFE;
line-height: 1.1em;
font-size: 1em;
padding: 5px 0;
text-align: center;
border: 1px solid #258;
margin: 0;
}

#leftMenu H2 {
background-color: #258;
color: #FFE;
line-height: 1em;
font-size: 1em;
padding: 5px 0;
text-align: center;
border: 1px solid #036;
margin-top: 1em;
}

#leftMenu UL {
list-style: none;
margin: 0;
padding: 0;
border-bottom: 5px solid #47A;
border-top: 1px solid #036;
background-color: #8BE;
}

#leftMenu UL LI {
margin-bottom: 0 !important;
} 

#leftMenu UL LI UL {
margin-left: 5px !important;
border-bottom: none !important;
}


#leftMenu SPAN.hot {
padding: 3px 1px 3px 5px;
border-left: 5px solid #036;
border-right: 5px solid #036;
border-bottom: 1px solid #036;
color: #036;
background-color: #FFE;
font-weight: bold;
display: block;
margin: 0;
}

#leftMenu A:link, #leftMenu A:visited  {
display: block;
padding: 3px 1px 3px 5px;
border-left: 5px solid #47A;
border-right: 5px solid #8BE;
border-bottom: 1px solid #036;
background-color: #DDC;
color: #036;
text-decoration: none;
}

#leftMenu A:hover, #leftMenu A:active  {
display: block;
padding: 3px 1px 3px 5px;
border-left: 5px solid #8BE;
border-right: 5px solid #ADF;
border-bottom: 1px solid #036;
background-color: #FFE;
color: #036;
text-decoration: none;
}

#leftMenu .menuThx A:link, #leftMenu .menuThx A:visited  {
padding: 0;
border: none;
background-color: #FFF;
text-decoration: none;
}

#leftMenu .menuThx A:hover, #leftMenu .menuThx A:active  {
padding: 0;
border: none;
color: #036;
background-color: #FFF;
text-decoration: underline;
}


/* 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;
}



/* **************** */
/* **************** */
/* **************** */
/* **************** */
/* **************** */
/* **************** */
/* **************** */
/* **************** */