html{padding:0px; margin:0px;}
body{background-color:black; font:16px/1.231 Helvetica,Arial,sans-serif; color:white; padding:10px; margin:0px;}
#page{width:970px; margin:20px auto; line-height:1.5em; color:black;}
#head{padding:0; background:black url(img/logo.jpg) 0px 0px no-repeat; height:130px}
#head h1{color:white; padding:80px 30px 40px 0; text-align:right; font-family:georgia,serif;
border:0px solid white}

#tit{position:relative; top:50px; left:680px; font-size:93%; color:white}
#menu{float:left; width:190px; margin:0px; padding:0px; background-color:#938D77;}
#menu ul, #menu li {list-style:none; width:100%}
#menu ul {margin:1em 0; padding:0; list-style:none;}
#menu li a, #menu li strong {display: block; padding:7px 7px 7px 30px; color:black; border-bottom: solid 1px black; text-decoration:none; background: #EEE8D0 url(img/bullet.jpg) 6px 7px no-repeat;
}
#menu li a:hover {background:#F3EFE0 url(img/bullet.jpg) 6px 7px no-repeat;}
#menu ul ul {margin:0 0 0 100px; width:100px; background-color:white;}
#menu ul ul li a{display: block; padding:4px; color:#3D5200; border-bottom:solid 1px #EBEDDB; text-decoration:none; font:normal bold 13px Helvetica,Arial,sans-serif;}
#menu ul ul li h3{margin:0; padding:2px 4px;  font:normal bold 13px Helvetica,Arial,sans-serif;}
#menu li a.activeparent {background:goldenrod;  color:#fff;}
#menu h3{margin:0;  font:normal bold 15px Helvetica,Arial,sans-serif;}

#main{background:black; color:white; padding:0px 0px 10px 0px; margin:0 0 0 0px; height:auto; font:bold 17px/1.231 Helvetica,Arial,sans-serif; color:white;}

#main h2{font:bold 48px/1.231 Helvetica,Arial,sans-serif; color:white; text-align:center;}
#main h3{font:bold 32px/1.231 Helvetica,Arial,sans-serif; color:white; text-align:center;}
#main p{font:bold 17px/1.231 Helvetica,Arial,sans-serif; color:white; margin:0px 20px 10px 20px; text-align:center}
#main a{text-decoration:none; color:steelblue}
#main a:hover{text-decoration:underline}
#foot{clear:both; font-size:76%; margin:0; padding:7px 0 0 0; background-color:black; color:white}
#cr{float:right}
#cr a{text-decoration:none; padding-right:7px; color:white;}
#cr a:hover{color:#ccc;}
.ctr{text-align:center}
.f10 {font-size:77%;} /* for setting 10px */
.f11 {font-size:85%;} /* for setting 11px */
.f12 {font-size:93%;} /* for setting 12px */
.f13 {font-size:100%;} /* for setting 13px */
.f14 {font-size:108%;} /* for setting 14px */
.f15 {font-size:116%;} /* for setting 15px */
.f16 {font-size:123.1%;} /* for setting 16px */
.f17 {font-size:131%;} /* for setting 17px */
.f18 {font-size:138.5%;} /* for setting 18px */
.f19 {font-size:146.5%;} /* for setting 19px */
.f20 {font-size:153.9%;} /* for setting 20px */
.f21 {font-size:161.6%;} /* for setting 21px */
.f22 {font-size:167%;} /* for setting 22px */
.f23 {font-size:174%;} /* for setting 23px */
.f24 {font-size:182%;} /* for setting 24px */
.f25 {font-size:189%;} /* for setting 25px */
.f26 {font-size:197%;} 
.pti{font:bold 20px/1.231 Helvetica,Arial,sans-serif; color:black;}
.pli{list-style:disc; color:black; font:bold 16px/1.231 Helvetica,Arial,sans-serif; text-align:center; width:370px; margin:0;}
.plh{color:white; font:bold 17px/1.231 Helvetica,Arial,sans-serif; margin:0 20px 0 42px; padding:0;}
.plh li{list-style:disc;  padding:0 0 6px 0;}
.pll{font:normal 17/1.231 Helvetica,Arial,sans-serif; text-align:left; margin:0 20px 0 36px; padding:0;}
.pll li{list-style:disc; padding:0 0 6px 0;}
.big{font:bold 20px/1.231 Helvetica,Arial,sans-serif; color:white; text-align:center}
.lef{text-align:left; font:bold 17px/1.231 Helvetica,Arial,sans-serif; margin:0 20px 10px 20px}
.m12{margin:12px}
.cp{text-align:center; margin:0 0 10px 0; padding:0;}

#tmnu4{height:120px;clear:both;background:black url(img/bup.pngXX) bottom left repeat-x;margin:0;padding:0; width:970px;}
#tmnc4 ul{padding:20px 0 0 10px; margin-left:0;margin-top:0;color:#FFF;float:left;width:100%;font-family:verdana, arial, helvetica, sans-serif;font-size:19px;font-weight:700;}
#tmnc4 ul li{display:inline;}
#tmnc4 ul li a{background-color:transparent;color:#FFF;text-decoration:none;float:left;border-right:0px solid blue;  padding:2px 20px 5px; text-align:center;}
#tmnuCurr4,#tmnc4 ul li a:hover{background-color:black;color:#fff;text-decoration:underline;}

.selectedanchor{ /*CSS class that gets added to the currently selected anchor link (assuming it's a text link)*/
background:#99CCCC;
}
/* ######### Default class for drop down menus ######### */
.anylinkmenu{
position: absolute;
left: 0;
top: 0;
visibility: hidden;
font: normal 14px Verdana;
line-height: 24px;
z-index: 100; /* zIndex should be greater than that of shadow's below */
background:white;
width: 220px; /* default width for menu */
}
.anylinkmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}
.anylinkmenu ul li a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid black;
padding: 2px 0;
text-decoration: none;
font-weight: bold;
text-indent: 5px;
color:black;
}
.anylinkmenu a:hover{ /*hover background color*/
/*background: black;
color: white;*/
text-decoration:underline;
}
/* ######### Alternate multi-column class for drop down menus ######### */
.anylinkmenucols{
position: absolute;
width: 350px;
left: 0;
top: 0;
visibility: hidden;
border: 1px solid black;
padding: 10px;
font: normal 12px Verdana;
z-index: 100; /*zIndex should be greater than that of shadow's below*/
background: #E9E9E9;
}
.anylinkmenucols li{
padding-bottom: 3px;
}
.anylinkmenucols .column{
float: left;
padding: 3px 8px;
margin-right: 5px;
background: #E0E0E0;
}
.anylinkmenucols .column ul{
margin: 0;
padding: 0;
list-style-type: none;
}
/* ######### class for shadow DIV ######### */
.anylinkshadow{ /*CSS for shadow. Keep this as is */
position: absolute;
left: 0;
top: 0;
z-index: 99; /*zIndex for shadow*/
background: black;
visibility: hidden;
}