/********************************************
   AUTHOR:          http://www.ambitiouswebdesign.com 
   WEBSITE:     http://www.tulsagirlssoftball.com/
   TEMPLATE NAME:  Tulsa Girls Softball Federation
   DATE:           Feb-5-2010
 *******************************************/ 
 
/********************************************
   HTML ELEMENTS
********************************************/ 
 

* { margin: 0; padding: 0px; }

html, body { 
margin: 0;
padding: 0px;
height: 100%; 
background: #202e50 url('/images/bkgrd.jpg') repeat-x;
}


.line { border: none; border-bottom: 1px solid #430000; height: 0px; margin: 0 auto }
.clear { clear: both; }
.imgborder {border:6px white solid; margin-bottom:25px; }
img {border:0px;}

/* ----------CART--------------------- */

font, table, tr, td { border: none; background-color: transparent;}
table, td, tr { border: none; font: 9pt "Fontin Sans", optima, "Trebuchet MS", sans-serif; color: #000; }
td { line-height: 20px; }
table b { color: #000; }
table a, tr a, td a, font a, .content table a {color: #183478; font: 9pt "Fontin Sans", optima, "Trebuchet MS", sans-serif; }
table a:hover, tr a:hover, td a:hover, font a:hover, .content table a:hover {color: #000;}
table hr {border: none; border-bottom: 1px solid #000; height: 0px;}
font img { margin-right: 10px; } 
#productsdisplay{
	width: 600px;
}

/* ----------Centered Container Or the Layout--------------------- */

#container { 
min-height: 500px; 
height: auto !important; 
margin: 0 auto -4em; /* make sure this matches in the body footer DIV */
width: 960px;
background: #d9d6d0 url('/images/bkgrd_header.jpg') no-repeat;} 


/* --------------LABELS BUTTONS & FORMS-----------*/
 
label {
font: bold 10pt 'Trebuchet MS', Arial, Sans-serif;
color: #777;
}
 
.form, textarea {
width: 20em;
font: 10pt 'Trebuchet MS', Arial, Sans-serif;
color: #86878b;
padding: 2px;
margin-bottom: 20px;
}
 
.button {
width: 6em;
font: bold 10pt 'Trebuchet MS', Arial, Sans-serif;
color: #fff;      
background: #4fc2f0;
padding: 4px 5px;
border: 1px solid #46a1c6;
}

/* --------------HEADER------------- */

#header { height: 73px; }

/* --------------LOGO IN HEADER *always use this*------------- */

.logolink, #swap { width: 281px; height: 129px;}
.logolink, #swap { background: url('/images/logo.gif') no-repeat;}
.logolink a { float: left;  }
  
.rollover { display: block; } /* Allow setting widths and heights */
.rollover img { width: 100%; height: 100%; border: 0; } /* only set width and height once */
.rollover:hover { visibility: visible; /* for IE */ } /* sets any property for the :hover state */
.rollover:hover img { visibility: hidden; } /* 'rolls over' the image */


/* --------------TOPNAV------------- */

#topnav {
height: 105px;
margin-bottom:20px;
}

#topnav ul { padding: 10px; padding-top:75px; padding-left:200px;}
#topnav .links ul { margin: 0px; padding: 0px; margin-top:68px;}

#topnav .links li {
display: inline;
list-style-type: none;
}

#topnav .links li a {
color: white;
text-decoration: none;
border-right: 1px solid;
padding: 0px 10px 0px 10px;
font: 10pt "Fontin Sans", optima, "Trebuchet MS", sans-serif;
}

#topnav .links li a:hover { text-decoration: underline; }




/* --------------MAIN CONTENT, LEFT NAVIGATION----------------*/

#main {
min-height: 500px; 
height: auto !important; 
}

#main .content {
padding: 0px;
padding-right:20px;
_padding-right:10px;
margin: 0px 0px 0px 320px;
min-height: 170px; /* Height of Background Img */
height: auto;
}


#main .leftside {
float:left; 
width: 265px;
margin: 0px;
padding: 0px 20px 0px 35px;
_padding: 0px 0px 0px 15px;

}


#main h1 {font: 15pt "Fontin Sans", optima, "Trebuchet MS", sans-serif; color:#183478; font-weight:bold; padding-bottom:10px; text-transform:uppercase; }

#main p {font: 10pt "Fontin Sans", optima, "Trebuchet MS", sans-serif; color: black; padding-bottom:5px; }

#main fieldset {font: 10pt "Fontin Sans", optima, "Trebuchet MS", sans-serif; color: black; padding-bottom:5px; }

#main .hilight { color:white; background-color: #430000; font-weight:bold;}

#main .content a:visited {color: #430000; }  
#main .content a {color: #183478; } 

#main .leftside hr { height:1px; color: #430000; margin-bottom: 5px;}



/* --------------IMAGE ROTATOR------------- */

.rotator {
width:595px;
margin: 0px 35px 25px 0px;
_margin: 0px 5px 25px 0px;

padding: 0px;
border:6px white solid; 
height:253px;

}


.rotatorimage img{
width: 595px;
padding: 0px;
}







/* --------------FOOTER------------- */

#footer, .push { 
clear: both;
width: 960px;
height: 4em; /* make sure this matches in the body container DIV */
bottom: 0;
left: 0;
margin: 0 auto; 
position: relative;
} 

#footer {
background-color: #430000;
height: 100px;
height: auto;
}

#footer .content { 
width: 960px; 
margin: 0 auto; 
position: relative; 
}


/* --------------FOOTER LINKS------------- */

#footer ul { padding: 10px;}
#footer .links ul { margin: 0px; padding: 0px;}

#footer .links li {
display: inline;
list-style-type: none;
}

#footer .links li a {
color: white;
text-decoration: none;
border-right: 1px solid;
padding: 0px 10px 0px 10px;
font: 9pt Arial, 'Trebuchet MS', Sans-Serif;
}

#footer .links li a:hover { text-decoration: underline; }


/* --------ASC LINKS--------- */

#footer .asc ul { margin: 0px; padding: 0px;}
#footer .asc li { display: block; list-style-type: none;}

#footer .asc li a {
color: #6e3b3b;
text-decoration: none;
padding: 0px 10px 0px 10px;
font: 8pt Arial, 'Trebuchet MS', Sans-Serif;
}

/* --------W3 LINKS--------- */

#footer .w3 ul { margin: 0px; padding: 10px;}
#footer .w3 li { display: inline; list-style-type: none;}
#footer .w3 li a { color: #000; text-decoration: none; border-right: 1px solid; padding: 0px 10px 0px 10px; font: 10pt Arial, 'Trebuchet MS', Sans-Serif;}
#footer .w3 li a:hover { text-decoration: underline;}



/* --------------FOOTER SEO LINKS------------- */


#footer .seo {
height: auto;
text-align: left;
min-height: 100px;
width: 750px;
font: 8pt 'century gothic', Sans-Serif;
}
 

#footer .seo a {
color: #6e4a2f;
text-decoration: none;
font: 8pt 'century gothic', Sans-Serif;
}




/* --------------ADS------------- */


#ads img { margin-bottom:10px; }

#ads {padding-top:15px; }



/* ----------CALENDAR--------------------- */
#calendar{width: 600px; border: 2px #4b0000 solid; color: #000;border-collapse:collapse; }
#calendar a{color: #000;}

#calendar th{background-color: #4b0000;font: bold 18px 'century gothic', Sans-Serif;color: #fff; padding: 8px;border-collapse:collapse;}

#calendar td{border: .08em #000 solid;color: #000; padding: 5px; border-collapse:collapse;background-color:#fff;}

#calendar .calHeader{background-color: #fff;font: bold 14px 'century gothic', Sans-Serif;color: #000;}