﻿/* --- Global Styles --- */

html, body {
    margin: 0px;
    padding: 0px;
    background: #ffffff;
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 10pt !important;
    height: 100%;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* png fix for ie6 */
img { behavior: url(iepngfix.htc); }

/*.areaMain {
    width: 100%;
}*/

#siteWrapper 
{
    position: relative;
    min-height: 90%;
}

* html #nonFooter { height: 100%;}

/* --- Header Styles --- */

#headerMain 
{
    height: 125px;
    background: #6db4cd url(images/header_fill.gif) repeat-x left top;
}


#headerBlend {
    background: url(images/header_main.jpg) no-repeat -75px top;
}

#mainNavCont {
    color: #1287b4;
}

#mainNavCont ul {
    margin: 0px;
    padding: 0px;
    white-space: nowrap;
    color: #1287b4;
}

#mainNavCont li {
    display: inline;
    list-style: none;
    line-height: 34px;
    margin: 0px !important;
    float: left;
}

#mainNavCont li span 
{
    
}

#mainNavCont a {
    text-decoration: none;
    display: block;
    height: 34px;
    border-left: solid 1px white;
    border-right: solid 1px #a4c9d6;
    padding-left: 20px;
    padding-right: 20px;
}

#mainNavCont a:hover {
    color: #ff0000;
    background: url(images/nav_over.gif) repeat-x top left;
}

.mainNavTable 
{
    white-space: nowrap;
    height: 34px;
    background: #d9e0e3 url(images/mainnav_fill.gif) repeat-x left top;
}

/* --- Content Styles --- */

#contentMain{
    background: url(images/content_bg.jpg) no-repeat left 3px;   
    width: 100%;
    min-height: 200px;
}

#contentMainTD {
    padding: 20px;
}

#clubsTable ul {
    margin: 0px;
    padding: 0px;
}

#clubsTable li {
    display: inline;
    list-style: none;
    margin: 0px !important;
    float: left;
    padding-top: 10px;
}

#clubsTable li span {
}

#clubsTable a {
    text-decoration: none;
    display: block;
    width: 150px;
    height: 45px;
    padding: 10px;
    padding-left: 15px;
    font-size: 12pt;
    line-height: 14pt;
}

#clubsTable a.baseball {
     background: url(images/button_baseball.png) no-repeat left top;
}
#clubsTable a.volleyball {
     background: url(images/button_volleyball.png) no-repeat left top;
}
#clubsTable a.football {
     background: url(images/button_football.png) no-repeat left top;
}
#clubsTable a.basketball {
     background: url(images/button_basketball.png) no-repeat left top;
}
#clubsTable a.soccer {
     background: url(images/button_soccer.png) no-repeat left top;
}
#clubsTable a.swimming {
     background: url(images/button_swimming.png) no-repeat left top;
}
#clubsTable a.dcbound {
     background: url(images/button_dcBound.png) no-repeat left top;
}
#clubsTable a.gymnastics {
     background: url(images/button_gymnastics.png) no-repeat left top;
}
#clubsTable a.modernDance {
     background: url(images/button_modernDance.png) no-repeat left top;
}
#clubsTable a.skateboarding {
     background: url(images/button_skateboarding.png) no-repeat left top;
}
#clubsTable a.softball {
     background: url(images/button_softball.png) no-repeat left top;
}
#clubsTable a.viking {
     background: url(images/button_viking.png) no-repeat left top;
}
#clubsTable a.dcBound {
     background: url(images/button_dcBound.png) no-repeat left top;
}

#clubsTable a:hover {
    color: #ff0000;
    background: url(images/button_over.png) no-repeat top left;
}


   
#calendarList h1{
    font-size: 14pt;
    color: #cc0000;
    font-weight: normal;
}  

#calendarList .other{
    background: #e5ebf4;
}  
   
#calendarList ul {
    margin: 0px;
    padding: 0px;
}

#calendarList li {
    list-style: none;
    padding: 5px;
    color: #000;
}

#calendarList li span 
{
    font-weight: bold;
    color: #32677d;
    padding-right: 20px;
}


/* --- Team Sites Styles --- */

.teamContent 
{
    padding: 10px;
    padding-left: 10px;
}

.teamTOC 
{
    width: 140px;
   
}

.teamTOCbg 
{
    background: #cde6ee url(images/teamnav_bg.gif) repeat-x left bottom;
}


.teamTOC ul {
    margin: 0px;
    padding: 0px;
}

.teamTOC li {
    list-style: none;
    line-height: 30px;
}

.teamTOC li a 
{
    display: block;
    width: 150;
    color: #133f4d;
    height: 30px;
    padding-left: 10px;
    text-decoration: none;
}

.teamTOC li a:hover
{
    color: Red;
    background: url(images/teamnav_over.gif) repeat-x;
}

.teamContent h1
{
    font-size: 18pt;
    font-weight: normal;
    color: #cc0000;
}

.teamContent h2
{
    font-size: 16pt;
    font-weight: normal;
    color: #1287b4;
}

/* --- Footer Styles --- */

#footerMain 
{
    position: relative; 
    left: 0px; 
    background: #add7e5 url(images/footer_fill.gif) repeat-x left top;
    color: #000;
    width: 100%;
    text-align: center;
    min-height: 100px;
}


.footerRight a, .footerLeft a, .footerRight a:active, .footerLeft a:active, .footerRight a:visited, .footerLeft a:visited, 
{
    font-weight: bold;
    color: #003547;
    text-decoration: underline;
}

.footerRight a:hover, .footerLeft a:hover
{   
    text-decoration: none;
}

.footerRight 
{
    text-align: right;
}

.footerLeft 
{
    padding-left: 15px;
}

.footerNav a
{
    font-weight: normal;
    position: relative;
    top: -5px;
    color: #fff;
    display: inline-block;
    padding: 5px;
    padding-left: 10px;
    padding-right: 10px;
    background: #287f9c;
    text-decoration: none;
}

.footerNav a:hover {
    background: #2a94b7;
    text-decoration: underline;
}

.footerLeft {
    text-align: left;
}

.red {
	color: #FF0000;
	font-weight: bold;
}
 
   