/* v1.0 | 20080212 ; meyerweb's rest CSS */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
:-moz-any-link:focus { outline: none; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }

/* Colors:
  Green: #437B10 / #223f08
  Blue: #3E88B7 / 2d6284
  Red: #A11F1F
  Brown: #BBBA8B / 9b9a5f / 696839
*/

html { background: #437B10 url(images/bg.gif) 0 0 repeat-x; width: 100%; height: 100%; }
body { font-size: 12px; font-family: Arial, Helvetica, Verdana, sans-serif; margin: 0 auto; width: 900px; text-align: left; color: #000; background: url(images/sky.jpg) 50% 0 no-repeat; min-height: 100%; }
br.clear { clear: both; line-height: 0px; }
hr.clear { clear: both; }
a { color: #2d6284; }
a:hover { color: #3e88b7; }
a:visited { color: #3e88b7; }
a:focus { color: #3e88b7; }

#top { display: block; width: 100%; height: 170px; }
#top a#logo { background: url(images/logo.gif) 0 0 no-repeat; width: 113px; height: 113px; display: block; float: left; margin: 20px 20px 0 0; }
#top a#logo span { display: none; }
#top h1 { display: block; float: left; width:257px; height: 63px; background: url(images/ccwsl.png) 0 0 no-repeat; position:relative; left: -25px; top: 20px; }
#top h1 span { display:none;  }
#top ul.nav { float: right; background: url(images/nav.gif) 100% 0 no-repeat; padding-right: 7px; margin: 120px 20px 0 0; }
#top ul.nav li { float: left; background: url(images/nav.gif) -7px 0 no-repeat; padding-left: 2px; }
#top ul.nav li.first { background-position: 0 0; padding-left: 7px; }
#top ul.nav li.first a span { padding-left: 5px; }
#top ul.nav li.last a span { padding-right: 5px; }
#top ul.nav li a { text-decoration: none; color: #9b9a5f; display: block; float: left; height: 32px; background: url(images/navbg.gif) 0 0 repeat-x; }
#top ul.nav li a span { padding: 0 10px; line-height: 30px; font-weight: bold; font-size: 13px; }
#top ul.nav li a:hover { }
#top ul.nav li a:hover span,
.page_home #top ul.nav li.nav_home a span,
.page_league #top ul.nav li.nav_league a span,
.page_teams #top ul.nav li.nav_teams a span,
.page_fields #top ul.nav li.nav_fields a span,
.page_schedule #top ul.nav li.nav_schedule a span,
.page_scores #top ul.nav li.nav_scores a span,
.page_register #top ul.nav li.nav_register a span { color: #A11F1F; }

#content { display: block; width: 100%; clear: both; padding: 5px 16px; }
#content .box { display: block; width: 875px; clear: both; }
#content .box .t { display: block; width: 875px; height: 15px; background: url(images/box.png) 0 -34px no-repeat; }
#content .box .i { display: block; width: 875px; min-height: 30px; background: url(images/boxi.png) -875px 0 repeat-y; }
#content .box .b { display: block; width: 875px; height: 19px; background: url(images/box.png) 0 -49px no-repeat; }
#content .box2 .t { background-position: 0 0; }
#content .box2 .i { background-position: 0 0; }
#content .box2 .b { background-position: 0 -15px; }

#content .box .right { float: left; margin: 0 0 0 15px; width: 835px; }
#content .box2 .left { float: left; margin: 0 0 0 15px; width: 310px; }
#content .box2 .right { width: 510px; }

#content .section { margin: 10px 0 20px; }
#content h2 { font-size: 18px; font-style: italic; padding: 0.25em 0 0.5em; }
#content .left h2 { color: #696839; }
#content h3 { font-size: 14px; }
#content p { padding: 0.25em 0; line-height: 1.25em; }
#content ol.text, #content ul.text { margin: 1em 0 1em 30px; }
#content .text ol, #content .text ul { margin: 0.5em 0 0.5em 30px; }
#content .text li { margin: 0.5em 0; }
#content ol.text > li, #content .text ol > li { list-style: decimal; }
#content ul.text > li, #content .text ul > li { list-style: disc; }

table.standings { width: 300px; margin: 0 auto; }
table.standings th { padding: 2px; }
table.standings td { text-align: center; padding: 2px; }

table.schedule { border: none; border-collapse: collapse; padding: 0; margin: 1em auto; width: 600px; }
table.schedule tr { }
table.schedule tr.odd { }
table.schedule tr.even { background-color: #eee; }
table.schedule th { border-bottom: 1px solid #444; text-align: center; padding: 3px 5px; font-weight: bold; color: #444; }
table.schedule td { border-bottom: 1px solid #aaa; text-align: center; padding: 3px 5px; }
table.schedule td.date { text-align: left; }
table.schedule tr.nogames { background-color: #fcc; }
table.schedule tr.nogames td { }
table.schedule tr.playoff { background-color: #cfc; }
table.schedule tr.playoff td { }
table.schedule tr.special { background-color: #ffc; }
table.schedule tr.special td { }
.night { background-color: #cdf; }
.postponed { background-color: #fdc; text-decoration: line-through; }
.win { font-weight: bold; }

.left p.date { font-weight: bold; }
.left table.schedule { width: 90%; background-color: #eee; }

.page_teams ul.text li strong { font-size: 14px; }
.page_teams ul.text li .contact { }

#footer { display: block; width: 100%; clear: both; color: #fff; margin: 20px 0 60px; }
#footer p.copyright { float: left; }
#footer ul.links { float: right; }
#footer ul.links li { border-right: 1px solid #223f08; float: left; }
#footer ul.links li.last { border-right: 0; }
#footer ul.links li a { color: #fff; padding: 0 10px; line-height: 16px; }