html
{
	overflow: auto;

}




body
{
	
	margin: 0;

	padding: 0;
	background: #2E2E2E url('../images/background.jpg');
	font-size: 75%;
	font-family: arial;
	color: #DDD;
	text-align: center;

}


#all {
 width: 760px;
text-align: left;
 margin: 0 auto;
}






#centrecontainer
{
  
  
 position: absolute;
	width: 100%  	



	
}

#outercontainer
{
 

	position: absolute;
	

}

#container    
{   
	width: 700px;
	height: 500px;
	background: #444;
	
}

#headercont
{ 
	width: 700px;
	height: 50px;
	background: #9C0 url('../images/headercont-background.jpg') repeat-x;
	letter-spacing: 0px;
	color: #FFF;
	padding: 0 15px;
}

#headercont ul, #footercont ul
{

	padding: 18px 0 0 0;
	list-style-type: none;
	text-align: right;
}

#headercont ul li, #footercont ul li
{
	display: inline;
	margin: 0 0 0 10px;
}

#headercont ul li a, #footercont ul li a
{
	color: #E8FF9F;
	text-decoration: none;
}

#headercont ul li a:hover, #footercont ul li a:hover
{
	color: #FFF;
	text-decoration: none;
}


#maincont
{ 
	width: 720px;
	height: 330px;
	background: #444;
	
}




#mainleft
{   
	float: left;
	width: 500px;
	height: 300px;
	padding: 15px;
	background: #333;
}

#mainleft h1
{
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-family: arial;
	font-size: 400%;
	letter-spacing: -2px;
	color: #AAA;
}

#mainleft h1 span
{
	color: #9C0;
}

#mainright
{  
	float: left;
	width: 160px;
	height: 20px;
	padding:  0;
	overflow: auto;
	line-height: 150%;
}

#mainright p
{
	margin: 0 0 15px 0;
	padding: 0;
}

#mainright h1, h2, h3
{
	margin: 0 0 10px 0;
	padding: 0 0 5px 0;
	font-size: 180%;
	letter-spacing: -1px;
	font-weight: normal;
	font-family: arial, verdana;
	border-bottom: 1px solid #777;
}

#menucont
{
	width: 720px;
	height: 80px;
	background: #4169E1;
	border-bottom: 0px solid #A6DD00;
}


#menucont ul
{
	margin: 0;
	padding: 0px 0 0 22px;
	list-style-type: none;
}

#menucont ul li
{
	display: inline;
}

#menucont ul li a
{
	float: left;
	padding: 30px 15px;
	margin: 0 10px 0 0;
	background: #4169E1;
	color: #E7FF9B;
	border: 2px solid #4169E1;
	text-decoration: none;
}

#menucont ul li a.active
{
	color: #FFF;
	text-decoration: none;
	border: 2px solid #7EA800;
	background: #9966FF;
}

#menucont ul li a:hover
{
	background: #6495ED;
	color: #FFF;
	text-decoration: none;
	border: 2px solid #87CEEB;
}#footercont
{
	width: 690px;
	height: 70px;
	background: #4169E1 repeat-x;
	color: #E8FF9F;
	border-top: 0px solid #9933FF;
	letter-spacing: -1px;
margin: -10px 0px 0px 0px;
	padding: 0px 15px 10px 15px;
}


