/* General Structure and Styles
--------------------------------------------------------------------------------------------- */
H1 {font-family: Arial; font-size: 12pt; color: white; text-align:
center}

body {
	background: url(images/bg-body.gif) repeat-y top center;
	margin: 0;
	padding: 0 4px 0 0;
}
#wrapper {
	background-color: #000;
	border-left: 1px solid #cbe0f5;
	border-right: 1px solid #cbe0f5;
	height: 100%;
	margin: 0 auto;
	padding: 0 18px;
	width: 748px;
}
.clear {
	clear: both;
	height: 0px;
	margin: 0;
	overflow: hidden;
	padding: 0;
	width: 0px;
}
a, a:hover, a:active {
	color: #57a8e0;
}
a img { border: none; }
p, ul, h1, h2, h3, h4, h5, h6 { margin-top: 0; }


/* Header
--------------------------------------------------------------------------------------------- */
#header { height: 220px; }
#logo { float: left; height: 76px; }
#logo img { display: block; }
#headlinks { float: right; height: 76px; }
#headlinks ul {
	font: 11px Arial, Helvetica, sans-serif;
	list-style: none;
	margin: 10px 0 0;
	padding: 0;
}
#headlinks li {
	border-right: 1px solid #fff;
	float: left;
	padding: 0 5px;
}
#headlinks li.last { border: none; }
#headlinks li a { color: #fff; text-decoration: none; }
#headlinks li a:hover { text-decoration: underline; }


/* Navigation Menu
--------------------------------------------------------------------------------------------- */
#nav {
	clear: both;
	height: 34px;
	margin: 0 0 4px;
}
#nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#nav li {
	background-position: top left;
	background-repeat: no-repeat;
	display: block;
	float: left;
	height: 34px;
	margin: 0 2px 0 0;
	width: 123px;
}
#nav li.last { margin: 0; }
#nav li.purple { background-image: url(images/nav-purple.gif); }
#nav li.blue { background-image: url(images/nav-blue.gif); }
#nav li.green { background-image: url(images/nav-green.gif); }
#nav li.yellow { background-image: url(images/nav-yellow.gif); }
#nav li.orange { background-image: url(images/nav-orange.gif); }
#nav li.red { background-image: url(images/nav-red.gif); }
#nav li a {
	color: #fff;
	font: bold 12px/34px Arial, Helvetica, sans-serif;
	display: block;
	height: 34px;
	text-align: center;
	text-decoration: none;
	width: 123px;
}
#nav li a img {
	margin: 13px 2px 13px 0;
	height: 7px;
	vertical-align: middle;
	width: 8px;
}


/* Leaderboard Ads
--------------------------------------------------------------------------------------------- */
#banner {
	clear: both;
	height: 100px;
	margin: 0 0 5px;
}
#banner div.box {
	float: left;
	background-color: #3a434c;
	border-top: 1px solid #858585;
	border-bottom: 1px solid #858585;
	height: 90px;
	padding: 4px 0;
	text-align: center;
	width: 736px;
}
#banner span {
	display: block;
	float: left;
	height: 100px;
	width: 6px;
}
#banner span.left { background: url(images/banner-left.gif) no-repeat top left; }
#banner span.right { background: url(images/banner-right.gif) no-repeat top right; }


/* Mainbody
--------------------------------------------------------------------------------------------- */
#mainbody {
	clear: both;
}
#content {
	width: 100%;
}

/* Home Page Main Links
--------------------------------------------------------------------------------------------- */
#mainlinks {
	background-color: #1e2125;
	border: 1px solid #717171;
	color: #8a8989;
	float: left;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	margin: 0 6px 6px 0;
	padding: 1px 0;
	width: 492px;
}
#mainlinks div.left {
	border-right: 1px solid #3b4149;
	float: left;
	width: 245px;
}
#mainlinks div.right {
	border-left: 1px solid #060708;
	float: left;
	width: 245px;
}
#mainlinks div.ad {
	padding: 6px 0 6px 1px !important;
	width: 240px !important;
}
#mainlinks div.box {
	border-bottom: 1px dotted #556376;
	margin: 0 2px;
	overflow: hidden;
	padding: 6px 4px;
	width: 233px;
}
#mainlinks div.box2 {
	border-bottom: 1px dotted #556376;
	margin: 0 2px;
	overflow: hidden;
	padding: 6px 4px;
	width: 490px;
}
#mainlinks div.box a:hover {
	text-decoration: none;
}
#mainlinks div.box h2 {
	font-size: 11px;
	margin: 0 0 3px;
}
#mainlinks p {
	margin: 0 0 5px;
}
#mainlinks p.view {
	font: 11px Arial, Helvetica, sans-serif;
	margin: 0;
	text-align: right;
}
#mainlinks p.view a {
	color: #fff;
	text-decoration: none;
}
#mainlinks p.view a:hover {
	text-decoration: underline;
}
#mainlinks div.last {
	border: none;
}


/* Sidebox Links
--------------------------------------------------------------------------------------------- */
div.sidebox {
	background-color: #1e2125;
	float: left;
	font: 12px Arial, Helvetica, sans-serif;
	margin: 0 0 6px;
	width: 248px;
}
div.sidebox h2 {
	background: url(images/sidebox-header.gif) no-repeat top left;
	color: #57a8e0;
	font-size: 12px;
	line-height: 23px;
	margin: 0 0 2px;
	padding-left: 22px;
}
div.sidebox ul {
	border: 1px solid #717171;
	list-style: none;
	margin: 0;
	padding: 2px 4px 2px 30px;
}
div.sidebox li {
	border-bottom: 1px dotted #556376;
	padding: 0 0 0 3px;
}
div.sidebox li.last {
	border: none;
}
div.sidebox li a {
	background: url(images/sidebox-arrow.gif) no-repeat left center;
	color: #fff;
	font-size: 11px;
	line-height: 22px;
	padding: 0 0 0 13px;
	text-decoration: none;
}
div.sidebox li a:hover {
	text-decoration: underline;
}


/* Bottom Banner Ad
--------------------------------------------------------------------------------------------- */
#banner2 {
	background-color: #1e2125;
	border: 1px solid #717171;
	clear: both;
	margin: 0 0 6px;
	padding: 8px 9px;
	text-align: center;
	width: 728px;
}


/* Footer
--------------------------------------------------------------------------------------------- */
#footer {
	background-color: #1e2125;
	border: 1px solid #717171;
	height: 38px;
	padding: 0 10px;
}
#footer p {
	color: #c7e0f1;
	font: 11px Arial, Helvetica, sans-serif;
	line-height: 38px;
	margin: 0;
}
#footer p.left {
	float: left;	
}
#footer p.right {
	float: right;
}

/* Other
--------------------------------------------------------------------------------------------- */
.maintext, .maintextgen {
	color: #57a8e0;
}