* 
{
	margin: 0;
	padding: 0;
}

a
{
	color: #BBB;
	text-decoration: none;
}

a:visited
{
	color: #BBB;
	text-decoration: none;
	outline: none;
}

body 
{
	background: #000 ;
	color: #EEE;
	margin: 20px 0;
	text-align: center;
	font-family: arial, helvetica, verdana, sans-serif; 
    font-size: 1.0em;
}

ul 
{
	margin: 12px 0;
}

li 
{
	margin-left: 18px;
}

.main 
{
	background: #000;
	border: 3px double;
	border-color: #222;
	margin: 20px auto 4px auto;
	text-align: left;
	width: 600px; 
}

.logoname
{
    margin 0;
    padding: 0;
	float: left; 
	height=240px; 
	position: relative; 
	top: 100px;
    left: 40px;
}

.logo
{
	background: #000;
	height: 280px;
}

.logo img 
{
	padding: 20px 20px;
	float: right;
	height=240px;
}


.menu a 
{
	background: #000 repeat-x;
	border-right: 1px solid;
	border-top: 1px solid;
	border-color: #222;
	color: #CCC;
	font-size: 1.2em;
	float: left;
	padding-top: 4px;
	width: 149px; height: 36px;
}

.menu a span 
{
	padding-left: 6px;
}

.menu a:hover
{
	background-color: #333;
}

.menu a#last 
{
	width: 150px;
	border-right: none;
	border-color: #222;
}

.content 
{
	border-top: 1px solid;
	border-color: #222;
	background-color: #000;
	clear: both;
}

.content h1 
{
	margin: 0 0 4px;
	font-family: arial, helvetica, verdana, sans-serif; 
    font-size: 1.2em;
	color: #DDD;
}

.content p 
{
	margin: 0 0 12px;
}

.item 
{
	background-color: #000;
	padding: 8px 10px;
}

IMG.centered 
{
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.footer 
{
	padding: 5px;
	background-color: #000;
	font-family: arial, helvetica, verdana, sans-serif; 
    font-size: 0.4em;
	color: #AAA;
	text-align: center;
} 

p.centered 
{
	text-align: center;
}

.caption
{
    padding: 5px;
	font-family: arial, helvetica, verdana, sans-serif; 
    font-size: 0.4em;
    text-align: center;
}