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


body{
	font-family:Verdana, Geneva, sans-serif; background:#CCC;
}

p {
	color: #666;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;	
}

h2 {color:#FFF; color: #000; margin:0 0;}

#container {
	position: absolute;
	width: 1024px;
	height: 768px;
	left: 50%;
	margin-left: -512px;	
	top: 0px;
}/*top:50%; margin-top:-380px;*/

#heading {
	padding:0 3px 22px 3px;
	width: 1019px;
	height: 45px;
	border-bottom:5px solid #f00;
} 

/*overall width 530px + side padding 0 + borders 2*1 = 532 px; so auto left and right margins centralise header containing div in window of any size above 532px*/

#headerIMG {
	position:absolute;
	margin:0 0 20px 0;
	left: 213px;
	top: 116px;
}


#sideNav {
	position:absolute;
	width: 14em;
	height: 808px;
	margin: auto 0 0 0;
	float:left;
	left: 3px;
	top: 269px;
	z-index:100;
	text-align: justify;
}

#info {
	position:absolute;
	width: 800px;
	height: 800px;
	padding: 5px;
	left: 209px;
	top: 280px;
	z-index:8;
	text-align: justify;
	border:1px solid #CCC;
	overflow:auto;
}

#info2 {
	position:absolute;
	width: 800px;
	height: 1000px;
	padding: 5px;
	left: 209px;
	top: 113px;
	z-index:8;
	text-align: justify;
	border:1px solid #CCC;
	overflow:auto;
}


#TopNav

{	margin: 0 0 0 0;
	padding: 0;
	z-index: 30000;
	margin-left: 2px}

#TopNav li {
	display: block;
	margin: 0 4px 0 0;
	padding: 0px 0px;
	width: 200px;
	list-style: none;
	text-align:center;
	float: left;
	font: 18px Georgia, "Times New Roman", Times, serif;
	
	color: #000;
}

#TopNav li a{
	display: block;
	margin: 0 4px 0 0;
	padding: 0px 0px;
	width: 200px;
	list-style: none;
	text-align:center;
	float: left;	
	border: 1px solid #000;
	color: #000;
	text-decoration:none;
}

#TopNav li a:hover{
	display: block;
	margin: 0 4px 0 0;
	padding: 0px 0px;
	width: 200px;
	list-style: none;
	text-align:center;
	float: left;	
	color: #fff;
	border: 1px solid #000;
	text-decoration:none;
	background:#000;
	z-index:10;
}

#BottomNav

{	margin: 0 0 0 0;
	padding: 0;
	z-index: 30000;
	margin-left: 2px}

#BottomNav li {
	display: block;
	margin: 0 5px 0 0;
	padding: 0px 0px;
	width: 120px;
	list-style: none;
	text-align:center;
	float: left;	
	font: 11px Georgia, "Times New Roman", Times, serif;
	
	color: #666;
}

#BottomNav li a{
	display: block;
	margin: 0 5px 0 0;
	padding: 0px 0px;
	width: 120px;
	list-style: none;
	text-align:center;
	float: left;	
	
	color: #666;
	text-decoration:none;
}

#BottomNav li a:hover{
	display: block;
	margin: 0 5px 0 0;
	padding: 0px 0px;	
	list-style: none;
	text-align:center;
	float: left;	
	color: #f00;
	
	text-decoration:none;
}



#topBanner {
	position:absolute;
	width: 467px;
	height: 57px;
	margin: auto 0 0 0;
	padding: 5px;
	float:left;
	left: 346px;
	top: -109px;
}

#nav {
	position:absolute;
	width: 1024px;
	height: 23px;
	float: left;
	left: 2px;
	top: 86px;
	padding: 0 0 0 0;
	z-index:4;
}

#copy {
	position:absolute;
	width: 211px;
	height: 13px;
	float:left;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	left: 809px;
	top: 1210px;
	color:#f00;
	z-index:5;
}

#social {
	position:absolute;
	width: 201px;
	height: 18px;
	float:left;
	margin-top:0;
	left: 4px;
	top: 248px;
	z-index: 1;
	font-size:9px;
	color:#999;
	vertical-align:middle;
}



#sponsors {
	position:absolute;
	width: 1024px;
	height: 150px;
	float:left;
	margin-top:0;
	left: 1px;
	top: 2418px;
	z-index: 1;
}

#footer {
	position:absolute;
	width: 1024px;
	height: 80px;
	float:left;
	margin-top:10px;
	left: 0px;
	top: 1124px;
	border-top:5px solid #f00;
	padding-top:15px;
	z-index:5;
}

#clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}




[if ie]>
#logo { float: left; }
<![endif]