@charset "utf-8";
/* CSS Document */

body {
 background-color: #444;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 90%;
	margin: 0;
 min-height: 100%;
	min-width: 1050px;
	padding: 0; }
	
div.outer_layer {
 text-align: center; }
	
div.inner_layer {
 margin-left: auto;
	margin-right: auto;
	text-align: left;
	width: 1000px; }
	
div#body_wrapper {
 background-color: #DAE5F2;
 background-image: url('../images/body/background_gradient.png');
	background-position: bottom center;
	background-repeat: repeat-x;
	padding-bottom: 10px; }
	
div#header {
 padding: 1em 0;
	position: relative;
	z-index: 10; }
	
div#header img {
 border: none; }

div#navigation {
 background-color: #5E7591;
 border-bottom: 5px solid #333;
 height: 40px;
	position: relative;
	z-index: 10; }
	
div#navigation ul.nav {
 list-style-type: none;
	margin: 0;
	padding: 0;
	padding-left: 1em; }
	
div#navigation ul.nav li {
 float: left; }
	
div#navigation ul.nav li a {
 background-color: #5E7591;
 border-bottom: 5px solid #333;
	color: #FFF;
	height: 25px;
	float: left;
	font-family: Helvetica, sans-serif;
	font-size: 90%;
	letter-spacing: -1px;
	margin: 0 1em;
	margin-top: 15px;
	text-decoration: none;
	text-transform: uppercase; }
	
div#navigation ul.nav li a:hover {
	color: #FFFF80;
	border-color: #FFFF80; }
	
div#navigation ul.nav li a.current_page {
 border-color: #AAA; }
	
div#navigation ul.nav li a.current_page:hover {
 border-color: #FFFF80; }

li#core_strategy {
 background-image: url('../images/header/cs.png');
	background-position: center center;
	background-repeat: no-repeat;
	height: 3em;
	width: 75px; }
	
div#navigation ul.nav li#special_plays {
 background-image: url('../images/header/sp.png');
	background-position: center center;
	background-repeat: no-repeat;
	height: 3em;
	width: 75px; }
	
div#navigation ul.nav li#divider {
 background-image: url('../images/header/divider.png');
	background-position: center center;
	background-repeat: repeat-y;
	height: 3em;
	width: 20px; }
	
div#navigation ul.nav li#login {
 position: absolute;
	right: 0; }
	
div#navigation ul.nav li#login img {
 border: none; }

div#panels {
 border-bottom: 5px solid #444;
 font-size: 0em;
 height: 200px; }
	
div#panels div#view_port {
 border: 5px solid #333;
	border-bottom: none;
	border-top: none;
	cursor: pointer;
 height: 200px;
	position: relative;
	width: 690px;
	z-index: 10; }
	
div#panels div.panel {
	height: 200px;
	position: relative;
	width: 700px; }
	
div#panels div.panel_1 {
 top: -200px;
 z-index: 4; }
	
div#panels div.panel_2 {
 left: 100px;
	top: -400px;
	z-index: 3; }
	
div#panels div.panel_3 {
 left: 200px;
	top: -600px;
	z-index: 2; }
	
div#panels div.panel_4 {
 left: 300px;
	top: -800px;
	z-index: 1; }
	
div#panels img {
 border: 1px solid black;
	height: 198px;
	width: 698px; }

div#content {
 background-color: #FFF;
 clear: both;
	position: relative;
	z-index: 1; }
	
div#content h1#page_title {
 background-color: #444;
	border-top: 1px solid #FFF;
	color: #DDD;
 font-size: 190%;
	font-weight: normal;
	letter-spacing: -1px;
	margin-top: 0;
	padding: 1em;
	padding-bottom: 0;
	text-transform: uppercase; }
	
div#content div.content_padding {
 padding: 0 1em; }
	
img#body_bottom {
 position: relative;
	height: 400px;
	margin-bottom: -400px;
	top: -400px;
 width: 100%;
	z-index: 0; }

div#footer {
 margin-bottom: 2em; }

div#footer div.inner_layer p {
 color: #DDD;
	font-size: 75%;
 text-align: center; }
	
div#footer ul.nav {
	font-size: 75%;
 text-align: center;
 list-style-type: none;
	margin: 0;
	padding: 0; }
	
div#footer ul.nav li {
 display: inline; }
	
div#footer ul.nav li a {
 color: #90add0;
 padding: 1em;
	text-decoration: none; }
	
div#footer ul.nav li a:hover {
 color: #FFF; }