body {font-family: Verdana, Arial, Helvetica, sans-serif; margin-top: 6px;}
h1 {font-size: 20px; color: #486266; text-align: center; line-height: 40px; margin: 4px;}
h2 {font-size: 16px; color: #486266; text-align: center; line-height: 16px; margin: 0; padding-bottom: 6px;}
h3 {font-size: 16px; color: #727272; font-weight: normal; text-align: center; line-height: 16px; margin: 0; padding-bottom: 6px;}
ul {margin: 0; padding: 0; line-height: 20px; list-style: disc inside;}
hr {color: #486266; height: 1px;}

/* NAVIGATION */
.navcell {font-size: 12px; font-weight: bold; color: #727272; text-align: center; background-color: #EEEEEE; border-top: 2px solid #FFFFFF; border-left: 2px solid #FFFFFF;}
.navcellMO {font-size: 12px; font-weight: bold; color: #FFFFFF; text-align: center; background-color: #999933; border-top: 2px solid #FFFFFF; border-left: 2px solid #FFFFFF; cursor: pointer;}
.spacer {line-height: 2px;}
.navtext {text-align: right; font-size: 12px; font-weight: bold; font: Arial, Helvetica, sans-serif;}
.navtable {border: 1px solid #486266;}

/* DROPDOWN MENU */
.menu { position: relative; z-index: 100; border-right: 1px solid #000000; }
/* remove all the bullets, borders and padding from the default list styling */
.menu ul { padding: 0; margin: 0; list-style-type: none;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li { float: left; position: relative; left: 128px; top: 0; padding: 0 2px 0 2px; }
/* style the links for the top level */
.menu a, .menu a:visited { display: block; font-size: 13px; font-weight: bold; color: #0000FF; border: 1px solid #486266; background-color: #FFFFFF; padding: 6px; line-height: 10px;}
/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul { visibility: hidden; position: absolute; height: 0; top: 23px; left: -128px; width: 220px; }
/* style the table so that it takes no part in the layout - required for IE to work */
.menu table { position: absolute; top: 0; left: 0; border-collapse: collapse; }
/* style the second level links */
.menu ul ul a, .menu ul ul a:visited { background-color: #FFFFFF; color: #0000FF; font-size: 12px; font-weight: normal; width:220px; margin-bottom: -1px; }
/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{ color: #FFFFFF; background-color: #009966; }
.menu :hover > a, .menu ul ul :hover > a { color: #FFFFFF; background-color: #009966; }
/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul, .menu ul a:hover ul { visibility: visible; }

/* BODY TEXT */
.bordertable {border: 1px solid #486266;}
.bodytext {font-size: 12px; font-weight: normal; color: #727272; text-align: justify; line-height: 18px; padding-top: 0px; padding-bottom: 0px; padding-right: 8px; padding-left: 8px;}
.imagetext {font-size: 12px; font-weight: normal; color: #727272; text-align: justify; line-height: 18px; padding-top: 0px; padding-bottom: 0px; padding-right: 0px; padding-left: 8px; vertical-align: top;}
.boldtext {font-size: 12px; font-weight: bold; color: #727272; text-align: justify; line-height: 18px; padding-top: 0px; padding-bottom: 0px; padding-right: 8px; padding-left: 8px;}
.imageborder {border: 3px double #486266;}
.logotext {font-size: 10px; font-weight: bold; color: #727272; text-align: center; line-height: 18px; padding-top: 0px; padding-bottom: 0px; padding-right: 8px; padding-left: 8px; vertical-align: top;}
.singleborder {border: 1px solid #CCCCCC; text-align: center;}
.middletextbox {text-align: center; background-color:#FFFFCC; border: 1px solid #CCCCCC; height: 24px; padding-top: 10px;}
.subbutton {width: 120px; margin-left: 5px; margin-right: 5px;}
.calcheader {font-size: 14px;}
.message {background-color: #FFFFCC; border: 1px solid #CCCCCC; text-align: center; font-weight: bold; line-height: 24px;}
.yellowtable {background-color: #FFFFCC; border: 1px solid #CCCCCC;}
.greentable {background-color: #00CC99; border: 1px solid #666666;}
.sessiontext1 {background-color: #99FF99; vertical-align: top; color: #333333;}
.sessiontext2 {background-color: #FFCC66; vertical-align: top; color: #333333;}

/* FOOTER */
.footerlinks {font-size: 12px; font-weight: bold; color:#727272; text-align: center; line-height: 12px; padding-top: 2px; padding-bottom: 11px;}
.quotetext {text-align: center; font-style: italic; font-size: 12px; color: #FFFFFF; font-weight: bold; background-color: #FF0000; line-height: 18px; padding: 4px; border: 8px solid #FFFFFF;}
.contacttext {text-align: center; font-size: 12px; font-weight: bold; line-height: 26px;}
.subfootertext {font-size: 10px; color:#727272; text-align: center; line-height: 14px; padding: 0px;}
.footertext {font-size: 10px; font-weight: bold; color:#FFFFFF; text-align: center; line-height: 20px; padding: 0px;}
.footerspace {line-height: 8px;}
.scrollcell {font-size: 12px; font-weight: normal; color: #727272; text-align: justify; line-height: 18px; padding-top: 0px; padding-bottom: 0px; padding-right: 8px; padding-left: 8px; cursor: pointer;}
.scrollingtext {line-height: 22px; font-weight: bold; background-color: #FFFFCC; margin: 2px; border: 1px solid #CCCCCC;}

/* FORCE RIGHT SCROLLBAR */
html {height: 100%; margin-bottom: 1px;}
