@charset "utf-8";

body {
	background-color: #EEC78A;
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding-bottom: 25px;
	padding-top: 25px;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #1c1c1c;
}

#container {
	border: #FFFFFF solid 4px;
	width: 700px;
	background: #eeeeee;
	/*background: #FFFFCC;
	background: #ffffff;*/
	padding-bottom: 0px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */		    
}
#topper{
height: 20px;
font-size: 10px;
text-align: right;
padding-top:5px;
padding-bottom: 5px;
padding-right: 10px;
background: #CCCCCC;

}
#head{
border-top: solid 4px #ffffff;
border-bottom: #FFFFFF solid 4px;
	width: 700px;
	height: 288px;
	color: #FFFFFF;
}
#mainContent {
width: 700px;
height: 136px;
	padding-bottom: 5px;
	 padding-left: 0px;
	 padding-right: 0px; 
/* remember that padding is the space inside the div box 
and margin is the space outside the div box */
	background: #dd0000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-color: #333333;
}
#foot{
padding-top: 5px;
padding-bottom: 5px;
font-size: 9px;
height: 30px; 
line-height: 9px; 
clear: both;
background: #ffffff;
}

h1{
font-size: 32px;
line-height: 36px;
font-weight: normal;
}
h2{
color: #603620;
line-height: 24px;
font-weight: normal;
}
b{
font-size: 12px;
font-weight: bolder;
color: #603620;
}
.category{
font-size: 14px;
line-height: 20px;
font-weight: bold;
color: #663300;
}
#image{
height: 107px;
width: 170px;
border: 0px;
}
#menu{
background: #6699CC;
width: inherit;
height: 181px;
color: ffffff;
}
#menutext{
PADDING-TOP: 0PX;
PADDING-LEFT: 5PX;
WIDTH: 170PX;
font-size: 11px;
line-height: 22px;
height: 190px;
color: #FFFFFF;
}
#headspace
{
height: 233px;
width: inherit;
background: none;
}
#leftbanner
{
padding-top: 5px;
padding-left: 5px;
width: 185px;
height: 60px;
background-color: #330000;
color: #ffffff;
}
#bannerline
{ 
margin-top: 10px;
height: 30px;
background-color: #330000;
width: 510px;
}
#banner{
width: 530px;
padding-right: 5px;
margin-top: -42px; 
float: right;
position: absolute; 
}
.transparent{
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}
.lesstransparent{
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}
.current{
height: 15px;
width: 165px;
padding-left: 5px;
margin-left: -5px;
margin-bottom: 2px;
padding-bottom: 7px;
}
#headleft{
width: 170px;
float: left;
clear: right;
height: inherit;
}
#headright{
width: 500px;
float: left;
height: inherit;
}
#mainleft{
background: #00aeef;
width: 190px;
height: inherit;
float: left;
clear: right;
}
#events{
padding: 10px;
font-size: 11px;
height: 130px;
}
#mainright{
color: #000000;
background: #FFCC33;
width: 500px;
height: inherit;
float: left;
}
#maintext{
height: inherit;
font-size: 11px;
padding-left: 25px;
padding-right: 10px;
padding-top: 10px;
padding-bottom: 15px;
}
.maintext{
color: #666666 ;
}
.list{
list-style-type: square; 
color: #603620;  
list-style-position:outside;
}
#mainlinks{
color: #603620;
font-size: 9px;
line-height: 15px;
height: 20px;
margin-top: 40px;
font: Verdana, Arial, Helvetica, sans-serif;
text-align: right;
padding-right: 10px;
}
.menu a:link {color: #ffffff;}
.menu a:visited {color: #ffffff;}
.menu a:active {color: #ffffff;}
.menu a:hover { color: #ffffff;  }
.menu a {text-decoration: none;}

.textcolor{
color: #333333;
}