body { font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; background-color: #ffffff; padding: 5px;}

h2 { color: #990033; padding-bottom: 2px; padding-top: 0px; margin: 0px; }
h3 { color: #000066; padding-bottom: 5px; padding-top: 5px; margin: 0px; }
h4 { color: #990033; padding-bottom: 5px; padding-top: 5px; margin: 0px; }
h5 { color: #000066; padding-bottom: 2px; padding-top: 2px; margin: 0px; }
ul, ol { margin-top: 0px; margin-bottom: 0px; }

h4 a:link { color: #990033; text-decoration: underline; padding-left:1px; padding-right:1px; }
h4 a:visited { color: #990033; text-decoration: underline; padding-left:1px; padding-right:1px; }
h4 a:hover { color: #ffffff; background-color: #330066; text-decoration: none; padding-left:1px; padding-right:1px; }

a:link { color: #000066; text-decoration: underline; padding-left:1px; padding-right:1px; }
a:visited { color: #000066; text-decoration: underline; padding-left:1px; padding-right:1px; }
a:hover { color: #ffffff; background-color: #330066; text-decoration: none; padding-left:1px; padding-right:1px; }

a.img:hover { background:none; }

a.red:link { color: #ffffff; text-decoration: none; padding-left:1px; padding-right:1px; }
a.red:visited { color: #ffffff; text-decoration: none; padding-left:1px; padding-right:1px; }
a.red:hover { color: #ffffff; background-color: #660033; text-decoration: underline; padding-left:1px; padding-right:1px; }

.masthead { color: #000066; font-weight: bold; text-transform:uppercase; font-style:italic; font-size: 85%; text-align:right; vertical-align: bottom; padding-bottom: 5px; }

#topbar { font-size: 80%; font-weight: bold; color: #ffffff; width: 100%;  padding: 1px 5px 1px 5px; margin-bottom: 5px; border-top: 2px solid #6666cc; border-bottom: 2px solid #6666cc; background-color: #330066; }
#topbar a:link { color: #ffffff; text-decoration: none; padding-left:1px; padding-right:1px; }
#topbar a:visited { color: #ffffff; text-decoration: none; padding-left:1px; padding-right:1px; }
#topbar a:hover { color: #330066; background-color: #ffffff; padding-left:1px; padding-right:1px; }

#BoardTable th { font-size: 80%; font-weight: bold; color: #000066; padding: 1px 5px 1px 5px; margin-bottom: 5px; border-top: 1px solid #cccacf; border-bottom: 1px solid #cccacf; background-color: #eeeeee; text-align:center}
#BoardTable td { padding: 2px 5px 2px 5px; align:top; }

#rightpane { }
#leftpane { white-space: nowrap; }
#contentpane { padding-left: 15px; padding-right: 15px; }

#rightbox {	width: 150px; margin-top: 10px; margin-left: 10px; padding:5px; border: 1px solid #cccacf; float: right; }
#rightbox p { font-size: 85%;	margin:0px;	padding: 0px 5px 2px 5px; background-color: #eeeeee; border-bottom: 2px solid #ffffff; }
#rightbox li { font-size: 85%;	margin-left: 20px;	padding: 0px 5px 2px 5px; background-color: #eeeeee; border-bottom: 2px solid #ffffff; }
#rightbox p.head { font-size: 85%; font-weight: bold; margin:0px;	padding: 0px 5px 2px 5px; background-color: #cccacf; border-bottom: 2px solid #ffffff; }

#rightimg {	margin-top: 10px; margin-left: 10px; padding:5px; border: 1px solid #cccacf; float: right; }

/* Start Left Side Menu */
#sidemenu { font-size: 80%; margin-top: 5px; background-color: #eeeeee;}
div#sidemenu { width: 175px; }
#sidemenu .heading { padding: 2px 5px 2px 5px; margin: 0px; background-color: #330066; color: #ffffff; font-weight: bold; border: 1px solid #330066}
#sidemenu .heading a:link { color: #ffffff; text-decoration: none; }
#sidemenu .heading a:visited { color: #ffffff; text-decoration: none; }
#sidemenu .heading a:hover { color: #ffffff; background-color: #330066; text-decoration: underline; }
#sidemenu .item { white-space: normal; border-left: 1px solid #dddddd; border-right: 1px solid #dddddd; padding: 2px 5px 3px 5px; margin: 0px; }
#sidemenu .item a:link { color: #000066; text-decoration: none;}
#sidemenu .item a:visited { color: #000066; text-decoration: none; }
#sidemenu .item a:hover { color: #000066; background-color: #eeeeee; text-decoration: underline; }
#sidemenu .spacer { border-left: 1px solid #dddddd; border-right: 1px solid #dddddd; border-bottom: 1px solid #dddddd; background-color: #eeeeee;  padding: 2px; margin: 0px}
/* End Left Side Menu */

#line { line-height:0px; width: 100%; margin-top: 5px; margin-bottom: 5px; border-top: 2px solid #330066; border-bottom: 2px solid #6666cc; height: 0px; }

#footer { color: #000066; font-size:80%; }
#footer.updated { padding-right: 15px; margin-top: 5px; width: 100%; text-align:right; }

.smaller { font-size: 85%; }
.uppercase { color: #000066; font-weight: bold; text-transform:uppercase; }
.ltgreybackground { background-color: #eeeeee;}
p.ltgreybackground { background-color: #eeeeee; padding: 2px; }
a.super, .super { vertical-align: super; font-size: 80%; line-height: 50%; text-decoration: none }
.indent { margin-left: 20px }
p.glossary { margin-bottom: 10px; }
.allcaps { text-transform:uppercase }
div#tablehead { font-size: 80%; font-weight: bold; color: #330066; padding: 1px 5px 1px 5px; margin-bottom: 5px; border: 1px solid #cccacf; background-color: #eeeeee; text-align:center}
.redbold { font-weight: bold; color: #990033 }
.red { color: #990033 }
#morespace li { padding-bottom: 5px; }

#NewsBox { border: 1px solid #cccacf;  }
#NewsBox td { border: 5px solid #ffffff; padding: 5px; font-size: 90%; background-color: #eeeeee}
#NewsBox div.more { text-align: right; font-weight: bold; color: #990033; padding-top: 5px;}
#NewsBox div.news { padding-bottom: 5px; }
#NewsBox li { padding-bottom: 5px; }

#TableWithRules table {border-collapse: collapse;}
#TableWithRules th.heading { border: 0px; font-size: 80%; font-weight: bold; color: #ffffff; width: 100%;  padding: 2px 5px 2px 5px; margin: 0px; background-color: #330066; }
#TableWithRules tr { border-bottom: 1px solid #eeeeee; border-left: 1px solid #eeeeee; border-right: 1px solid #eeeeee; background-color: #F9F9FF}
#TableWithRules td { align:top; font-size: 80%; color: #000000; padding: 1px 5px 1px 5px; margin-bottom: 5px; }
#TableWithRules th { font-size: 80%; font-weight: bold; color: #ffffff; padding: 1px 5px 1px 5px; margin-bottom: 5px; border-top: 1px solid #330066;  background-color: #660033; }
#TableWithRules tr.spacer {border: 0px solid #cccacf; background-color: #ffffff;}
#TableWithRules .indent {padding: 0px 3px 0px 12px}
#TableWithRules .head {font-weight:bold}

#LatestIds { font-size: 80%; margin-top: 5px;}
#LatestIds th { padding: 5px; background-color: #660033; font-weight: bold; color: #ffffff; border: 1px solid #660033 }
#LatestIds td { padding: 5px; border-right: 1px solid #660033; border-left: 1px solid #660033; border-bottom: 1px solid #660033;}
#LatestIds p.head { text-align: center; font-weight: bold; margin: 0px; padding-bottom: 2px; color: #000066}
#LatestIds .spacer { border-left: 1px solid #660033; border-right: 1px solid #660033; background-color: #ffffff; height: 5px; }
#LatestIds p.indent { margin: 0px; padding: 2px 5px 2px 15px; }

.title   { color: #990033; font-weight: bold; font-size: 103%; margin-top: 2px; margin-bottom: 0px; margin-left: 0px; padding-bottom: 0px; padding-left: 0px } 
.text      { font-size: 85%; margin-top: 0px; margin-bottom: 6px; margin-left: 2em; padding-top: 0px; padding-bottom: 0px }

#introtext { padding: 20px; margin: 0px; color: #555555; font-size: 85%;}
#introtext a { color: #555599 }
#introtext h3 { margin: 0px; padding: 0px; }
.introtext {  background-color: #fefefe; padding: 15px 10px 10px 10px; border-top: 1px solid #666666; margin-top:10px}


a.backtop:link { background-color: #dcdadf; color: #ffffff; font-weight: bold; text-transform:uppercase; font-size: 80%; text-decoration: none; padding: 1px;}
a.backtop:visited { background-color: #dcdadf; color: #ffffff; font-weight: bold; text-transform:uppercase; font-size: 80%; text-decoration: none; padding: 1px;}
a.backtop:hover { background-color: #330066; color: #ffffff; font-weight: bold; text-transform:uppercase; font-size: 80%; text-decoration: none; padding: 1px;}

#RightArchiveMenu { margin-top: 5px; width: 175px; border: 1px solid #cccacf}
#RightArchiveMenu th { padding: 5px 5px 0px 5px;}
#RightArchiveMenu td { font-size: 80%; padding-left: 5px; padding-right: 5px; padding-bottom: 5px}
#RightArchiveMenu p.head { font-weight: bold; margin: 0px; padding-bottom: 2px; color: #000000;}
#RightArchiveMenu p.head a:link { text-decoration: none; }
#RightArchiveMenu p.head a:visited { text-decoration: none; }
#RightArchiveMenu .spacer { background-color: #ffffff; height: 5px; }
#RightArchiveMenu p.indent { margin: 0px; padding-left: 15px; }





.finish { background-color: yellow; color: red; text-decoration: underline; font-weight: bold }

div.tableContainer {
	border-left: 1px solid #cccacf;
	border-right: 1px solid #cccacf;
	border-bottom: 1px solid #cccacf;
	width: 100%;
}


#ScrollingTable thead.fixedHeader tr {
	border-top: 1px solid #cccacf;
	border-bottom: 1px solid #cccacf;
	background-color: #660033;
}

/* make the TH elements pretty */
#ScrollingTable thead.fixedHeader th {
 	font-weight: bold;
	padding: 2px 3px 2px 3px;
	text-align: center;
	font-size: 90%;
	font-weight: bold;	
	vertical-align:top;
	color: #ffffff;
	border-top: 1px solid #660033;
	border-bottom: 1px solid #660033;
}

/* make the A elements pretty. makes for nice clickable headers                */
#ScrollingTable thead.fixedHeader a {
	color: #ffffcc;
	display: block;
	text-decoration: none;
}

/* make the A elements pretty. makes for nice clickable headers                */
/* WARNING: swapping the background on hover may cause problems in WinIE 6.x   */
#ScrollingTable thead.fixedHeader a:hover {
	color: #990000;
	display: block;
	text-decoration: none;
}


/* make TD elements pretty. Provide alternating classes for striping the table */
/* http://www.alistapart.com/articles/zebratables/                             */
/* make TD elements pretty.                                             */
#ScrollingTable tbody.scrollContent td {
	padding: 2px 10px 2px 10px;
	text-align: left;
	font-size: 90%;
	vertical-align:top;
}

#ScrollingTable img { padding: 0px; margin-bottom: -3px; }

div#Scroll {
	clear: both;
	border: 1px solid #000000;
}

div.scrollingPane {
	padding: 0px 5px 0px 5px;
	overflow: auto;
	min-width:390px;
	max-height: 350px;
	height: expression(document.getElementById("Scroll").scrollHeight > 350? "350px": "auto" );
	/* if 100%, IE 6.x scrollbar obscures last column.  If 97%, leaves space when no scroll present.*/
	width: expression((Math.min(parseInt(document.body.clientWidth)-370, document.body.clientWidth))); 
}