@charset "utf-8";
/* CSS Document */

body {
font-family: Arial, Helvetica, sans-serif;
color: #CCCCCC;
text-align: left;
}

textarea {
font-family: Arial, helvetica, sans-serif;
font-size: 12px;
}

a, a:visited {
cursor: pointer;
text-decoration: none;
}

a img {
border: none;
}

#eventdate a {
color: #CC0000;
text-decoration: none;
}

#eventdate a:hover {
color: #000000;
}

ul#dash a, a:visited {
color: #FFFFFF;
text-decoration: none;
}

ul#dash a:hover {
color: #FFCC00;
text-decoration: none;
}

#background {
width: 100%; float: left;  height: 100%; background:url(img-lib/mainbg.png) no-repeat center; margin-top: -8px; }

#backgroundinner {
width: 100%; float: left; background:url(img-lib/inmainbg.png) repeat-y top center; margin-top: -8px; }

#maincontent {
width: 800px; height: 600px; background: url(img-lib/homebg.png) no-repeat center; color: #ffffff; font-size: 11px; }

#maincontentinner {
width: 800px; height:100%; color: #ffffff; font-size: 11px; }

#topcontent {
width: 100%; float: left; height: 500px; text-align: left; }

#topcontentinner {
width: 100%; float: left; height: 220px; text-align: left; background: url(img-lib/intopbg.png) no-repeat top center; }

#intro {
float: right; width: 315px; display: inline; margin-right: 15px; margin-top: 10px; height: 175px; letter-spacing: .02em; }

#menu {
float: right; width: 100%; margin-top: 0px; text-align: left; }

#menu4 {
float: left; width: 790px;; padding-left: 10px; margin-top: 42px; text-align: left; }

ul#menu1 {
float: right; width: 220px; margin-right: 10px; display: inline; padding: 0; margin: 0; }

ul#menu3 {
float: left; width: 100%; margin-left: 10px; display: inline; padding: 0; margin: 0; }

ul#menu3 li {
float: left; width: auto; height: 25px; margin-right: 20px; list-style-type: none; }

ul#menu1 li {
float: left; width: 100px; height: 25px; list-style-type: none; }

ul#menu1 li#hooray {
float: left; list-style-type: none; width: auto; }

#bottomcontent {
width: 100%; height: 100px; float: left; text-align: left; }

#menu2 {
width: 100%; float: left; margin-left: 10px; display: inline; font-weight: normal; font-size: 12px; margin-top: 4px; }

#menu2 a:hover {
color: #CC0000;
text-decoration: none; }

#menu2 a {
color: #CCcccc;
text-decoration: none; }

#botmenu {
width: 45%; float: left; margin-left: 10px; display: inline; font-weight: normal; font-size: 12px; margin-top: 62px; }

#botmenu a {
color: #CCcccc;
text-decoration: none; }

#botmenu a:hover {
color: #CC0000;
text-decoration: none; }

#copyright {
width: 45%; text-align: right; float: right; font-size: 10px; margin-top: 50px; }

a:hover {
color:#CC0000;
}

#eventtitle a {
color: #CC0000; }

#eventtitle a:hover {
color: #000000;
}

#lightbox{
	background-color:#fff;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
		
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; color: #666666; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(img-lib/trans.png); }

#keyboardMsg {
color: #666666;
}

#keyboardMsg a {
color: #333333;
font-size: 14px;
text-decoration: none;
}

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img-lib/trans.png", sizingMethod="scale");
	}
	
#paginate a {
color: #666666;
text-decoration: none;
}

#paginate a:hover {
color: #333333;
text-decoration: underline;
}

#othercon a {
color: #CC0000;
}

#othercon a:hover {
color: #000000; }

#categorymenu a {
color: #CC0000 }

#categorymenu a:hover {
color: #000000 }