* {margin: 0; padding: 0; }
/* HTML styling */
body {background: #990000; color: #323232; font: 80%/120% "Trebuchet MS", Verdana, sans-serif; }
a {color: #720000; }
a:hover {color: #330001; }
abbr { border-bottom: 2px double #B30000; cursor: help; }
abbr:hover { border-bottom: 2px double #444; }
h1, h2, h3, h4, h5, h6 { font-family: "Myriad Pro", "Myriad Web Pro", "Myriad", sans-serif; }
h2 {font-weight: lighter; color: #B30000; line-height: 250% }
h3 {font-weight: lighter; color:#666666; line-height: 210%; font-size: 135%; }
h3:before { content: "\00BB \0020"; }	
h4 { color:#000000; margin: 5px 0; line-height: 180%; font-weight: bold; }
h4:hover { color:#CC0000; cursor: default; }
code { font-family: Consolas, Monaco, Verdana, "Courier New"; font-size: 0.93em; }
acronym, cite { border-bottom: 1px dotted #333333; cursor: help; }
ins, del { padding-left: 18px; background-repeat: no-repeat; background-position: left center; }
ins { font-weight: bold; text-decoration: none; background-image: url(images/add.gif); }
del { background-image: url(images/delete.gif); }
hr { clear: both; height: 1px; visibility: hidden; }
/* Basic Layout */
#wrapper { background: #990000 url(images/background.gif) repeat-y 0px 0px; width: 800px; margin: 0px auto; padding: 0 40px 0 0; }
#header {background-color: #FFFFFF; height: 100px; margin: 0px auto; width: 96%; }
#header h1 {display: block; float: left; font-size: 250%; font-weight: lighter; height: 80px; line-height: 80px; margin: 10px; width: 300px; }
#mainbody {
	background-color: #FFFFFF;
	margin: 0 0 0 16px;
	padding: 0 0% 9% 2%;
	width: 97%;
}
#footer {background-color: #CCCCCC; margin: 0 3px 0 17px; padding: 25px 0; text-align: center; width: 806px; }
/* Miscellaneous */
#header h1 a {background: #FFFFFF url(images/0602_48px_Republic_08bit_GIF.gif) no-repeat left center; padding-left: 50px; text-decoration: none; display: block; height: 100%; }
#header p {display: block; float: left; line-height: 100px; padding-left: 100px; width: 300px; }
#navigation {background: transparent url(images/bgOFF.gif) repeat-x top left; border-top: 4px solid #B30000; display: block; font-family: Arial,Verdana,Helvitica,sans-serif; font-size: 11px; font-weight: bold; height: 39px; position: relative; margin-bottom: 20px; }
#navigation ul {list-style-type: none; margin: 0; padding: 0; width: auto; }
#navigation ul li {
	display: block;
	float: left;
	margin: 0;
	background: none;
	padding: 0;
}
#navigation ul li a {background: transparent url(images/bgDIVIDER.gif) no-repeat top right; color: #666; display: block; float: left; height: 23px; padding: 11px 20px 0 20px; text-decoration: none; }
#navigation ul li a:hover,#navigation ul li a.current {background: #fff url(images/bgON.gif) no-repeat top right; color: #B30000; }
.rightcol {
	display: block;
	float: right;
	width: 29%;
	padding: 2%;
	margin-bottom: 10%;
}
.rightcol ul {
list-style-type: none;
margin: 5px 0;
padding: 0;
width: 170px;
border-bottom-width: 0;
}
.rightcol ul li {
	background: none;
	padding: 0px;
}


.rightcol ul li a{
background: #FFFFFF url(images/menu.gif) repeat-x left bottom;
font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: white;
display: block;
width: auto;
padding: 3px 0 3px 10px;
text-decoration: none;

}


* html .rightcol ul li a{ /* IE only. Actual menu width minus left padding of A element (10px) */
width: 200px;
}

.rightcol ul li a:visited, ul li a:active{
color: white;
}

.rightcol ul li a:hover{
	background-image: url(images/menu-hover.gif);
	color: #FFFFFF;
}
ul li {
	background: #FFFFFF url(images/li.gif) no-repeat left .3em;
	padding-left: 15px;
	list-style: none;
}
span.red {
	color: #B30000;
}