body{
	font-family: Arial, sans-serif, Verdana, Helvetica ;
	font-size: 0.8em;
	background-color:#C8C7B3;
	background-image : url('images/background-main.gif');
	background-position :  left top;
	background-repeat : repeat-x;
	width: 99%;
}

h1 {
	color: #000384;
	font-size:18pt;
	text-align:center;
	font-weight: bold;
}

h2{
	color:black;
	font-size:14pt;
	text-align:center;
	font-weight: bold;
	background-color : #DDDF75;
	border-top:1px solid #CFC585;
	border-bottom:1px solid #CFC585;
}

h3{
	color:black;
	font-size:12pt;
	text-align: left;
	font-weight: bold;
	background-image : url(images/header3bg.gif);
	border-bottom: 1px solid #C8C7B3;
	background-repeat : repeat-y;
}

.calendarday{
	background: #FFFFAA;
}

.calendarnight{
	background: #B3FFB3;
}

.calendarcamp{
	background: #FFB0B0;
	font-weight: bold;	
}

.pdfdownload{
	list-style-image : url('images/pdf.gif');
	padding-left : 4px
}

.worddownload{
	list-style-image : url(images/word.gif);
	padding-left : 4px
}

.weblink{
	list-style-image : url(images/webicon.gif);
	padding-left : 4px
}

thead tr.calendarforthcoming{
	background-color: Olive;
	color : White;
}

tbody tr.calendarforthcoming{
	background-color: #FFFFAA;
}

div#wrapper{
	background-color : #ffffff;
	border:1px solid black;
	float : left;
	width : 99%;
	position : relative;
}

div#header{
	height : 200px;
	background-image : url('images/headerback.gif');
	background-repeat : repeat-x;
	background-position : top left;
	padding : 0;
	position : relative;
}


div#breadcrumb{
	padding-left:5px;
	padding-top:2px;
	padding-bottom:2px;
	background-color : #FFFFC6;
	font-weight: bold;
	border-color : #7C7E38;
	border-width : 1px 0px 1px 0px;
	border-style : solid;
	margin : 0;
}

div#submenu{
	width : 160px;
	float: left;
}

div#submenu ul{
	margin-left : 0;
	padding-left : 0;
}

div#submenu ul li{
	list-style : none;
	padding : 0;
	margin : 0;
	width : 160px;
}

div#submenu ul li a{
	display: block;
	text-decoration: none;
	padding-left : 10px;
	padding-right : 1px;
	padding-bottom : 0px;
	padding-top : 0px;
	background-image : url('images/sidemenubutton.gif');
	background-position : top;
	background-repeat : repeat-x;
	color : Black;
	margin-top : 1px;
	border:1px solid black;
	background-color : #EFF1BE;
}

div#submenu ul li a:hover {
	padding-bottom : 0px;
	padding-top : 0px;
	background-image : url('images/sidemenubutton-hover.gif');
	background-repeat : repeat-x;
	background-position : top;
	color : White;
	background-color : #6C6CC8;
}

#aboutgenus #submenu-aboutgenus a{
background-position: -300px -0px;
 color: #000000;
}

div#content{
	padding-left : 160px;
	margin-left : 10px;
	text-align : left;
}

div#mainnav{
	position : absolute;
	top : 183px;
	background-image : url('images/topmenubutton.gif');
	background-repeat : repeat-x;
	margin: 0;
	padding: 0;
	}

div#mainnav ul{
	display : block;
	float : left;
	text-align : center;
	list-style : none;
	margin: 0;
	padding: 0;
	left : 0px;
}

div#mainnav li{
	position : relative;
	float : left;
}

div#mainnav ul li{
	width : 13em;

}

div#mainnav ul li a{
	width : 13em;
	display : block;
	background-image : url('images/topmenubutton.gif');
	background-position : top;
	background-repeat : repeat-x;
	float : left;
	border:1px solid black;
	color : White;
	text-decoration : none;
	left : 0px;
	background-color : #B1B76A;
}

div#mainnav ul li a:hover{
	background-image : url('images/topmenubutton-hover.gif');
	background-position : top;
	background-repeat : repeat-x;
	background-color : #ffffff;
	color : Black;
	float : left;
}

div#mainnav ul ul {
	z-index: 500;
	top : 17px;
	position : absolute;
}

div#mainnav ul ul ul {
position: absolute;
top: 0;
left: 12em;
}

div#mainnav ul ul li a{
	display : block;
	width : 12.8em;
	border:1px solid black;
	background-image : url('none');
	background-color : #E6E8A2;
	text-align : left;
	color : Black;
	float : left;
	padding-left : 2px
}

div#mainnav ul ul li a:hover{
	background-color : White;
	float : none;
	left : 0px;
}

div#mainnav ul ul ul {
position: absolute;
top: 0;
}

div#mainnav ul ul {
display: none;
}

div#mainnav ul li:hover ul
{display: block;}

div#mainnav ul ul,
div#mainnav ul li:hover ul ul,
div#mainnav ul ul li:hover ul ul
{display: none;}

div#mainnav ul li:hover ul,
div#mainnav ul ul li:hover ul,
div#mainnav ul ul ul li:hover ul
{display: block;}

div#footer{
	position : relative;
	clear : both;
	background-color : #C8C7B3;
	background-image : url('images/footerback.gif');
	background-position : left top;
	background-repeat : repeat-x;
	text-align : center;
	padding-top: 4px;
	padding-bottom: 4px;
}
