/*menu */
#menu {
	
background: #333;
float: left;
list-style: none;	
margin: 0;
padding: 0;
width: 100%;
}


#menu li {
	
float: left;
font: 120% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
margin: 0;
padding: 0;
}


#menu a {
	
background: #333 url("img/seperator.gif") bottom right no-repeat;
color: #ccc;
display: block;
float: left;
margin: 0;
padding: 8px 12px;
text-decoration: none;
font-weight:normal;

}



#menu li .selected {

background: #2580a2 url("img/hover.gif") bottom center no-repeat;
color: #fff;
display: block;
float: left;
margin: 0;
padding: 8px 12px;
text-decoration: none;
font-weight:normal;

}

#menu a:hover {
	
background: #2580a2 url("img/hover.gif") bottom center no-repeat;
color: #fff;
padding-bottom: 8px;
	}





/*body*/

html,body{margin:0;padding:0}

body{
font: 76% arial,sans-serif;
text-align:center}

p{
margin:0 10px 10px}

a {
color: #000;
padding:0px;
}

div#header h1{
height:100px;
line-height:100px;
margin:0;
text-align:center;
background: #2580a2;
color: #fff;
}

div#header h1 a{

text-decoration: none;
}

div#container{
width:750px;
margin:0 auto;
border: 1px solid;
text-align:left;}

div#content p{
line-height:1.4em;
}

div#navigation{
background:#FF3300;
color:#fff;
font-size:  1.2em;
float:right;
width:370px;
}


div#navigation a {

color:#000;

}

div#extra{
float:left;
width:370px;
font-size:  1.1em;
background:#EEE}

div#navigation .news h3{

padding:5px 0 0 10px;
}

div#navigation .news a {

padding:10px 0 5px 0;
}

div#extra .details h3{
padding:5px 0 0 25px;
}

div#footer{
clear:both;
width:100%;
text-align:center;
background: #333;
color: #FFF}

div#footer p{
margin:0;
padding:5px 10px}