@charset "utf-8";
/* CSS Document */
html, body  {
	font: 100% sans-serif, Verdana, Arial, Helvetica;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	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: #000000;
	background: url(images/bg-page.jpg) repeat-x;
	background-color: #d4d4d4;
}
body {
	margin-top: 10px;
}
a:link { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover { text-decoration: none; }
a:active { text-decoration: none; }
#container { 
	width: 780px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	/* background: url(images/bg-main.jpg) repeat-y; */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
} 
#header {
	width: 780px;
	height: 85px;
	background: url(images/bg-header2.jpg);
	margin: 0;
}
#main { 
	width:780px;
	/* height: 534px; */
	background: url(images/bg-main5.jpg) repeat-y;
	/* background-position: bottom center; */
	min-height: 534px;
	margin: 0;
	/* border: 1px solid #00CCCC; */
}
#footer {
	width: 780px;
	height: 83px;
	background: url(images/bg-footer2.jpg);
	margin: 0;
	margin-top: -15px; /* Even if a margin: 0 in the other elements, there wasa space between mc and footer. By adding a negative top margin to footer the oages renders as styled.
	/* border: 1px #003399 solid; */
}
#footer2 {
	width: 780px;
	height: 83px;
	text-align: center;
	font-size: .6em;
	margin: 0;
}
#lnb { 
	float:left; 
	width:216px;
	/* height: 534px; */
	background: url(images/bg-lnb.jpg);
	min-height: 534px;	
	margin: 0;
	/* border: 1px solid #CC9966; */
}
#mc {
	width: 564px;
	margin-left: 216px;
	/* height: 534px; */
	background:url(images/bg-maincontent2.jpg) no-repeat;
	background-position: top right;
	min-height: 534px;
	margin-bottom: 0;
	margin-right: 0;
	margin-top: 0;
	/* border: 1px solid #99CC00; */
}
#container #sidebar1 h3 {
	font-size: 1em;
	font-weight: bold;
	color: #FFFFFF;
	padding-left: 8px;
	margin-bottom: 2px;
	padding-top: 15px;
}
#container #sidebar1 h4 {
	font-size: .9em;
	font-weight: bold;
	color: #FFFFFF;
	margin-bottom: 0px;
	margin-top: 0px;
}
#container #sidebar1 {
	font-size: .8em;
	font-weight: normal;
	color: #CCCCCC;
	padding-top: 45px;
	padding-left: 25px;
}
#container #sidebar1 .eventtitle {
	font-size: .8em;
	font-weight: normal;
	margin-left: 9px;
	width: 178px;
	margin-top: 10px;
	margin-bottom: 10px;
}
#container #sidebar1 .eventtitle:hover {
	background-color: #660000;
	opacity:.80;
	filter: alpha(opacity=80); 
	-moz-opacity: 0.8;
	color: #FFFF00;
}
#container #sidebar1 a {
	color: #FFFF99;
}
#container .mediacontainer {
	background-color: #660033;
	/* border: 0px solid #FF6600; */
	width: 538px;
	height: 250px;
}
#container #main #mc .content {
	width: 520px;
	margin-top: 10px;
	margin-left: 10px;
	font-size: .8em;
}
#container #header .menuitem {
	width: 600px;
	/* border: #0099CC 1px solid; */
	float: right;
	margin-top: 65px;
	margin-right: 32px;
	color: #FFFFFF;
	font-size: .7em;
	font-stretch: extra-expanded;
	letter-spacing: .25em;
	text-align: right;
	position: relative;
}
#container #header .menuitem a {
	color: #FFFFFF;
}
#container .content h3 {
	color: #990000;
	font-size: 1.1em;
	margin-bottom: 2px;
}
#container .content a {
	color: #FF0000;
}
#container .content h3 .ver2 {
	color: #ffffff;
	font-size: 1.1em;
}