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

* { margin : 0; padding: 0; border: 0; }

body {
	background: #000 url(pics/style/header_bg.jpg) top center repeat-x;
	color: #0F1415;
	font-family: Verdana, Arial;
	margin-bottom: 10px;
	font-size: 10px;
}

a:link,a:active,a:visited { text-decoration: none; color: #111; }
a:hover		{ text-decoration: underline; color: #FFF; }

.fr { float: right; }

.fl { float: left; }


/*------------------------*/
/* LAYOUT STYLES */
/*------------------------*/

#container { width: 100%; }

#wrapper {
	width: 916px; 
	margin: 0 auto; 
	background: url(pics/style/wrapper.jpg) top center repeat-y; 
	position: relative; 
	top: 111px; 
	}
	
#header {
	height: 104px;
	position: absolute;
	top: -88px;
	left: 25px;
}
	
#footer {
	background: url(pics/style/footer.jpg) bottom center no-repeat; 
	height: 80px;
	text-align: center;
	clear: both;
	color: #616161;
	padding-top: 10px;
	}
	
#content1 { margin: 0 19px 0 19px; width: 878px; background: url(pics/style/map-center.jpg) top center no-repeat; } 

#content2 { width: 878px; height:800px; background: url(pics/style/map_bg.jpg) top center no-repeat; }

#content3 { 
	width: 800px; 
	padding: 20px 40px 40px 40px; 
	background: url(pics/style/map-bottom.jpg) bottom center no-repeat; 
	min-height: 120px;
	height: auto !important;
	height: 120px; 
} 

/*------------------------*/
/* Menu Button Controlls */
/*------------------------*/

#top_menu { position: absolute; top: 24px; left: 500px; width: 380px; }

a:hover#forum, a:hover#web, a:hover#trophy, a:hover#main {
	background-position: 0px -22px;
}

a#forum, a#web, a#trophy, a#main  {
	display: block;
	width: 73px;
	height: 22px;
	text-indent: -4000px;
	float: right;
	margin-right: 20px;
}

a#forum {
	background: url(pics/buttons/menu_forum.gif) 0 0 no-repeat;
}
a#web {
	background: url(pics/buttons/menu_web.gif) 0 0 no-repeat;
}
a#trophy {
	background: url(pics/buttons/menu_trophy.gif) 0 0 no-repeat;
}
a#main {
	background:url(pics/buttons/menu_main.gif) 0 0 no-repeat;
}


/*  Text
 --------------------- */
h1 {
	color: black;
	font-family: "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
	font-weight: bold;
	font-size: 1.8em;
	text-decoration: none;
}

h2 {
	font-size:35px;
	font-weight: bold;
	font-family:"Viner Hand ITC", Arial, Helvetica, sans-serif;
	text-decoration: none;
	line-height: 120%;
}

h3 {
	font-size: 18px;
	font-weight: bold;
	font-family: "Viner Hand ITC", Arial, Helvetica, sans-serif;
	line-height: 120%;
}

h4 {
	margin: 0;
	font-size: 10px;
	font-weight: bold;
}

p {	
}

/* Tables
 ------------ */

.mainmap { 
	font-family: Verdana, Geneva, sans-serif;
	font-size:14px;
	width: 65%;
	margin: 45px 0px 0px 45px;
}

.links {
	font-family: Verdana, Geneva, sans-serif;
	font-size:10px;
	margin: 45px 40px 0px 0px;
}

.about {
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	width: 100%;
	margin: 0px 0px 0px 45px;
}
	

table.transparent tr { background: transparent; }
 
th {
	
	font-size: 12px;
	font-weight: bold;
	
	white-space: nowrap;
	padding: 5px 5px 13px 5px;
}

td {
	padding: 2px;
}


.table { 
	 
}


.spacer {
	background: url(pic/images/space.gif) top repeat-x;
}

hr {
	height: 1px;
	border-width: 0;
	background-color: #B5BDBF;
	color: #B5BDBF;
}

.legend {
	text-align:center;
	margin: 0 auto;
}

/* Links
 ------------ */

.notice a:link, .notice a:visited, .notice a:active { color: #006597; }

.notice a:hover { color: #487D97; }