@charset "utf-8";

/* CSS Document */
html,body{height:100%;}
body {background: #000 url(../graphics/body-bk.png) repeat-x;color:#fff;font: 12px "lucida grande",tahoma,verdana,arial,sans-serif;line-height:1.5em;text-align: center;}
a:link, a:visited, a:active{color:#61A8C7;text-decoration:none;text-decoration:underline;}
a:hover{}

h1{font-size:20px;font-weight:normal;}

#wrapper {height:auto !important;height:100%;margin:0 auto -220px;min-height:100%;text-align:left;width:1021px;}
#header {background: transparent url(../graphics/logo-bk.png) no-repeat;height:96px;padding-top:18px;width:1021px;}

#nav {background: transparent url(../graphics/nav-bk.png) repeat-x;float:left;font-weight:bold;margin: 20px 0 0 10px;width:939px;}
#nav ul {float:left;height:40px;}
#nav ul li {display:inline;float:left;height:40px;}
#nav ul li a {border-left:1px solid #57B7DF;border-right:1px solid #277B9E;color:#fff;display:inline-block;height:28px;padding:12px 12px 0 12px;text-decoration:none}
#nav ul li a:hover {background:url(../graphics/nav-bk-hover.png) repeat-x;}
#nav .light-blue-button, #nav .green-button {float:right;margin-top: 4px;text-decoration:none}

/*
BUTTONS
***********/
.light-blue-button {background: transparent url(../graphics/light-blue-button-right.png) no-repeat top right;}
.light-blue-button span {background: transparent url(../graphics/light-blue-button.png) no-repeat scroll top left;}
.green-button {background: transparent url(../graphics/green-button-right.png) no-repeat top right;}
.green-button span {background: transparent url(../graphics/green-button.png) no-repeat scroll top left;}
.dark-blue-button {background: transparent url(../graphics/blue-button-right.png) no-repeat top right;}
.dark-blue-button span {background: transparent url(../graphics/blue-button.png) no-repeat scroll top left;}

.light-blue-button,
.green-button,
.dark-blue-button {display: inline-block;height: 31px;margin: 0 6px 0 0;padding-right: 8px;text-decoration: none;color: #fff;line-height: 12px;cursor: pointer;text-decoration:none}

.light-blue-button span,
.green-button span, 
.dark-blue-button span {display: inline-block;line-height: 31px;padding: 0 0 0 8px;color: #fff;cursor: pointer;}

#body {float:left;margin-bottom:25px;width:1021px;}

/*
CONTENT
***********/
.grid7_1,.grid4,.grid7,.grid8,.grid16{float:left;margin:12px 10px;}
.grid16 h1,.grid4 h1{margin:10px;}

.grid4{width:300px;}
.grid7{width:540px;}
.grid7_1{width:598px;}
.grid8{width:620px;}
.grid16{width:940px;}

.grey-bk{background-color:#191919}
.light-grey-bk{background-color:#252525}
.light-blue{color:#61A8C7}
.light-grey{color:#999};

.strong {font-weight:bold}

.padd_5{padding:5px;}
.padd_10{padding:10px;}
.margin-left-12{margin-left:12px;}
.margin-bottom-12{margin-bottom:12px}

.none{display:none;}

.prefix {margin-left:0;}
.suffix {margin-right:0;}

.no-margin{margin:0;}

#intro {background-color:#216887;float:left;height:357px;margin:20px 10px 10px 10px;width:940px;}
#intro h1 {float:left;margin:10px 0;width:450px;}
#intro p {float:left;margin:10px 0;width:450px;}
#intro .slideshow {float:left;height:336px;position:relative;margin:10px;width:447px;}
#intro .slideshow img {border:1px solid #61A8C7;position:absolute;left:0;top:0;}
#intro a.dark-blue-button{float:right;margin-right:10px;text-decoration:none;}
#intro table{float:left;}
#intro table tr td{padding:5px 0;}
.intro-containers {position:relative}
.intro-containers ul {margin:10px;}
.intro-containers ul li {background:transparent url(../graphics/bullet.png) no-repeat scroll 0 6px;display:block;margin-bottom:10px;padding-left:15px;}
.intro-containers a.dark-blue-button{bottom:10px;position:absolute;right:8px;text-decoration:none}
.intro-divison img {border:1px solid #21637E;float:left;margin:10px;}
.intro-divison ul {float:left;margin:10px 10px 10px 0;width:126px;}
.intro-divison ul li {display:block;float:left;margin-bottom:10px;}
.submit{vertical-align:middle;}


#division h1, #register h1, #news h1, #startaleague h1, #contact h1, #divisions h1, #charity h1, #rules h1, #about h1, #faq h1 {color:#86BDD5;margin:10px 0 15px 0; }

#faq dl{ margin:10px 0; }
#faq dl dt{ color:#61A8C7;font-size:14px;font-weight:bold; }
#faq dl dd{ color:#F4F4F4;line-height:2em;margin-bottom:2em;  }

#about p { color:#F4F4F4;line-height:2em;text-indent:1em; }
#about p img { border: 1px solid #61A8C7;float:left;margin-right:15px; }
#about h2 {color:#fff;font-size:20px;font-weight:normal;margin:15px 0 10px 0;} 
#about a {color:#61A8C7}

#rules h2 { color:#61A8C7;font-size: 16px;margin:10px 0; }
#rules ol { color:#f4f4f4;margin-left: 30px; }
#rules ol li { list-style-type: decimal;line-height:1.5em;padding:5px 0; }

#rules ul {float:left;margin-top:12px;width:100%;}
#rules ul li {display:inline;float:left;height:40px;}
#rules ul li a {background-color:#232323;display:inline-block;font-weight:bold;margin-right:10px;padding:5px;}
#rules ul li a:hover {background-color: #333;}

#rules table {margin:10px 0;}
#rules table thead {color:#61A8C7}
#rules table th, #rules table td{padding:5px;}

#charity p { margin: 10px 0; }
#charity ul {float:left;margin:10px 0;width:100%;}
#charity ul li {display:inline;float:left;margin-right:10px;}
#charity img {border: 1px solid #61A8C7;}

#startaleague dl, #contact dl {}
#startaleague dl dt, #contact dl dt {margin:5px 0;}
#startaleague dl dd, #contact dl dd {margin-bottom:15px;}


#startaleague form {margin: 12px 0 0 10px}


#contact h2 {color:#73B3CE;font-size:16px;margin-bottom:5px;}
#contact p {margin-bottom:16px;}

#contact textarea {height:100px;width:400px;}

#news .news-container {margin-left:2px;}
#news .news-container h2 { font-size:16px;}
#news .news-container p { line-height:2em; }

#inthenews p {float:left;font-weight:bold;margin:5px 0;width:100%}
#inthenews blockquote{float:left;font-style:italic;margin:0 0 12px 50px;}
#inthenews blockquote p {font-weight:normal;}
#register ul, #inthenews ul {margin-left:12px;}
#register ul li,#inthenews ul li {background:transparent url(../graphics/bullet.png) no-repeat scroll 0 15px;display:block;float:left;margin-bottom:10px;}

#register {line-height:2em;}
#division h2, #register h2 {color:#61A8C7;font-size:14px;margin:10px 0;}
#division .grid4 ul, #register ul {float:left;margin:0 0 0 0;}
#division .grid4 ul li, #register ul li {background:transparent url(../graphics/bullet.png) no-repeat scroll 0 6px;float:none;padding-left:13px;}
#register form {clear:both;}
#register form select, #register form input{margin:5px 0;}
#division .grid7, #register .grid7 {width:597px;}
#register .grid7 form, #register .grid7 p {margin-left:12px;}
#register .team-divider {background-color:#333;float:left;margin:20px 10px;padding:5px;width:580px;}
#register .team-divider h3 {float:left;font-size:14px;margin-right:10px;}
#register .team-divider .captain{clear:left;color:#CCC;font-size:11px;}

#division .grid4 ul {margin-bottom:28px;}
#division a {color: #61A8C7;text-decoration:underline;}
#division table {border-collapse:collapse;border:1px solid #333;margin:20px 0;width:100%;}
#division table thead tr th, #division table tbody tr td{border:1px solid #333;padding:5px;text-align:center;}
#division table thead tr th{color:#728DA6;font-size:14px;}

/*
End Content
***********/

.push,#footer {background: transparent url(../graphics/footer-bk.png) repeat-x;clear:both;height:220px;width:100%;}
.push {background:none}
#footer-wrapper{margin: 0 auto;text-align:center;width:1021px;}

#follow-us {float: left;margin-top:20px;text-align:left;}
#follow-us ul{margin: 12px 0;}
#follow-us ul li{display: inline;margin-right:12px;}
#quick-nav-legal h1, #follow-us h1 {color:#fff;}
#quick-nav-legal {float:right;margin-right:60px;margin-top:20px;text-align:left;}

#quick-nav-legal ul {float:left;margin-top:12px;width:100%;}
#quick-nav-legal ul li {display:inline;float:left;height:40px;}
#quick-nav-legal ul li a {background-color:#21637E;color:#fff;display:inline-block;font-weight:bold;margin-right:10px;padding:5px;}
#quick-nav-legal ul li a:hover {background-color:#25779B;}

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}