/********General CSS Stuff********/

body

{
margin: 0px;
font-family: Arial;
color: #3399ff;
font-size: large;
background: url(back.gif) repeat-y center top;
background-color: #666666;

}

h1,h2,h3,h4,h5,h6

{
font-family: Arial;

}

a
{
font-weight: bold;
text-decoration: none;
color: #eeee00;
}

a:hover
{
text-decoration: underline;
color: #f6a4d5;
}


/******HEADER STUFF*****/

#header {
	width: 770px;
	height: 155px;
	margin: 0px auto;
	padding: 10px 0px;
	background: #006400 url(banner.gif) repeat-y;
	
}

/*******MENU************/

#menu{
	width: 770px;
	margin: 1px auto;
	padding: 5px 0px 5px 0px;
	background-color: #000000;
	
}

#menu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	text-align: center;
	
}

#menu li {
	display: inline;
}

#menu a {
	padding: 5px 15px;
	text-transform: none;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;

}

#menu a:hover, #menu a#selected, #menu a#selected:hover {
	background-color: #33ccff;
	color: #666666;
}

/*******MENU2************/

#menu2{
	width: 770px;
	margin: 1px auto;
	padding: 5px 0px 5px 0px;
	background-color: #000000;
	
}

#menu2 ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	text-align: center;
	
}

#menu2 li {
	display: inline;
}

#menu2 a {
	padding: 5px 15px;
	text-transform: none;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;

}

#menu2 a:hover, #menu2 a#selected, #menu2 a#selected:hover {
	background-color: #666666;
	color: #33ccff;	
}


/*******CONTENT*********/

#content {
	width: 750px;
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	
}

#left {
	float: left;
	width: 350px;
	padding: 10px 10px 10px 10px;
	
}

#right {
	float: left;
	width: 350px;
	padding: 10px 10px 10px 10px;
	
}