body { font: 12px Arial; background: #efefef url("../images/background.jpg") repeat-x top center; }

.clear { clear: both; }
.left { float: left; }
.right { float: right; }

div#crownAd { width: 974px; height: 64px; background: url("../images/crown.jpg") no-repeat top left; margin: auto; text-align: center; }
	div#crownAd a img { width: 963px; height: 62px; }
	
div#header { width: 974px; height: 152px; margin: 0 auto 32px auto; position: relative; border-bottom: 1px solid #fff; }
	div#header h1 a { float: left; text-indent: -999em; width: 383px; height: 151px; display: block; background: url("../images/logo.jpg") no-repeat top right; }
	div#header ul#socialMedia { display: block; position: absolute; z-index: 10; right: 0px; top: 17px; }
		div#header ul#socialMedia li { float: left; margin: 0 0 0 12px; display: block; width: 32px; height: 32px; }
			div#header ul#socialMedia li a { display: block; width: 32px; height: 32px; text-indent: -999em; }
			div#header ul#socialMedia li#myspace a { background: url("../images/icons/myspace.png") no-repeat; }
			div#header ul#socialMedia li#facebook a { background: url("../images/icons/facebook.png") no-repeat; }
			div#header ul#socialMedia li#flickr a { background: url("../images/icons/flickr.png") no-repeat; }
			div#header ul#socialMedia li#youtube a { background: url("../images/icons/youtube.png") no-repeat; }
			div#header ul#socialMedia li#twitter a { background: url("../images/icons/twitter.png") no-repeat; }
			div#header ul#socialMedia li#irc a { background: url("../images/icons/irc.png") no-repeat; }
			div#header ul#socialMedia li#rss a { background: url("../images/icons/rss.png") no-repeat; }
			div#header ul#socialMedia li a:hover { background-position: bottom !important; }
		
	div#header ul#navigation { display: block; float: left; width: 591px; height: 91px; background: url("../images/navigation.jpg") no-repeat; padding: 60px 0 0 0; text-align: center; }
		div#header ul#navigation li { line-height: 40px; margin: 0 0 0 30px; display: inline; }
		div#header ul#navigation li.first { margin-left: 30px; }
			div#header ul#navigation li a { text-transform: uppercase; color: #fff; text-decoration: none; }
			div#header ul#navigation li#live a { color: #b63132; font-weight: bold; }

div#wrapper { width: 974px; margin: auto; }

ul.sliderIndex { position: absolute; bottom: 30px; right: 30px; z-index: 10; border: 1px solid #b9c2c9; background: #edecea url('../img/slide-map.gif') repeat-x; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
	ul.sliderIndex li { float: left; padding-bottom: 2px; }
	ul.sliderIndex a { display: block; padding: 3px 10px 1px; text-decoration: none; color: #ee3625; float: left; border-right: 1px solid #cecdcb; font-size: 12px; }
	ul.sliderIndex a:last-child { border-right: none; -moz-border-radius-bottomright: 2px; }
	ul.sliderIndex a.activeSlide { background: #fff url('../images/slide_index.gif') repeat-x; color: #000; -moz-border-radius-bottomleft: 2px; }


div#bigSlider { height: 226px; width: 641px; float: left; position: relative; margin: 0 0 18px 0; }

div#bigSlider ul.images { }
	div#bigSlider ul.images li { display: block; height: 226px; width: 641px; }
		div#bigSlider ul.images li h2 { z-index: 1; display: block; position: absolute; background: transparent url("../images/big_slider_overlay.png") no-repeat; width: 410px; height: 57px; padding: 0 12px 0 12px; top: 10px; left: 10px; line-height: 40px; color: #444; font-size: 14px; font-weight: normal; }
		div#bigSlider ul.images li em { z-index: 1; display: block; position: absolute; padding: 0 12px 0 12px; left: 10px; bottom: 159px; line-height: 45px; font-style: normal; color: #6d6d6d; }
		div#bigSlider ul.images li em a, div#bigSlider ul.images li h2 a { text-decoration: none; color: inherit; }
		div#bigSlider ul.images li a.img { position: relative; display: block; width: 641px; height: 226px; text-indent: -999em; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }

div#smallSlider { height: 226px; width: 308px; float: right; position: relative; margin: 0 0 18px 0; }

div#smallSlider ul.images { }
	div#smallSlider ul.images li { display: block; height: 226px; width: 308px; }
		div#smallSlider ul.images li h2 { z-index: 1; display: block; position: absolute; background: transparent url("../images/small_slider_overlay.png") no-repeat; width: 190px; height: 57px; padding: 0 12px 0 12px; top: 10px; left: 10px; line-height: 40px; color: #444; font-size: 14px; font-weight: normal; }
		div#smallSlider ul.images li em { z-index: 1; display: block; position: absolute; padding: 0 12px 0 12px; left: 10px; bottom: 159px; line-height: 45px; font-style: normal; color: #6d6d6d; }
		div#smallSlider ul.images li em a, div#smallSlider ul.images li h2 a { text-decoration: none; color: inherit; }
		div#smallSlider ul.images li a.img { position: relative; display: block; width: 308px; height: 226px; text-indent: -999em; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }

ul#upperSponsors { clear: both; margin: 0 0 18px 0; }

ul.box { width: 268px; height: 212px; padding: 14px 22px 0 18px; margin: 0 25px 18px 0; background: url("../images/box.png") no-repeat; }
	ul.box li { line-height: 20px; margin: 8px 0 0 0; padding: 0 0 5px 0; border-bottom: 1px solid #d9d9d9; }
	ul.box li.title { color: #454545; font-weight: normal; font-size: 14px; border-bottom: 1px solid black; line-height: 16px; padding: 0; margin: 8px 0 15px 0; }
	ul.box li.last { border: none; }
	ul.box li.more { border: none; padding: 0; text-align: right; }
		ul.box li a { text-decoration: none; color: #b63132; }
		ul.box li.more a { text-transform: lowercase; }
		ul.box li em { float: right; }
		
div.sponsorBox { line-height: 226px; width: 308px; height: 226px; text-align: center; background: url("../images/box.png") no-repeat; }
	div.sponsorBox a img { vertical-align: middle; }
	
dl.box { width: 268px; height: 212px; padding: 14px 22px 0 18px; margin: 0 25px 18px 0; background: url("../images/box.png") no-repeat; }
	dl.box dt { color: #b63132; font-weight: bold; line-height: 20px; margin: 8px 0 0 0; }
		dl.box dt a { color: #b63132; text-decoration: none; }
	dl.box dt.title { color: #454545; font-weight: normal; font-size: 14px; border-bottom: 1px solid black; line-height: 16px; }
	dl.box dd { color: #6e6e6e; line-height: 18px; }
	dl.box dd.first { border-bottom: 1px solid #d9d9d9; padding: 0 0 8px 0; }
		dl.box dd a { text-transform: lowercase; text-decoration: none; color: #b63132; }

div.box { width: 268px; height: 212px; padding: 14px 22px 0 18px; margin: 0 25px 18px 0; background: url("../images/box.png") no-repeat; color: #595959; }
	div.box h2 { font: normal 14px Arial; color: #454545; margin: 0 0 15px 0; line-height: 16px; border-bottom: 1px solid #000; }
	div.box p { line-height: 18px; }
	
	div.box input { width: 253px; height: 26px; line-height: 12px; padding: 10px 14px 0 14px; border: none; background: #e5e5e5; font-size: 12px; vertical-align: middle; margin: 10px 0 0 0; }
	div.box input#login { width: 80px; padding: 0; float: right; }
	div.box label { display: none; }

ul.sponsorRow { }
	ul.sponsorRow li { display: block; width: 308px; float: left; margin: 0 25px 18px 0; height: 90px; display: block; background: url("../images/sponsor.png") no-repeat; text-align: center; line-height: 90px; }
	ul.sponsorRow li.last { margin: 0 0 18px 0; float: right; }
		ul.sponsorRow li a img { vertical-align: middle; }
	
div#footer { clear: both; background: #131313; height: 44px; width: 956px; margin: 0 0 18px 0; position: relative; color: #fff; line-height: 44px; padding: 0 0 0 18px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;  }
	div#footer strong { font-weight: normal; color: #ff5b5a; }
	div#footer a#developer { text-indent: -999em; display: block; position: absolute; right: 15px; top: 0; width: 94px; height: 44px; background: url("../images/developer.png") no-repeat center center; }

div.body_top { background: url("../images/body_top.jpg") no-repeat; width: 636px; height: 18px; margin: -18px -17px 0 -17px; }
div.body { padding: 18px 17px 20px 17px; width: 602px; margin: 0 0 25px 0; background: url("../images/body_background.jpg") repeat-y left bottom; line-height: 20px; color: #595959; }
	div.body h2 { font-size: 15px; font-weight: normal; color: #000; margin: 0; }
	div.body a { color: #b63132; text-decoration: none; }
	div.body p { margin: 15px 0 0 0; }
	div.body p#info { margin: 0 0 15px 0; }

.full { width: 974px; background: url("../images/full_background.jpg") repeat-y left bottom; line-height: 20px; color: #595959; margin: 0 0 18px 0; }
	.full thead { background: url("../images/full_top.jpg") no-repeat; width: 974px; height: 18px; }
		.full thead th { padding: 18px 18px 0 18px; text-align: left; height: 50px; }
			.full thead th strong { border-bottom: 1px solid #ddd; display: block; }
	.full tbody td { padding: 0 18px 0 18px; text-align: left; height: 30px; }
	.full tbody tr.tfoot td { height: 0; }
	.full a { color: #b63132; text-decoration: none; }

table.details { width: 60%; }
	table.details td { height: 35px; vertical-align: middle; border-bottom: 1px solid #ddd; }
	table.details th { height: 35px; vertical-align: middle; border-bottom: 1px solid #ddd; text-align: left; }

div.division { position: relative; margin: 25px 0 0 0; padding: 9px 0 0 0px; }
	div.division img { position: absolute; top: 0; left: 0; z-index: 0; width: 604px; height: 228px; display: block; }

div.players { position: relative; background: url("../images/players_background.png") repeat-y bottom left; width: 277px; min-height: 185px; padding: 14px 18px 10px 12px; z-index: 20; margin: 0px 0px 0px 9px; }
	div.players_top { background: url("../images/players_top.jpg") no-repeat; width: 307px; height: 14px; margin: -14px -18px 0 -12px; }
	
	div.players table { width: 277px; }
		div.players table thead { border-bottom: 1px solid #000; }
			div.players table thead th { color: #595959; font-size: 9px; text-align: left; line-height: 13px; }
			div.players table .status { text-align: center; }
		
		div.players table tbody tr { line-height: 40px; border-bottom: 1px solid #bfbfbf; }
		div.players table tbody tr.last { border: none; }
			div.players table tbody tr td.alias { color: #000; }
			div.players table tbody tr td.status { text-indent: -999em; }
			div.players table tbody tr td.active { background: url("../images/active.jpg") no-repeat center center; }
			div.players table tbody tr td.inactive { background: url("../images/inactive.jpg") no-repeat center center; }

p#hiring { margin: 15px 0 0 0; font-size: 11px;}			
	p#hiring strong { color: #b63132; }

.win { color: #28a125; text-transform: uppercase; }
.loss { color: #b63132; text-transform: uppercase; }
.user { color: #b63132; }
.gray { color: #595959 !important; }