
body {
color:#666666;

font-family:Verdana,sans-serif;
font-size:62.5%;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
height:100%;
line-height:1.5;
	background:#CCCCCC url(images/carbonfiber_background.gif) repeat scroll;
	color: #333; margin: 50px 0;

}

#container

{
width:720px;
background:#ffffff;
margin: 0 auto;
padding: 10px;
}

a:link, a:visited {
color:#0099FF;
text-decoration:none;
}
a:hover, a:active {
color:#000000 !important;
}


h3 {
color:#999999;
font-family:Arial,sans-serif;
font-size:1.1em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:1em;
}
h2 {
color:#666666;
font-family:Arial,sans-serif;
font-size:1.7em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:1em;
}

.gfx a {
	/*background: no-repeat; display: block; height: 240px;*/
}

.form {
float: right; 
width: 191px;
background:#F0F0F0;
margin-left: 6px;
}

/* header */
.header {
	background: #FFF;
	border-bottom: 1px solid #E5E5E5;
	font:  20px Arial;
	line-height: 1.5em;
}
.player {
position: absolute;
top: 0px;
right: 0px;
}

/* main */
.main {
	background: #FFF; 
	border: 3px double #EEE; 
	border-color: #E4E4E4 #CFCFCF #CCC #CFCFCF; 
	margin: 0px auto 0px auto; 
	text-align: left;
	width: 764px; 
}
.container {
	margin-left: 10px;
	margin-right: 10px;
		margin-bottom: 10px;
}
.sites {
background: #686868;
text-align:center;
width: 575px;
padding: 4px;
}
.recentbox {
float: right;
width: 200px;
background: #f3f3f3 url(img/recent.jpg) no-repeat;
margin: 4px;
margin-top: 25px;
margin-bottom: 10px;
}
.boxfooter {
position:relative;
bottom: 0;
}
.currentbox {
float: right;
width: 200px;
background: #f3f3f3 url(img/current.jpg) no-repeat;
margin: 4px;
margin-top: 25px;
margin-bottom: 10px;
}

.rightboxcontent {
padding-left: 5px;
padding-right: 5px;
padding-top: 25px;
}
/* menu */
.menu a {
	background: #EEE;
	border-right: 1px solid #CECECE;
	border-top: 1px solid #E5E5E5;
	color: #888;
	float: left;
	padding-top: 4px;
	width: 149px; height: 36px;
}
.menu a span {
	padding-left: 6px;
}
.menu a:hover {
	background: #EEE url(img/bgmenu.gif) repeat-x;
	color: #555;
}
.menu a#last {
	width: 150px;
	border-right: none;
}

/* content */
.content {
	background: #F5F5F5;
	border-top: 1px solid #E5E5E5;
	clear: both;
}
.content h1 {
	margin: 0;
	font: bold 1.0em sans-serif,Arial;
	color: #666;
}
.content p {
	margin: 3px 0 6px; 
	color: #666;
}
.item {
	background: #FCFCFC url(img/bgitem.gif) repeat-x;
	padding-top: 6px;
}

/* footer */
.footer {
	padding: 5px;
	background: #F5F5F5;
	color: #666;
}

.footer .left, .footer .right {padding: 0 12px;}

/* floats */
.left {float: left;}
.right {float: right;}
.clearer {clear: both;}

.search { 
	color: #333;
	text-align: left; font: normal 9px sans-serif,Arial;
}

img {
border: 0px;
}
