/*

-Copyright Vix, 2003-05 (http://so-complicated.net)

-You are free to study this code and learn from it, 
 but do not take anything from here without my permission and pass it as your own!

-Credits: Sasha (http://nothing-less.net) for CSS help;
          Image Map CSS adopted from http://alistapart.com
	  

/* 

----------------------------------

GENERAL STUFF

-------------------------------

*/





body {


	margin: 0px; 

	padding: 0px;

	background-repeat: repeat-y; 

	background-color: #070601; 

	font: 8pt Arial, Verdana; 

	color: #FFFFFF; 

	text-align: left;

}



#container {margin-left:0;

	background: no-repeat url(images/main_banner.jpg);

margin-right:auto;

width:750px;}



#town {float:left;

width:185px;

}





#footer {

	background: no-repeat url(images/main_footer.jpg);

	width: 750px;

	height: 65px;

	padding: 0px;

}





/* 

----------------------------------

MAIN CONTENT

-------------------------------

*/





#content {

	float:right;

	width:525px;

	padding: 10px 20px 0 0;

	text-align: left;

	z-index:3;

	margin-top:290px;

	}



P {

	padding-right: 3px; 

	padding-left: 3px; 

	padding-bottom: 3px; 

	padding-top: 0px; 

	font: 8pt Arial;

	color: #FFFFFF; 

	text-align: left;

}



LI {

	padding-right: 3px; 

	padding-left: 3px; 

	padding-bottom: 3px; 

	padding-top: 0px; 

	font: 8pt Arial, Verdana; 

	color: #FFFFFF; 

	text-align: left;

}


TD {

	font: 8pt Arial, Verdana; 

	color: #FFFFFF; 

	TEXT-ALIGN: left;

}



H2 {

	font: bold 10pt Arial, Verdana, sans-serif; 

	color: #FFFFFF; 

	letter-spacing: 0px; 

	text-align: left;

}



h3 {

	font: bold 9pt Arial, Verdana, sans-serif; 

	color: #FFFFFF; 

	letter-spacing: 0px; 

	text-align: left;

}





a:link, a:active, a:visited {

	cursor:crosshair;

	text-decoration: underline;

	color: #E3E3C6;

}



a:hover {font-weight: normal; 

	cursor: crosshair; 

	color: #FF0000; 

	text-decoration: underline;

}


img.floatleft { float: left;
	
	margin: 10px; 
}

img.floatRight { float: right;
	
	margin: 10px; 
}



table.grid, td.cell {
	border:0px;
	text-align: center;
	width: 95%;
}

td.cell{
	width: 50%;
}

.colored {
	background: transparent;
	padding:3px;
}

/* 

----------------------------------

SIDE BAR

-------------------------------

*/





.menu{

	margin-left:55px;

	width:125px;

	margin-top:65px;

	z-index:25;

	font-family:arial;

	font-size:8pt; 

	font-weight: bold;

	color:#FFFFFF;

	letter-spacing:0px;

	padding-right: 2px;

	padding-left: 2px; 

	padding-bottom: 2px; 

	padding-top: 2px;

}



.media{

	margin-left:55px;

	width:125px;

	margin-top:19px;

	z-index:25;

	font-family:arial;

	font-size:8pt; 

	font-weight: bold;

	color:#FFFFFF;

	letter-spacing:0px;

	padding-right: 2px;

	padding-left: 2px; 

	padding-bottom: 2px; 

	padding-top: 2px;

}



.interact{

	margin-left:55px;

	width:118px;

	margin-top:24px;

	z-index:25;

	font-family:arial;

	font-size:8pt; 

	font-weight: bold;

	color:#FFFFFF;

	letter-spacing:0px;

	padding-right: 2px;

	padding-left: 2px; 

	padding-bottom: 2px; 

	padding-top: 2px;

}



.site{

	margin-left:55px;

	width:125px;

	margin-top:21px;

	z-index:25;

	font-family:arial;

	font-size:8pt; 

	font-weight: bold;

	color:#FFFFFF;

	letter-spacing:0px;

	padding-right: 2px;

	padding-left: 2px; 

	padding-bottom: 2px; 

	padding-top: 2px;

}





.links{

	margin-left:55px;

	width:125px;

	margin-top:16px;

	z-index:25;

	font-family: arial;

	font-size: 8pt; 

	font-weight: bold;

	color:#FFFFFF;

	letter-spacing:0px;

	padding-right: 2px;

	padding-left: 2px; 

	padding-bottom: 2px; 

	padding-top: 2px;

}





a.nav:link {color: #FFFFFF; text-decoration: none; font-weight: bold}

a.nav:active {color: #FFFFFF;text-decoration: none; font-weight: bold}

a.nav:visited {color: #FFFFFF; text-decoration: none; font-weight: bold}

a.nav:hover {color: #9C0308; text-decoration: none; font-weight: bold}