/* Whitehorse Co-Ed Slo-Pitch Softball League CSS by Design Station */
* { padding: 0; margin: 0; }
/* Global  ---------------- */
body { font-family: Helvetica, Calibri, Arial, sans-serif; margin: 0 auto 0 auto; background: #FFFFFF url(../images/background/background-site.jpg) repeat-x top; }
#container { width: 950px; margin: 0 auto 0 auto; padding: 175px 0 0 0; background: url(../images/background/background-header.jpg) no-repeat top; }
#content { position: relative; width: 950px; height: auto; padding: 0; margin: 20px 0 0 0; }
#footer { clear: both; width: 950px; height: auto; padding: 0; margin: 40px 0 0 0; border-top: 1px solid #c3c3c3; }
#copyright { position: relative; width: 950px; height: auto; margin: 0 auto 0 auto; padding: 8px 0 30px 0; }
.clear { clear: both; float: none; }
/* Nav ------------------- */
/* Site Nav */
.navigation { position: relative; width: 950px; height: 30px; padding: 0; margin: 0; text-align: center; background-image: url(../images/background/background-nav.png); background-repeat: repeat-x; }
#nav li { display: inline; padding: 0; list-style: none; }
#nav a { float: left; padding: 30px 0 0 0; margin: 0 10px 0 10px; overflow: hidden; height: 0px !important; }
#nav a:hover { background-position: 0 -30px; }
#nav a:active, #nav a.selected { background-position: 0 -60px; }
#n-home a { width: 71px; height: 30px; background: url(../images/navigation/n-home.png) top no-repeat; margin: 0 20px 0 135px; }
#n-teams a { width: 79px; height: 30px; background: url(../images/navigation/n-teams.png) top no-repeat; }
#n-schedule a { width: 106px; height: 30px; background: url(../images/navigation/n-schedule.png) top no-repeat; }
#n-rules a { width: 71px; height: 30px; background: url(../images/navigation/n-rules.png) top no-repeat; }
#n-about a { width: 79px; height: 30px; background: url(../images/navigation/n-about.png) top no-repeat; }
#n-past a { width: 154px; height: 30px; background: url(../images/navigation/n-past.png) top no-repeat; }
#p-home #n-home a, #p-teams #n-teams a, #p-schedule #n-schedule a, #p-rules #n-rules a, #p-about #n-about a, #p-past #n-past a { background-position: 0 -30px; }
/* Header ---------------- */
#header { position: relative; width: 950px; height: 252px; margin: 20px 0 0 0; padding: 0; }
.header-left { float: left; width: 675px; height: 252px; margin: 0; }
.header-right { float: right; width: 275px; height: 252px; }
/* Header Buttons */
#h-nav li { display: inline; padding: 0; list-style: none; }
#h-nav a { float: left; padding: 84px 0 0 0; margin: 0; overflow: hidden; height: 0px !important; }
#h-nav a:hover { background-position: -275px 0px; }
#h-nav a:active, #nav a.selected { background-position: -550px 0; }
#h-top a { width: 275px; height: 84px; background-image: url(../images/navigation/h-top.jpg); background-position: 0 0; }
#h-middle a { width: 275px; height: 84px;  background-image: url(../images/navigation/h-middle.jpg); background-position: 0 0; }
#h-bottom a { width: 275px; height: 84px; background-image: url(../images/navigation/h-bottom.jpg); background-position: 0 0; }
/* Home ------------------ */
.home-left { float: left; width: 630px; height: auto; padding: 20px 0 0 0; }
.home-right { float: right; width: 245px; height: auto; padding: 15px; background: url(../images/background/background-sidebar.png) top no-repeat; border-bottom: 1px solid #d3d3d3; }
.home-left-spacer { clear: both; margin: 50px 0 0 0;}
.home-right-spacer { clear: both; margin: 15px 0 0 0;}
/* Sub ------------------- */
#sub-header { position: relative; width: 950px; height: 165px; margin: 20px 0 0 0; padding: 0; }
#sub-content { position: relative; width: 950px; height: auto; padding: 0; margin: 30px 0 0 0; }
.sub-left { float: left; width: 635px; height: auto; padding: 0; }
.sub-right { float: right; width: 245px; height: auto; padding: 15px 15px 5px 15px; background: url(../images/background/background-sidebar.png) top no-repeat; border-bottom: 1px solid #d3d3d3; }
.sub-right-sponsor { float: right; width: 245px; height: auto; padding: 15px 15px 5px 15px; }
.duo-left { float: left; width: 310px; height: auto; padding: 0; }
.duo-right { float: right; width: 310px; height: auto; padding: 0; }
.trio-line { width: 100%; height: auto; border-top: 1px solid #a9a9a9; margin: 30px 0 0 0; }
.trio-left { float: left; width: 240px; height: auto; padding: 0 5px 0 0; }
.trio-center { float: left; width: 140px; height: auto; padding: 0 10px 0 10px; }
.trio-right { float: right; width: 190px; height: auto; padding: 0 0 0 5px; }
.sub-right-spacer { clear: both; margin: 15px 0 0 0; padding: 15px 0 0 0; border-top: 1px solid #a9a9a9; }
.sub-right-img { margin: 5px 0 5px 0; }
/* List */
.sub-left ol { font-size: 13px; line-height: 19px; font-weight: normal; font-variant: normal; text-transform: none; margin: 15px 0 15px 35px; color: #555555; }
.sub-left ol li { margin: 0 0 8px 0; padding: 0 0 0 15px; }
.sub-left ul { font-size: 13px; line-height: 19px; font-weight: normal; font-variant: normal; text-transform: none; margin: 15px 0 15px 35px; color: #555555; list-style-image: url(../images/other/bullet.gif); }
.sub-left ul li { margin: 0 0 8px 0; padding: 0 0 0 15px; }
.sub-left .trio-line ul { font-size: 13px; line-height: 13px; font-weight: normal; font-variant: normal; text-transform: none; margin: 0 0 15px 20px; color: #555555; list-style-image: url(../images/other/bullet.gif); }
.sub-left .trio-line ul li { margin: 2px 0 15px 0; padding: 0 0 0 5px; }
.sub-right ul { font-size: 11px; line-height: 14px; margin: 15px 0 5px 20px; color: #555555; }
.sub-right ul li { margin: 0 0 8px 0; }
.duo-left ul, .duo-right ul { font-size: 13px; line-height: 13px; font-weight: normal; font-variant: normal; text-transform: none; margin: 15px 0 15px 35px; color: #555555; list-style-image: url(../images/other/bullet.gif); }
.duo-left ul li, .duo-right ul li { margin: 0 0 15px 0; padding: 0 0 0 15px; }
.system-message ul { font-size: 13px; font-style: normal; line-height: 14px; font-weight: normal; font-variant: normal; text-transform: none; margin: 0 0 15px 14px; color: #000000; }
.system-message ul li { margin: 0 0 6px 0; list-style: square; }
/* System Message or Offline */
.system-message { width: 600px; height: auto; margin: 50px 100px 70px 100px; padding: 50px 50px 50px 50px; background-color: #FFFFFF; border: 1px solid #ed9809; }
/* Footer ---------------- */
#copyright ul { font-size: 10px; display: block; float: left; list-style: none; padding: 0; }
#copyright ul li { display: inline; padding-right: 15px; color: #a9a9a9; }
#copyright a { color: #787878; text-decoration: none; }
#copyright a:hover { color: #09517e; text-decoration: none; }
/* Link Colors ----------- */
a, a img { border: 0; }
.home-left a:link, .sub-left a:link { color: #0e4d8c; font-weight: bold; text-decoration: underline; }
.home-left a:visited, .sub-left a:visited { color: #0e4d8c; font-weight: bold; text-decoration: underline; }
.home-left a:hover, .sub-left a:hover { color: #3f5f16; font-weight: bold; text-decoration: none; }
.home-left a:active, .sub-left a:active { color: #9f5129; font-weight: bold; text-decoration: underline; }
.home-right a:link, .sub-right a:link { color: #0e4d8c; font-weight: bold; text-decoration: underline; }
.home-right a:visited, .sub-right a:visited { color: #0e4d8c; font-weight: bold; text-decoration: underline; }
.home-right a:hover, .sub-right a:hover { color: #3f5f16; font-weight: bold; text-decoration: none; }
.home-right a:active, .sub-right a:active { color: #9f5129; font-weight: bold; text-decoration: underline; }
.system-message a:link { color: #1f8ccb; font-weight: bold; text-decoration: underline; }
.system-message a:visited { color: #1f8ccb; font-weight: bold; text-decoration: underline; }
.system-message a:hover { color: #809c23; font-weight: bold; text-decoration: none; }
.system-message a:active { color: #a32031; font-weight: bold; text-decoration: underline; }
/* Lists */
.system-message ul { font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif; font-size: 13px; font-style: normal; line-height: 14px; font-weight: normal; font-variant: normal; text-transform: none; margin: 0 0 15px 14px; color: #000000; }
.system-message ul li { margin: 0 0 6px 0; list-style: square; }
/* Font Styles ----------- */
p { font-size: 13px; line-height: 19px; font-weight: normal; font-variant: normal; text-transform: none; margin: 0 0 8px 0; color: #555555; }
.home-left p { padding: 0 0 0 68px; }
.home-right p { font-size: 11px; line-height: 14px; margin: 0 0 6px 0; color: #555555; }
/*H1*/
.home-left h1 { font-size: 26px; font-style: normal; line-height: 26px; font-weight: bold; font-variant: normal; text-transform: none; margin: 0; color: #0a3b6d; }
.home-right h1{ font-size: 14px; font-style: normal; line-height: 14px; font-weight: bold; font-variant: normal; text-transform: none; margin: 15px 0 5px 0; color: #464d53; }
.sub-left h1 { font-size: 26px; font-style: normal; line-height: 26px; font-weight: bold; font-variant: normal; text-transform: none; margin: 0 0 20px 0; color: #0a3b6d; }
.system-message h1 { font-size: 26px; font-style: normal; line-height: 26px; font-weight: bold; font-variant: normal; text-transform: none; margin: 0 0 10px 0; color: #0a3b6d; }
.sub-right h1, .sub-right-sponsor h1 { font-size: 16px; font-style: normal; line-height: 16px; font-weight: bold; font-variant: normal; text-transform: none; margin: 0 0 8px 0; color: #464d53; }
.duo-left h1, .duo-right h1 { font-size: 15px; font-weight: bold; line-height: 15px; text-transform: none; margin: 15px 0 4px 0; color: #555555; }
/*H2*/
.home-left h2 { font-size: 14px; font-weight: normal; line-height: 20px; text-transform: none; margin: 0 0 20px 0; color: #666666; }
.sub-left h2 { font-size: 15px; font-weight: bold; line-height: 15px; text-transform: none; margin: 15px 0 4px 0; color: #555555; }
.sub-right h2 { font-size: 13px; line-height: 19px; font-weight: bold; font-variant: normal; text-transform: none; margin: 0 0 8px 0; color: #555555; }
/*H3*/
.sub-left h3 { font-size: 13px; line-height: 19px; font-weight: bold; font-variant: normal; text-transform: none; margin: 0 0 8px 0; color: #555555; }
/*H4*/
.sub-left h4 { font-size: 18px; font-style: normal; line-height: 18px; font-weight: bold; font-variant: normal; text-transform: none; margin: 30px 0 10px 0; color: #0a3b6d; }
/* Style Modifiers */
.news-base { float: left; margin: 2px 20px 10px 0; }
.sponsor-logo { margin: 5px 0 15px 0; }
.posted { font-size: 11px; line-height: 12px; }
.sidebar-head-spacer { margin: 0 0 12px 0; }
.description { font-size: 10px; line-height: 12px; }