body, HTML {
 color: #000000;
 background-color: #FFFFFF;
 background-image: none;
 font-family: Verdana, Helvetica, Sans-Serif;
 font-size: 100%;
 margin:0;
 padding:0;
 margin-top:10px;
}

.catfont1 {
font-size: 1.2em;
color: #FFF8DC;
padding: 5px;
}
.catfont2 {
font-size: 1.7em;
color: #333333;
font-weight: bold;
}

.titlefont {
font-size: 1.7em;
color: #800000;
font-weight: bold;
}
.subtitlefont {
font-size: 1.2em;
color: #333333;
}
.contentarea {/*this is the main content area*/
 background: #FFFFFF;
 color: #111111;
 margin-left: 0;  /*to position the content area to the right of the navigation*/
 font-family : Verdana, Helvetica, sans-serif;
 width: 550px;
 border: 0.1px solid #FFFFFF; /*to insure that NN4.xx renders the background-color of the content area*/
}
.headerarea {
 margin-top: 0px;
 margin-left: 0px;
 background-color: #ffffdd;
 width: 750px;
 padding: 2px;
}
.headertext {
padding-top: 10px;
padding-left: 5px;
float: left;
}
div.spacer {
 clear: both;
 font-size: 0.1em;
}
.headerpic {
float: right;
padding: 3px;
}
.footerarea {
 margin-top: 10px;
 margin-left: 190px;
 border-top-width: 1px;
 border-top-color: #aaaaaa;
 border-top-style: solid;
 font-size: 0.7em;
 color: #aaaaaa;
 text-align: center;
 width: 550px;
}
.menustyle1 a:link {
border-left-color: #800000;
}
.menustyle1 a:visited {
border-left-color: #800000;
}
.menustyle1 a:hover {
border-left-color: #ff0000;
background-color: #800000;
}
.menustyle1 a:active {
border-left-color: #800000;
}
.menustyle2 a:link {
border-left-color: #008000;
}
.menustyle2 a:visited {
border-left-color: #008000;
}
.menustyle2 a:hover {
border-left-color: #00ff00;
background-color: #008000;
}
.menustyle2 a:active {
border-left-color: #008000;
}
.menustyle3 a:link {
border-left-color: #000080;
}
.menustyle3 a:visited {
border-left-color: #000080;
}
.menustyle3 a:hover {
border-left-color: #0000ff;
background-color: #000080;
}
.menustyle3 a:active {
border-left-color: #000080;
}
.navmenu a {
display: block;
text-align: left;
text-decoration: none;
border-left-width: 10px;
border-left-style: solid;
padding-left: 5px;
}
/* The below hacks the box model - first line is for IE and should ignore padding/margins. Other lines should include them */
.navmenu a {
 width: 180px;
 width/* */:/**/165px;
 width: /**/165px;
}
.navmenu a:link {
color: #000000;
}
.navmenu a:visited {
color: #000000;
}
.navmenu a:hover {
color: #f0f0f0;
}
.navmenu a:active {
color: #000000;
}
h1 {
font-size: 1.7em;
color: #E8BA00;
font-weight: bold;
display: inline;
padding-left: 5px;
font-family: Georgia, Times New Roman, Serif;
}
h3 {
font-size: 1em;
color: #008000;
font-weight: bold;
border-bottom-width:1px;
border-bottom-color: #008000;
border-bottom-style: solid;
padding-top: 5px;
padding-bottom: 5px;
}
h2 {
font-size: 1.1em;
font-weight: bold;
padding-top: 5px;
display: inline;
}
.shadowbox {
background: #afafaf;
border: 1px solid #c5c5c5;
position: relative;
top: 3px;
left: 3px;
margin-bottom:10px;
font-size: 1em;
}

 .shadowbox div {
background: #fff;
border: 1px solid #000;
color: #000000;
padding: 4px 10px;
position: relative;
top: -3px;
left: -3px;
}

body {
min-width:750px;
}

#wrap {
background:#ffffff;
margin:0 auto;
width:750px;
}

#header {
background:#000000;
margin: 0px;
padding-bottom: 5px;
}

#main {
background:#ffffff;
float:right;
width:500px;
}

#nav {
background-color:#FFF8DC;
padding:5px;
font-size:0.8em;
color:#000000;
font-weight:bold;
border-top-width:1px;
border-top-style:solid;
border-top-color:#E8BA00;
border-bottom-width:1px;
border-bottom-style:solid;
border-bottom-color:#E8BA00;
}

#sidebar {
background:#ffffff;
float:left;
width:235px;
margin:0;
padding:0;
font-family : Verdana, Helvetica, sans-serif;
line-height : 110%;/*line-height set to 110% in order to*/
}

#sidebar ul {
 margin: 0; /*removes indent IE and Opera*/
 padding: 0; /*removes indent Mozilla and NN7*/
 margin-top: 5px;
 list-style-type: none; /*turns off display of bullet*/
 border-top-style:solid;
 border-top-color: #cccccc;
 border-top-width:2px;
}

#sidebar li {
margin: 0;
padding: 0;
line-height: 1.5em;
background-color: #f0f0f0;
border-bottom-style:solid;
border-bottom-color: #cccccc;
border-bottom-width:2px;
font-weight: bold;
font-size: 0.8em;
}

#sidebar a {
display: block;
text-align: left;
text-decoration: none;
border-left-width: 10px;
border-left-style: solid;
padding-right: 0;
margin: 0;
padding-left: 5px;
}
/* The below hacks the box model - first line is for IE and should ignore padding/margins. Other lines should include them */
#sidebar a {
 width: 220px;
}
#sidebar a:link {
color: #000000;
}
#sidebar a:visited {
color: #000000;
}
#sidebar a:hover {
color: #f0f0f0;
}
#sidebar a:active {
color: #000000;
}

#rightside {
text-align: center;
border-width: 2px;
border-style: solid;
border-color: #CFc696;
padding-top: 10px;
padding-bottom: 10px;
background-color:#EFECDC;
margin-top: 5px;
margin-bottom: 5px;
}

#footer {
background:#ffffff;
clear:both;
margin-top: 10px;
border-top-width: 1px;
border-top-color: #aaaaaa;
border-top-style: solid;
font-size: 0.7em;
color: #aaaaaa;
text-align: center;
}