body  {
	background-image: 
url(../images/brwnbg.png);
	background-repeat: 
    repeat-xy;
    background-attachment: 
    fixed;
	margin: 0; 
	padding: 0px;
	text-align: center; 
	color: #ffffff;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 100%;
	background-color: #3399cc;
	height: 100%;
}

a img {
	border: 0;
	}

html, body {
	height: 100%;
}



/*MAIN*/

.twoColHybLtHdr #container { 
	width: 85%;  
	background: #5C442C;
	margin: 0 auto; 
	border: 1px solid #000000;
	text-align: left; 


	
} 

.twoColHybLtHdr #mainContent { 
	margin: 0 20px 0 13em; 
	width: 50%;
	
} 



/*LINKS*/


body a {
	color: #339900;
	text-decoration: underline;
}

body a:hover {
	color:#cc3300;
}

body a:active, a:visited {
	Color:#7C843D    
}



/*HEADER*/


.twoColHybLtHdr #header { 
	background:  #244401;
	padding: 10px 10px 10px 10px; 
} 
.twoColHybLtHdr #header h1 {
	margin: 0; 
	padding: 0px 0; 
}


  /*HEADER -- menu Rollovers*/

.anchor1 a {
display: block;
width: 212px;
height: 50px;
background: transparent url(images/menu/roll/home.png) no-repeat;
}

.anchor1 a:hover {
background-position: -106px 0;
} 
  
.anchor2 a {
display: block;
width: 242px;
height: 50px;
background: transparent url(images/menu/roll/events.png) no-repeat;
}

.anchor2 a:hover {
background-position: -121px 0;
}  
  
.anchor3 a {
display: block;
width: 176px;
height: 50px;
background: transparent url(images/menu/roll/bios.png) no-repeat;
}

.anchor3 a:hover {
background-position: -88px 0;
}

.anchor4 a {
display: block;
width: 234px;
height: 50px;
background: transparent url(images/menu/roll/media.png) no-repeat;
}

.anchor4 a:hover {
background-position: -106px 0;
}






/*LEFT MENU*/


div.menu a {
color: #ffffff;
text-decoration:none;
}

div.menu a:link {
color: #ffffff;
}

div.menu a:active {
color: #ffffff;
background: #cccc99;
}

div.menu a:visited {
color: #ffffff;
background: #cccc99;
}

div.menu a:hover {
color: #cc3300;
border:0px solid #000000;
}

.twoColHybLtHdr #sidebar1 {
	float: left;
	width: 10em;
	background:  #384401;
	padding: 10px 10px 10px 10px;
	height: 100%;

}
.twoColHybLtHdr #sidebar1 h3, .twoColHybLtHdr #sidebar1 p {
	margin-left: 10px;
	margin-right: 10px;
}

/*TABLES*/
table.calendar tr td {
	border-collapse: separate;
    border-spacing: 10px;
	padding: 5px;
	margin: 5px;
	border: 1px solid black;
	
}

table.bios tr td {
	border-collapse: separate;
    border-spacing: 20px;
	padding: 5px;
	margin: 5px;
	border: 0px solid black;
	
}

td {vertical-align: top }





/*FOOTER*/

.twoColHybLtHdr #footer { 
	padding: 15px 15px 15px 15px; 
	background: #5C4C3C;
} 
.twoColHybLtHdr #footer p {
	margin: 0;
	padding: 10px;
}


/*ADJUSTMENTS*/


.fltrt { 
	float: right;
	margin-left: 8px;
}
.fltlft {
	float: left;
	margin-right: 8px;
}
.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}


/*FIX IE*/


</style><!--[if IE]>
<style type="text/css"> 
/* place css fixes for all versions of IE in this conditional comment */
.twoColHybLtHdr #sidebar1 { padding-top: 30px; }
.twoColHybLtHdr #mainContent { zoom: 1; padding-top: 15px; }
/* the above proprietary zoom property gives IE the hasLayout it may need to avoid several bugs */
</style>
<![endif]-->