html, body {
  margin: 0; padding: 0;
  }
body {
	background: #cfe1ed url(img/blue_body.jpg) repeat-x; 
  color: #000; 
  font: 76% verdana, arial, helvetica, sans-serif;
  }
#container {
  width: 90%;
  margin: 50px auto;
  background: #fffcef url(img/left.jpg) 0 252px no-repeat;
  color: #333;
  border: 2px solid #000;
  line-height: 130%;
  }
#top {
  padding: 0;
  background: #c00 url(img/header.jpg) top left no-repeat;
  border-bottom: 2px solid #000;
  height: 250px;
  text-align: center;
  }
#top h1, #top h2 {
  padding: 0;
  color: #fffcef; 
  font-family: arial, verdana, sans-serif; 
  font-style: italic;
  }
#top h1 {
  margin: 0; 
  padding-top: 1em;
  font-size: 3em; 
  background:transparent;  
  }
#top h2 {
  margin-top: 1em; 
  font-size: 1.7em; 
  }
#content h2 {
  font-size: 130%; 
  color: #c00; 
  background: transparent; 
  margin:5px 0 0;
  }
#content h3 {
  font-size: 110%; 
  color:#5b8fbe; 
  background: transparent;
  text-transform:uppercase;
  word-spacing:0px; 
  letter-spacing:0px; 
  padding:0 2px; 
  margin: 5px 0 0;
  }
div#topad {
  float: right; 
  margin-top: -100px; 
  }
div#topad img {
  background: #eee; 
  border: none;
  }
#topbanner {
  margin-top: 30px;
  }
#leftnav {
  float: left;
  width: 160px;
  margin: 0;
  padding: 1em;
  background: #fffcef url(img/left.jpg) 0 0px no-repeat;
	}
#content {
  margin-left: 190px;
  border-left: 1px solid #fc6;
  padding: 2.5em 8% 1em 1em;
  background: #fffcef url(img/content_top.jpg) top right no-repeat;
  border-top: 0px solid #000;
  height: 1%;
	}
#footer {		
  height: 200px;
  clear: both;
  margin: 0;
  padding: 0;
  color: #000;
  background: #000 url(img/footer.jpg) bottom left no-repeat;
  text-align: center;
	}
#footer p#info {
  padding-top: 100px; 
  color: #fff; 
  }
#footer p#dev {
  float: left; 
  margin: 10px 0 0 10px; 
  color: #fff; 
  }
#footer p a {
	color: #fff;
	text-decoration: none;
	}
#leftnav p { 
  margin: 0 0 1em 0; 
  }
#content h2 { 
  margin: 0 0 .5em 0; 
  }
#content p {
  text-align: justify;
  }
img { 
  margin: 5px 1em; 
  padding: 5px; 
  border: 1px solid #ccc; 
  background: #eee; 
  color: #000;
  }
img.ad {
  padding: 0; 
  }
img.right {
  margin-right: 0;
  }
img.left {
  margin-left: 0;
  }
    
/* Lefnav menu */
#menu ul {
  list-style-type: none; 
  margin: 0; 
  padding: 0;
  }
#menu {
	width: 160px; 
  margin: 0 auto 10px auto; 
  border: 1px solid black;
	background: #fffcef;
  }
#menu li a {
	height: 32px; 
	voice-family: "\"}\""; 
	voice-family: inherit;
  height: 24px;
	text-decoration: none;
}	
#menu li a:link, #menu li a:visited {
	color: #000; display: block; background: url(img/menu5.jpg); padding: 8px 0 0 30px;
}
#menu li a:hover {
	color: #fff; background: url(img/menu5.jpg) 0 -32px; padding: 8px 0 0 30px; margin: 0;
}

/* Classes */
.hide {display: none;}
.center {text-align: center; margin: auto;}
.left {float: left;}
.right {float: right;}
.clear {clear: both;}
.clearL {clear: left;}
.clearR {clear: right;}
img.gallery {border: none; padding: 0;}
img.banner {border: 1px solid #000; background: transparent;}

img.banner11{	
	margin: 3px 3px; 
  padding: 0; 
  border: 1px solid #ccc; 
  background: transparent; 
  color: #000;
	}
#eventmenu {
  color: #fff; 
  border-bottom: 2px solid black; 
  margin: 12px 0 0 0; 
  padding: 0 0 0 10px;
  z-index: 1; 
  }
#eventmenu li {
  display: inline; 
  overflow: hidden; 
  list-style-type:none;
  }
#eventmenu a{ 
  background: #c00; 
  color: #fff; 
  font-weight: bold; 
  font-size: 110%; 
  border: 2px solid black; 
  padding: 2px 5px 0 5px; 
  margin: 0; 
  text-decoration: none;
  }
#eventmenu a:hover {
  background: #000; 
  color: #fff;
  }
#eventmenu a.active {
  background: #fffce8; 
  color: #c00; 
  border-bottom: 3px solid #c00;
  }
#events ul.list {
  list-style-type: disc;
  }
body#events ul.list li {
  margin: 5px 0;
  }
#eventcontent {
  text-align: justify; 
  background: #fffce8; 
  padding: 20px; 
  border: 2px solid black; 
  border-top: none; 
  width: 96%; 
  w\idth:93%;
  }

body#news #scroller {width:600px; height:360px; position:relative;padding:5px 0; background:#fff;}
body#news #scroller em {display:block; width:229px; height:175px; position:absolute; top:0; right:0; border:1px solid #ddd;}
body#news #scroller span {display:block; width:360px; height:365px; position:absolute; top:0; left:0; border:1px solid #ddd;}
body#news #scroller span b#copyright {font-size:10px; color:#888; position:absolute; bottom:5px; right:20px; font-family:georgia, verdana, arial, sans-serif; font-weight:normal;}

body#news #scroller b#thumbs {display:block; width:220px; height:175px; overflow:auto; float:right; margin-top:175px; border:1px solid #ccc; border-width:1px 0 1px 1px; padding:5px;}
body#news #scroller b#thumbs a {display:block; float:left; margin:0 10px 10px 0; background:#f8f8ff; width:50px; height:50px; border:1px solid #000;}
body#news #scroller b#thumbs a img {width:50px; height:50px; border:0; padding: 0; margin: 0;}

body#news #scroller b#thumbs a:hover {border:1px dotted #ccc; background:#fff url(news/click_on.gif);}
body#news #scroller b#thumbs a:active, body#news #scroller b#thumbs a:focus {border:1px solid #fff; background:#fff; outline:0;}
body#news #scroller b#thumbs a:hover img {display:block; position:absolute; background:#aaa; z-index:500;}
body#news #scroller b#thumbs a:active img, body#news #scroller b#thumbs a:focus img {display:block; position:absolute; background:#aaa; z-index:100; padding: 0; margin: 0;}

body#news #scroller b#thumbs a:hover img.hr {width:160px; height:120px; right:35px; top:7px; border:1px solid #333;}
body#news #scroller b#thumbs a:hover img.vt {width:120px; height:160px; right:55px; top:7px; border:1px solid #333;}

body#news #scroller b#thumbs a:active img.hr, body#news #scroller b#thumbs a:focus img.hr {width:320px; height:240px; left:20px; top:7px; border:1px solid #333;}
body#news #scroller b#thumbs a:active img.vt, body#news #scroller b#thumbs a:focus img.vt {width:240px; height:320px; left:60px; top:7px; border:1px solid #333;}

#count {
  float: right; 
  clear: both; 
  margin-right: 10px;
  }
#count img {
  margin: 0; 
  padding: 0; 
  background: transparent; 
  border: none;
  }

.img_caption {
  float: left; 
  margin: 10px; 
  padding: 3px; 
  border: 1px solid #ccc; 
  text-align: center; 
  font-style: italic; 
  font-size: smaller; 
  background: #eee; 
  width: 170px; 
  height: 200px; 
  overflow: auto;
  }
.img_caption img {
  margin: 5px 0 3px 0; 
  padding: 0; 
  border: 1px solid #000;
  }
  /*
=Start table structure
*/
#summary, #caption {
	margin-top:0.5em;
  }
table#event, table#sponsors {
	margin: .5em auto;
  }	
.tableStyle {
	width: 97%;
	margin: 1em 0 1em 5%;
	border: solid #666;
	border-width: 1px 0 0 1px;
	border-collapse: collapse;
	text-align: left;
  }
.tableStyle th, .tableStyle td {
	border: solid 1px #666;
	border-width: 0 1px 1px 0;
	padding: 0.2em;
  }
.blueScheme, .blueScheme th, .blueScheme td {
	border-color: #069;
  }
.blueScheme .even {
	background-color: #fffccc;
  }
.blueScheme th, .blueScheme thead td {
	background-color: #cfe1ed;
  }
.scheme09, .scheme09 th, .scheme09 td {
  border-color: #33f;}
.scheme09 .even {background-color: #b8cada;}
.scheme09 th, .scheme09 thead td {
	background-color: #d4b16f;}

div#sponsor_banners {
  width: 160px; 
  text-align: center; border: 0px solid black; 
  margin: auto; padding: 0;}
  div#sponsor_banners * {margin:auto; border:none;}
  
table#sponsors {border: 1px solid #000; margin: 1.5em auto 0.5em; padding: 0; 
width: 500px; }
table#sponsors td {padding: 0; margin:0; }
table#sponsors td img {padding: 0; border: none; margin:5px; }