@charset "utf-8";
/* CSS Document */


/* 
----------------------------------------------------------------------------- 
GLOBAL RESET (borrowed from Shaun Inman - http://shauninman.com/ )
-----------------------------------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,table,th,td,embed,object{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img,abbr{border:0;}
address,caption,cite,code,dfn,em,h1,h2,h3,h4,h5,h6,strong,th,var{font-style:normal;font-weight:normal;}
ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:1.0em;}
q:before,q:after{content:'';}
a,ins{text-decoration:none;}

/* 
----------------------------------------------------------------------------- 
Site Styles
-----------------------------------------------------------------------------*/
html { font-size: 100%; }

body { font-family:Verdana,Geneva,Arial,Helvetica,Sans-serif; color: #000000; font-size: .88em; line-height: 1.4em; margin: 45px 0 45px 0; background-image:url("img/mustang_background.jpg"); background-repeat: repeat;}

p { font-size: .88em; line-height: 1.4em; padding: 0 0 10px 0;}
h1 { font-size: 1.38em; padding: 5px 0 10px 0; color: #457454;}
h2 { font-size: 1.13em; padding: 5px 0 10px 0; color: #457454; font-weight: bold;}
a { color: #457454; text-decoration: underline; font-weight: bold; }
a:hover { color: #000; text-decoration: none; font-weight: bold; }

.align-center { text-align: center; }

.container { width: 752px; margin: 0 auto; border: 3px solid #f6be37; background: #ffffff; }

#header { background-image: url("img/header.jpg"); height: 88px;}

#topBreak { border-top: 3px solid v; border-bottom: 3px solid #f6be37; background: #457454; height: 20px; }

#breakNav { float: right; }
#breakNav img { padding: 1px 3px 0 0; }

#mainNav { margin: 0; padding: 0;width: 198px; list-style: none; background: #ffffff; float:left; border-right:3px solid #f6be37; }
#mainNav li { padding: 0; margin-right:0px; height: 20px; list-style: none; background-repeat: no-repeat; border-bottom: 3px solid #f6be37; float: left; }
#mainNav li a, .menu li a:visited { display: block; text-decoration: none; text-indent: -1000px; height: 20px; background-repeat: no-repeat; }

#mainNav #home {background-image: url("img/home.jpg"); width:198px;}
#mainNav #home a:hover {background-image: url("img/home_over.jpg");}
#mainNav #team {background-image: url("img/team.jpg"); width:198px;}
#mainNav #team a:hover {background-image: url("img/team_over.jpg");}
#mainNav #coaches {background-image: url("img/coaches.jpg"); width:198px;}
#mainNav #coaches a:hover {background-image: url("img/coaches_over.jpg");}
#mainNav #calendar {background-image: url("img/calendar.jpg"); width:198px;}
#mainNav #calendar a:hover {background-image: url("img/calendar_over.jpg");}
#mainNav #fundraising {background-image: url("img/fundraising.jpg"); width:198px;}
#mainNav #fundraising a:hover {background-image: url("img/fundraising_over.jpg");}
#mainNav #tryouts {background-image: url("img/tryouts.jpg"); width:198px;}
#mainNav #tryouts a:hover {background-image: url("img/tryouts_over.jpg");}
#mainNav #camps {background-image: url("img/camps.jpg"); width:198px;}
#mainNav #camps a:hover {background-image: url("img/camps_over.jpg");}
#mainNav #competitions {background-image: url("img/competitions.jpg"); width:198px;}
#mainNav #competitions a:hover {background-image: url("img/competitions_over.jpg");}
#mainNav #cheers {background-image: url("img/cheers.jpg"); width:198px;}
#mainNav #cheers a:hover {background-image: url("img/cheers_over.jpg");}
#mainNav #dances {background-image: url("img/dances.jpg"); width:198px;}
#mainNav #dances a:hover {background-image: url("img/dances_over.jpg");}
#mainNav #photo {background-image: url("img/photos.jpg"); width:198px; border:0;}
#mainNav #photo a:hover {background-image: url("img/photos_over.jpg"); border:0;}

ul.menu li a:hover {background: none;}

#mainNav:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

#flashSpot { float: left; /*background-image: url("img/flash_spot_image_1.jpg");*/ height: 250px; width: 551px; }

.clear { clear: both; }

#bottomBreak { border-top: 3px solid #f6be37; border-bottom: 3px solid #f6be37; background: #457454; height: 20px; }

#content { position: relative; }

#leftCol { width: 201px; float: left; margin: 30px 0 0 0; }
#leftCol h1 { padding: 0px 0px 10px 15px; }

.navBox { width: 170px; margin: 0 0 0 13px; border: 3px solid #f6be37; }
.boxHeader { text-align: center; font-size: 1.38em; padding: 3px 0 3px 0; border-bottom: 3px solid #f6be37; }
.boxLeft { float: left; background-image: url(img/small_horseshoe.jpg); width: 30px; height: 30px; margin: 10px 2px 10px 5px;}
.boxRight { float: left; font-size: .88em; line-height: 1.1em; width: 120px; margin: 10px 2px 10px 2px; }

.navBox p { padding: 0 7px 0 7px; }
.navBox ul { font-size: .88em; line-height: 1.4em; padding: 5px 0 10px 0; }
.navBox li { list-style-type: circle; margin-left: 35px; }

.navBox .boxRight a { color: #457454; font-weight: normal; text-decoration: none; }
.navBox .boxRight a:visited { color: #457454; font-weight: normal; text-decoration: none; }
.navBox .boxRight a:hover { color: #000000; font-style: italic; font-weight: normal; }

.ads { display: block; width: 198px; text-align: center; }
.ads img { margin: 15px 0px 0px 0px; }

.test { position: absolute; left: 38px; bottom: 10px; width: 125px; height: 145px; text-align: center; }

#rightCol { width: 521px; float: left; padding: 15px 20px 15px 10px; }

#footer { text-align: center; font-size: .88em; line-height: 1em; padding: 15px 0 15px 0; }
#footer img { vertical-align: middle; }

.line-break { border-bottom: 1px dashed #f6be37; margin: 10px 0 15px 0; }
.green-bold { color: #457454; font-weight: bold;}
.gold-bold { color: #f6be37; font-weight: bold;}
.red-bold { color: #ff0000; font-weight: bold;}

.two-columns { float: left; width: 245px; text-align: center; }

.floatLeft { float: left; margin: 5px 10px 10px 0px }
.imgBorder { border: 1px solid #457454; }

