#leftcontent, #rightcontent, #contentcontent {
 margin: 0px;
 padding: 0px;
 margin-right:50px;
}

#header {
 padding: 0px 0px 0px 40px;
 margin: 0px;
 top: 0%;
 Left: 0%;
 background-color: #ffffff;
 height: 157px;
 border-bottom: 0px solid black
}

#content {
 margin: 0px 0px 0px 170px;
 background-color: #ffffff;
 padding: 1% 0% 1% 6%;
}

#left {
 position: absolute;
 padding: 10px;
 margin: 0px;
 top:  156px;
 left: 0%;
 width: 160px;
 background-color: #ffffff;
}


#footer {
 clear: both;
 border-top: 2px solid black;
 border-bottom: 1px solid black;
 background-color: #ffffff;
 visibility: hidden;
}

/*

-------------------------------- Navigation ------------------------------

List tips courtesy of A List Apart: http://www.alistapart.com/stories/taminglists/

*/


ul#links {
	width: 170px;
	list-style: none;
	margin: 0px;
	padding: 0px;
	background-color: #D6D6D6;
	}

ul#links li {
	display: block;
	border-top: 1px solid #A5B5C6;
	}

ul#links li a {
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 6px 6%;
	background-color: #5C6F90;
	font: bold 0.8em /1.5 arial, sans-serif;		/* If you get an unwanted gap after your a block (IE-Win) try increasing the line height		*/
	color: #fff;
	text-decoration: none;
	width: 88%;				/* 	Causes Problems in IE5-Mac and Netscape/Mozzilla - see next fix		*/
	}

ul#links li a:hover {
	background-color: #43616B;
	color: #eee;
	}

ul#links ul.subnav {
	margin: 0px;
	list-style: none;
	padding: 0px;
	border: 0px solid pink;
	}

ul#links ul.subnav li {
	border-top: 0 none;
	border: 0px solid green;
	padding-left: 1.5em;
	}


#mail {
	width: 150px;
	padding: 10px 6% 40px 6%;
	border: 2px solid black;
	}
	

#eventPage {
	width: 100%;
	padding: 10px 6% 10px 6%;
	}	
	
.hiddenImage{
visibility: hidden;
}