body {
	margin: 	0px;
	background: #0052a4 url('/images/background.png') repeat-x scroll top left;
	color: 		#CCC;
	font: 		100.1% "Trebuchet MS"
}

a 		{ color: #006add;	text-decoration: none }
a:hover { text-decoration: underline }

img 	{ border: none }

#container {
	margin-left: 	auto;
	margin-right: 	auto;
	width:			900px;
	border:			1px solid #000
}

	#banner { height: 326px; width: 900px; background: url('/images/banner.png') no-repeat;}

	#main {
		width: 			896px;
		background: 	#000 url('/images/content_bg.png') no-repeat scroll bottom left;
		
		border-left: 	2px solid #FFF;
		border-bottom: 	2px solid #FFF;
		border-right: 	2px solid #FFF
	}

	#leftcol {
		width: 		200px;
		min-height: 637px;
		float: 		left
	}

		#badges { width: 100%; margin: 10px 10px auto 10px }
		.badges_l { width: 50%; float: left  }
		.badges_r { width: 50%; float: right }


	#rightcol {
		width:		686px;
		min-height: 654px;
		padding: 	4px;
		float:		right;
		
		
		border-top: 	2px solid #FFF;
		border-left: 	2px solid #FFF
	}



.clearing { clear: both }

#copyright {
	margin-left: auto;
	margin-right: auto;
	color: #333;
	margin-bottom: 20px;
	text-align: center;
	font-size: 0.7em;
	font-variant: small-caps;
}

/*-----------------------------------------------------------------------------------navigation*/
#nav {
	height: 27px;
	margin-left: -2px;
	margin-right: -2px;
	
	background-color: #000;
	border-bottom: 2px solid #FFF;
}

#nav a {
	height: 25px;
	display:block;
	float: left;
	text-decoration: none;
}

#nav a#nav_news 	{ width:58px;	background: url('/images/nav_news.png') no-repeat;	 }
#nav a#nav_roster 	{ width:66px;	background: url('/images/nav_roster.png') no-repeat;	 }
#nav a#nav_matches 	{ width:78px;	background: url('/images/nav_matches.png') no-repeat; }

#nav a:hover {	background-position: 0 -25px !important; }



#last-five {
	width: 100%;
	height: 15px;
	background: url('/images/last_five.png') no-repeat center;
}
#upcoming-matches {
	width: 100%;
	height: 17px;
	background: url('/images/upcoming_matches.png') no-repeat center;
}


#copyright {
	margin-left: auto;
	margin-right: auto;
	color: #333;
	margin-bottom: 20px;
}

/*-----------------------------------------------------------------------------------side panel*/
.box {
	font-size: 0.75em;
	padding: 0 14px 9px 14px;
	border-bottom: 2px solid #FFF;
}

.boxitem-left {
	padding-top: 3px;
	float:left;
	width: 70%;
}
.boxitem-right {
	padding-top: 3px;
	float:left;
	width: 30%;
	text-align: right;
}

.win { color: #00FF00; }
.loss { color: #FF0000; }


/*-----------------------------------------------------------------------------------news*/
.newspost {
	padding: 4px 14px 14px 14px;
}
.news-heading {
	width: 90%;
	float: left;
	
	font-size: 1.05em;
	color: #006add;
}
.news-date {
	width: 10%;
	float: right;
	
	font-style: italic;
	font-size: 0.89em;
}
.news-poster {
	background: url('/images/news_seperator.png') no-repeat 5px 50%;
	
	text-indent: 60px;
	font-size: 0.7em;
}
.news-content { font-size: 0.8em; }



/*-----------------------------------------------------------------------------------admin*/
.input {
	border: 1px solid #006add;
	background-color: #000;
	color: #FFF;
	width: 100px;
	padding: 3px;
	height: 16px;
}

legend {
	color: #FFF;
	font-variant:small-caps;
	font-size: 0.8em;
}
fieldset.login {
	border: 1px solid #333;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	padding: 20px;
	width: 208px;
}
fieldset.news {
	border: 1px solid #333;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	padding: 20px;
	width: 550px;
}

.newsinput {
	border: 1px solid #006add;
	background-color: #000;
	color: #FFF;
	width: 500px;
	padding: 3px;
	height: 16px;
}
textarea{
	margin-top: 5px;
	margin-bottom: 5px;
	border: 1px solid #006add;
	background-color: #000;
	color: #FFF;
	width: 500px;
	padding: 3px;
	height: 200px;
}
.login-left {
	width: 100px;
	float: left;
	margin: 2px;
}
.login-right {
	width: 100px;
	float: right;
	margin: 2px;
}

.admin-head {
	float: left;
	width: 50%;
	font-variant: small-caps;
	font-size: 0.8em;
	padding: 10px;
}
.admin-logout {
	float:right;
	font-variant: small-caps;
	font-size: 0.8em;
	padding: 10px;
}

ul { list-style-type: none; }



.admin-news {
	margin-left: auto;
	margin-right: auto;
	width: 90%;
	padding-top: 10px;
	font-size: 0.7em;
	}
	
.admin-news TD {
	border-bottom: 1px solid #333;
	padding: 2px;
}



/*-----------------------------------------------------------------------------------roster*/


.roster {
	padding: 20px;
}

.class-bg {
	padding: 0px;
	margin-right: 20px;
	width: 200px;
	height: 132px;
	float: left;
}


.class-1 {
	width: 100px;
	float:left;
}
.class-2 {
	width: 100px;
	height: 70px;
	margin-top: 62px;
	float:right;
}

.roster-details {
	margin: 0px;
	width: 400px;
	float: right;
}

.roster-l {
	padding: 0px;
	width: 50%;
	float: left;
	font-size: 0.7em;
	color: #333;
	font-style:italic;
	 border-bottom: 1px dotted #333;
}
.roster-r {
	margin-left: -5px;
	padding: 0px;
	width: 50%;
	float: right;
	font-size: 0.7em;
	text-align: right;
	border-bottom: 1px dotted #333;
}
.admin { color: #006add; }

fieldset.addroster {
	border: 1px solid #333;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	padding: 20px;
	width: 500px;
}


.rosterinput {
	border: 1px solid #006add;
	background-color: #000;
	color: #FFF;
	width: 100px;
	padding: 3px;
	height: 16px;
}
SELECT {
	border: 1px solid #006add;
	background-color: #000;
	color: #FFF;
	width: 107px;
	padding: 3px;
	height: 25px;
}
.addroster DIV.roster-r, .addroster DIV.roster-l {
	line-height: 30px !important;
}