@CHARSET "UTF-8";

body {
	background: #d0d0d4;
}

#navigation 
{
	clear:both;
	height:28px;
	margin: 0px 0px 0px 12px;
	padding:0 0px;
	width:100%;
	font-size:1.1em;
	border: 0px solid red;
	background: #32466C;
}

#navigation a:link,
#navigation a:visited 
{
	color:#B3C7EB;
	height:24px;
	padding-left:10px;
	padding-right:5px;
	padding-top: 2px;
	text-decoration:none;
	border:none;
}

#navigation a:link,
#navigation a:link span,
#navigation a:visited,
#navigation a:visited span 
{
	cursor:hand;
	display: block;
	float: left;
	border:none;
}

#navigation li 
{
	
	line-height:30px;
	float:left;
	list-style:none;
}

#navigation a:hover 
{
	height:27px;
	text-decoration:none;
	border:none;
	background: #d0d0d4;
	color: #32466C;
}

#navigation .current_page_item a:link,
#navigation .current_page_item a:visited 
{
	background:#FFF;
	color:#B3C7EB;
	height:27px;
	line-height:28px;
	margin-right:0px;
	padding-left:5px;
	padding-right: 5px;
	
	text-decoration:none;
	border:none;
}

#navigation .current_page_item a:hover 
{
	background:#FFF;
	color:#AAC8E0;
	height:27px;
	text-decoration:none;
	border:none;
}

#navigation ul 
{
	list-style:none;
	margin:0;
	padding:0;
}

#sidebar 
{
	display:inline;
	float:right;
	padding-top:5px;
	width:25%;
	margin:5px 0px 20px 0;
	padding-left:20px;
	border-left:#ddd 1px dashed;
	font-size:90%;
}

#sidebar ul
{
list-style: none;
}
#sidebar ul#feed li 
{
	list-style:none;
	margin:0;
	padding:5px 20px;
	background:url(images/feed-icon.png) no-repeat left ;
}
#sidebar h2 
{
	border-bottom:#eed 3px double;
	font-size:18px;
	color:#5779b8;
	letter-spacing:0;
	margin:0;
	padding:5px 0;
}
#sidebar p 
{
	margin:10px 0;
}

#sidebar ul, #sidebar form 
{
	margin:2px 0;
	padding:5px 10px;
}
#sidebar ul ul ul 
{
	margin:2px 0;
	padding:0 0 0 10px;
}
#sidebar li.sidebox 
{
	margin:0 0 2em 0;
	padding:0;
}
#sidebar li{
margin:3px 0;
line-height:1.8em;
list-style:none;
}

#sidebar ul li a {
color:#516F86;
}

#container {
	margin:0pt auto;
	max-width:1200px;
	min-width: 200px;
	text-align:left;
	border: 0px solid red;
	padding: 0 20px 5px 5px;
}


.heading .content, .heading .leftMargin, .footer .content, .footer .leftMargin
	{
		background: transparent url(../images/header_background.png) no-repeat scroll;
	}

.footer {
	width: 100%;
	height: 20px;
	float: left;
	margin: 0px auto 0px 12px;
	position: relative;
	z-index: 1;	
	border: 0px solid black;	
}

.footer .content {
	background-position: bottom right;	
}
	
.heading {
	width: 100%;
	height: 35px;
	float: left;
	margin: 0px auto 0px 12px;
	position: relative;
	z-index: 1;	
	border-position: top right;
}

.heading .leftMargin
{
	background-position: top left;
	position: absolute;
	height: 100%;
	left: 10px;
	top: 0px;
	width: 10px;
	margin-left: -10px;
	border: 0px solid black;
}

.footer .leftMargin
{
	background-position: left bottom;
	position: absolute;
	height: 100%;
	left: 10px;
	top: 0px;
	width: 10px;
	margin-left: -10px;
	border: 0px solid black;
}

.content
{
	border:0px solid red;
	font-family:seref,verdana,monospace;
	font-size:0.8em;
	padding:3px 12px 0px 15px;
	position:relative;
}	
#main #content {
	float:left;
	max-width:70%;
}

#main {
	background:#FFFFFF none repeat scroll 0% 0%;
	border:0px solid red;
	float:left;
	margin:-1px auto 0px 12px;
	width:100%;
	
}

.content em {
	font-weight: bold;
}

h1 { 
	margin: 10px 0px 10px 0px;
	
	color: #5779b8;
	font: weight: bold;
}

#form {
	
	width: 400px;
	border: 2px dashed #5779b8;
	padding: 15px;
}

#form input {
	position: relative;
	float: right;
}

#form label {
	position: relative;
	border: 0px solid black;
	font-weight: bold;
	float: left;

}

.formElement {
	clear: both;
	text-align: left;
	border: 0px solid red;
	margin: 5px 0px 5px 0px;
	padding: 5px;
}

.error
	{
		color: red;
		font-weight: bold;
	}
#form select {
	width: 162px;
	float: right;
}

#form h2 {
	margin: 10px 0px 10px 5px;
	color:#5779b8;
	font-weight: bold;
}

#form textarea {
		width: 400px;
	}

div#loginBox { height: 30px; z-index: 1; position: relative;  float: right; margin-top: -30px; margin-right: 5px;}
		#loginBox input { background: white; width: 50px; height: 15px; padding: 0px;}
		#loginBox #password, #username { margin-left: 5px; font-family: seref, verdana, monospace; font-size: .7em; color: white; font-weight: bold; float: left;}
		#loginBox #loginBoxButton { margin: 2px 0px 0px 4px;}
		#loginBox a { font-family: Arial, Helvetica, sans-serif; font-size: .70em; color: #FFFFFF; font-weight: bold; text-decoration: none; }
		#loginBox a:hover { color: #000000; text-decoration: underline;}

ul#sbGames { border: 0px solid red;}
	#sbGames li { color: #516F86; margin: 0px; line-height: 1.3em;}
	#sbGames li span.sbTeams {  }
	#sbGames li span.sbScoreDate { margin: 0px 0px 0px 10px;  }