html,body{margin:0;padding:0}
body{font: 76% Trebuchet, Verdana, sans-serif ;
background-color: #F9F9F9;
color: #444;
text-decoration: none;
word-spacing: normal;
text-align: center;
letter-spacing: 0;
line-height: 1.5em;
background-image:url(../images/play.gif);
background-repeat:repeat-x;
}
a{display:block;color: #999;padding:10px}
div#header{position:relative;height:150px;background-image:url(../images/logotype.png);
	background-repeat:no-repeat;
	background-position:0px 65px;}
div#header h1{height:80px;line-height:80px;margin:0;
padding-left:10px;background: #EEE;color: #79B30B}
div#header a{position:absolute;right:0;top:23px}
div#container{text-align:left;}
div#newsart{}
div#extra{}
div#footer{color: #333;background-image:url(../images/footer.gif);height:300px;
background-repeat:repeat-x;background-color:#666;border:1 px solid #333;padding-top:6px;}
div#footer p{margin:0;padding:15px 10px;text-align:center;}
div#footer a{display:inline;padding:0;color: #C6D5FD}

div#container{width:800px;margin:0 auto;}
div#content{float:left;width:483px;}
div#newsart{float:right;width:230px;margin-top:2.9em;margin-bottom:50px;;}
div#extra{clear:both;width:100%}
#content {
	text-align:left;
	position:relative;
	padding:0 30px 0 30px;
	margin:0;
	margin-bottom:25px;
	font-size:0.9em;
	line-height:1.4em;
	}
#content a {
	color:#C60;
	text-decoration:none;
	border:none;
	}
	#content a:visited {
	color:#C60;
	text-decoration:none;
	}
#content a:active {
	color:#C60;
	text-decoration:none;
	}
#content a:hover {
	color:#C00;
	text-decoration:none;
	}
		#content p {
	margin: 5px 0px 15px 0px;
	}
		#content h1 {
	font-family:Arial, verdana, sans-serif;
	font-size:1.5em;
	line-height:1.6em;
	margin-bottom:0px;
	color:#333;
	}
			#content h2 {
	font-size:1.1em;
	font-family:Arial, verdana, sans-serif;
	line-height:1.6em;
	margin: 15px 0 0 0px;
	color:#333;
	}

	#content h3 {
	font-size:0.8em;
	font-weight:normal;
	margin:0;
	padding-top:15px;
	color:#999;
	text-align:left;
	}
	#content ul {
	padding-left: 30px;
	}
	#content li {
	margin: 10px 3px 0px 0px;
	list-style-type:square;
	}
	.news p{
	padding:0px;
	font-size:smaller;	
	line-height:1.4em;
	}
	.news h4
	{
	font-family:Arial, Verdana, sans-serif;
	font-weight:bold;
	font-size:1.0em;
	line-height:1.3em;;
	margin:12px 0 2px 0;
	}
	.news em{
	font-size:smaller;
	color:#999;
	}
	
	/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/basic_dd.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* remove the bullets, padding and margins from the lists */
.menu{
width:800px;
margin-left:auto;
margin-right:auto;
padding-left:-2px;
}
.menu ul{
list-style-type:none;
padding:0;
margin:0;
}
/* make the top level links horizontal and position relative so that we can position the sub level */
.menu li{
float:left;
position:relative;
z-index:100;
}

/* use the table to position the dropdown list */
.menu table{
position:absolute;
border-collapse:collapse;
z-index:80;
left:-1px;
top:25px;
}

/* style all the links */
.menu a, .menu :visited {
display:block;
font-size:11px;
width:145px;
font-weight:bold;
background-color:#999;

padding:7px 3px;
color:#FFF;
border:0px solid #999;
text-decoration:none;
text-transform:uppercase;
margin-right:1px;
text-align:center;
font-family:Georgia;
}
/* style the links hover */
.menu :hover{
color:#444;
background-color:#999;
}

/* hide the sub level links */
.menu ul ul {
visibility:hidden;
position:absolute;
width:145px;
height:0;

}
/* make the sub level visible on hover list or link */
.menu ul li:hover ul,
.menu ul a:hover ul{
visibility:visible;
}