/*
------------------------------------------------
 General style sheet
 Developed by Monty Milne
------------------------------------------------
*/

/*
------------------------------------------------
 BEGIN RESET
 
 http://meyerweb.com/eric/tools/css/reset/
 Thanks Eric Myers!
 v1.0 | 20080212
------------------------------------------------
*/

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; }
.ErrorMsg { font-family: Verdana,Arial; font-size: 0.9em; font-weight: normal; font-weight: bold; color: red; }


table.tabulardata { background-color: #F0C88E; border: #654009; }
table.tabulardata tr { background-color: white !important; border: #654009; }
table.tabulardata th { background-color: #BE7202 !important; padding: 4px; border: #654009; }
table.tabulardata td { border: #654009; }

.daysheader { text-align: center; background-color: #70ad85 !important; color: #FFFFFF; font-weight: bold; }
td { font-family: Arial, Helvetica, sans-serif; font-size: 12px; background: transparent !important; }
table.tabulardata tr.rowcolorlight td { background-color: #F8F8F8 !important; }
table.tabulardata tr.rowcolordark td { background-color: #fff39d !important; }



body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
#divcenter { text-align: center; width: 100%; margin-left: auto; margin-right: auto; }

/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }
/*
------------------------------------------------
 END RESET 
------------------------------------------------
*/


/* BEGIN IE6 .PNG FIX */

img, div, table, tr, td, src, input { behavior: url(include/iepngfix.htc); }

/* END IE6 .PNG FIX */




/*
------------------------------------------------
 Begin Styles 
------------------------------------------------
*/



/*
------------------------------------------------
 Begin HR Styles 
------------------------------------------------
*/


/* for ie */
hr { width: 100%; height: 1px; color: #70ad85; border: none; margin-bottom: 20px; }

/* for Gecko-based browsers */
html > body hr { width: 100%; height: 1px; background-color: #70ad85; border: none; margin-bottom: 20px; }

/* for Opera and Gecko-based browsers */
html > body hr { width: 100%; height: 1px; background-color: #70ad85; border: 0px solid #70ad85; margin-bottom: 20px; }


/*
------------------------------------------------
 End HR Styles 
------------------------------------------------
*/






/*
------------------------------------------------
 Begin Absolute Positioned Items
------------------------------------------------
*/


#APItem1 { z-index: 2; position: absolute; top: 240px; left: 65px; }

#APItem2 { z-index: 2; position: absolute; top: 240px; left: 185px; }


/*
------------------------------------------------
 End Absolute Positioned Items
------------------------------------------------
*/




/*
------------------------------------------------
 Begin CONSTANT Styles 
------------------------------------------------
*/



body { margin: 0; padding: 0; background-color: #d9d5b8; background-image: url( '../images/goalBG.jpg' ); background-repeat: no-repeat; background-attachment: scroll; background-position: bottom center; font-family: arial, sans-serif; font-size: 100%; line-height: 1.4em; }


body#mySiteMapBod { margin: 0; padding: 0; background-color: #d9d5b8; background-image: url( '../images/goalBG.jpg' ); background-repeat: no-repeat; background-attachment: fixed; background-position: bottom center; font-family: arial, sans-serif; font-size: 100%; line-height: 1.4em; }


#siteContainer { width: 950px; height: auto; margin: 0 auto; text-align: left; background-color: #fff; z-index: 1; position: relative; }


#siteMapContainer { width: 450px; height: auto; margin: 0 auto; text-align: left; background-color: #fff; padding: 20px; }

#siteMapContainer ul li { margin: 0 0 20px 0; }

#siteMapContainer ul li#siteStrong { font-weight: bold; }

#siteMapContainer ul li a { color: #be7202; text-decoration: none; font-weight: bold; }

#siteMapContainer ul li a:hover { color: #70ad85; text-decoration: underline; font-weight: bold; }


a:link, a:visited, a:active { color: #be7202; text-decoration: underline; }

a:hover { color: #70ad85; text-decoration: none; }


a:link.noUnderline, a:visited.noUnderline, a:active.noUnderline, a:hover.noUnderline { text-decoration: none; }

a:link.registerLink, a:visited.registerLink, a:active.registerLink { color: #734706; text-decoration: underline; font-weight: bold; }

a:hover.registerLink { color: #799d77; text-decoration: none; }




.textError { color: #961b1e; font-weight: bold; }


.thisProcessCSS { font-size: .1pt; background-color: #fff; color: #fff; border: 0; }

.myBold { font-weight: bold; }

.myItalic { font-style: italic; }

.myBoldItalic { font-weight: bold; font-style: italic; }

.floatLeft { float: left; }

.floatRight { float: right; padding: 0 100px 0 0; }

.floatLeftCONTACT { float: left; }

.floatRightCONTACT { float: right; padding: 0 200px 0 0; }


.paraCenter { text-align: center; }

#photoSpecsLeft { float: left; margin: 0 0 15px 15px; }

#photoSpecsRight { float: right; margin: 0 15px 15px 0; }


h1 { font-size: 150%; color: #012d6a; font-weight: bold; margin: 0 0 13px 0; }

h2 { font-size: 90%; color: #012d6a; font-weight: bold; margin: 0 0 13px 0; }

p { margin: 0 0 13px 0; }


p.lastPara { margin: 0; }


ul.ulDotted { list-style-type: disc; }


/*
-----------------------
 Begin Coaching Staff Page 
-----------------------
*/


.staffHeaderNameTitle { font-size: 150%; color: #be7202; font-weight: bold; }


.staffLeft { width: 230px; height: auto; float: left; }

.staffLeft img { border: 1px solid #be7202; }


.staffRight { width: 460px; height: auto; float: left; }


/*
-----------------------
 End Coaching Staff Page 
-----------------------
*/



/*
-----------------------
 Begin Upcoming Events Page 
-----------------------
*/


.upcomingEventTitle { font-size: 150%; color: #be7202; font-weight: bold; }

.upcomingEventDate { font-size: 100%; font-weight: bold; }

.upcomingEventTime { font-size: 100%; font-weight: bold; }


.staffLeft { width: 230px; height: auto; float: left; }

.staffLeft img { border: 1px solid #be7202; }


.staffRight { width: 460px; height: auto; float: left; }


/*
-----------------------
 End Upcoming Events Page 
-----------------------
*/




/*
-----------------------
 Begin Photo Gallery Page 
-----------------------
*/


.photoBoxOne { width: 200px; height: 200px; float: left; margin: 0 50px 0 0; }

.photoBoxTwo { width: 200px; height: 200px; float: left; margin: 0 50px 0 0; }


.photoBoxThree { width: 200px; height: 200px; float: left; }


.photoTitleOne { font-size: 120%; font-weight: bold; text-align: center; width: 200px; height: auto; float: left; margin: 0 50px 0 0; }


.photoTitleTwo { font-size: 120%; font-weight: bold; text-align: center; width: 200px; height: auto; float: left; margin: 0 50px 0 0; }


.photoTitleThree { font-size: 120%; font-weight: bold; text-align: center; width: 200px; height: auto; float: left; }


.photoGalleryName { font-size: 150%; color: #be7202; font-weight: bold; }

.mainPhoto { margin: 0 0 0 100px; }


#topThumbContainer { height: auto; }

#topThumb ul { padding: 0 0 0 17px; }

#topThumb ul li { display: inline; padding: 0 5px 0 0; }

#topThumb ul li.lastOne { display: inline; padding: 0; }


/*
-----------------------
 End Photo Gallery Page 
-----------------------
*/





/*
-----------------------
 Begin FAQ Page 
-----------------------
*/

.myFAQ { font-weight: bold; color: #be7202; }


/*
-----------------------
 End FAQ Page 
-----------------------
*/





/*
-----------------------
 Begin Links Page 
-----------------------
*/


.linkName { font-size: 120%; font-weight: bold; padding: 325px 0 0 0; }


.linkLeft { width: 200px; height: auto; float: left; }

.linkLeft img { border: 1px solid #be7202; }


.linkRight { width: 490px; height: auto; float: left; }


/*
-----------------------
 End Links Page 
-----------------------
*/







/*
-----------------------
 Begin Sponsors Page 
-----------------------
*/


.sponsorsName { font-size: 120%; font-weight: bold; padding: 325px 0 0 0; }


.sponsorsLeft { width: 200px; height: auto; float: left; }

.sponsorsLeft img { border: 1px solid #be7202; }


.sponsorsRight { width: 490px; height: auto; float: left; }


/*
-----------------------
 End Sponsors Page 
-----------------------
*/








/*
-----------------------
 Begin Schedule Page 
-----------------------
*/


#scheduleBoxTan { background-color: #ffefa8; /* padding: 15px 15px 5px 15px;*/ width: 680px; margin: 0 0 30px 0; }

#scheduleBoxGreen { background-color: #e0f5ca; /*padding: 15px 15px 5px 15px;*/ width: 680px; margin: 0 0 30px 0; }

#scheduleBoxTan2 { background-color: #ffefa8; padding: 15px 15px 5px 15px; width: 680px; margin: 0 0 30px 0; }

#scheduleBoxGreen2 { background-color: #e0f5ca; padding: 15px 15px 5px 15px; width: 680px; margin: 0 0 30px 0; }


#scheduleBoxTan3 { background-color: #ffefa8; padding: 15px 15px 5px 15px; width: 680px; margin: 0 0 30px 0; }

#scheduleBoxGreen3 { background-color: #e0f5ca; padding: 15px 15px 5px 15px; width: 680px; margin: 0 0 30px 0; }

#scheduleBoxTan4 { background-color: #ffefa8; /*padding: 15px 15px 5px 15px;*/ width: 680px; margin: 0 0 30px 0; }

#scheduleBoxGreen4 { background-color: #e0f5ca; padding: 15px 15px 5px 15px; width: 680px; margin: 0 0 30px 0; }


.scheduleHeader { font-size: 120%; font-weight: bold; color: #5d7a5b; }



/*
-----------------------
 End Schedule Page 
-----------------------
*/







/*
-----------------------
 Begin Registration Page 
-----------------------
*/


#regBoxTan { background-color: #ffefa8; padding: 5px 15px; width: 680px; margin: 0 0 20px 0; }

#regBoxGreen { background-color: #e0f5ca; padding: 5px 15px; width: 680px; margin: 0 0 20px 0; }

.regHeader { font-size: 120%; font-weight: bold; color: #5d7a5b; }



/*
-----------------------
 End Registration Page 
-----------------------
*/





/*
-----------------------
 Begin Schedule Page 
-----------------------
*/


#tablePaddingCalendar { border-collapse: collapse; font-family: arial, verdana, sans-serif; font-size: .72em; font-weight: normal; color: #000; }

#tablePaddingCalendar td { padding: 3; }




/*
-----------------------
 End Schedule Page 
-----------------------
*/






/*
------------------------------------------------
 End CONSTANT Styles 
------------------------------------------------
*/



/*
-----------------------
 Begin Top Section 
-----------------------
*/

#topContainer { width: 950px; height: 247px; background-image: url( '../images/soccer-roos.jpg' ); background-repeat: no-repeat; }

#programsButton { padding: 155px 0 0 335px; float: left; }


#registerButton { padding: 155px 0 0 520px; }




/*
-----------------------
 End Top Section 
-----------------------
*/




/*
-----------------------
 Begin Home Photo Section 
-----------------------
*/

#floatHomeLeft { float: left; width: 475px; background-color: #fff; padding: 10px; border: 3px solid #be7202; }

#floatHomeRight { float: right; width: 225px; height: 255px; }

#CSSIFrame { text-align: left; width: 100%; height: 193px; overflow: auto; font-size: smaller; margin-top: 10px; margin-bottom: 10px; scrollbar-base-color: #70ad85; }

/*
-----------------------
 End Home Photo Section 
-----------------------
*/



/*
-----------------------
 Begin Content Container
-----------------------
*/


#contentContainer { width: 950px; height: auto; background-image: url( '../images/mainBG.gif' ); background-repeat: repeat-y; }

/*
-----------------------
 End Content Container
-----------------------
*/





/*
-----------------------
 Begin Main Content 
-----------------------
*/

#mainContentContainer { width: 762px; float: right; padding: 0; margin: 0; }

#mainContent { width: 750px; padding: 5px 0; margin: 0 0 0 5px; font-size: 90%; }


/*
-----------------------
 End Main Content 
-----------------------
*/




/*
-----------------------
 Begin Left Menu
-----------------------
*/


#contentContainer { width: 950px; height: auto; background-image: url( '../images/mainBG.gif' ); background-repeat: repeat-y; }

#leftColumn { width: 185px; margin: 0; padding: 25px 0; font-size: 90%; }


#leftColumn p { color: #fff; font-weight: bold; text-align: center; }

#leftColumn ul { padding: 0; }

#leftColumn ul li { font-family: arial, sans-serif; font-size: 100%; font-weight: normal; line-height: 1.4em; color: #fff; display: block; margin: 0 0 10px 0; }


#leftColumn ul li a { color: #fff; text-decoration: none; padding: 0; display: block; width: 185px; margin: 0; }

#leftColumn ul li a:hover { color: #000; background-color: #fff; padding: 0; }


/*
-----------------------
 End Left Menu
-----------------------
*/

















/*
--------------------------------
 Begin CSS Form Layout
--------------------------------
*/

#tableFormDiv { margin: 0 0 0 80px; }


.floatFormLeft { float: left; padding: 0 0 10px 0; }

.floatLeftFormWidth { float: left; width: 100px; padding: 0 0 0 0; }


.submitButton { margin: 5px 0 10px 5px; z-index: 2; position: absolute; }

.PLeft { margin: 5px 0 0px 0px; }


.floatLeftFormWidthREG { float: left; width: 200px; padding: 0 0 10px 0; }

.floatLeftFormWidthREGWIDE { width: 500px; padding: 0 0 10px 0; }


.floatFormLeftREG { float: left; padding: 0 0 10px 0; width: 400px; }




.floatLeftFormWidthREGSIG { float: left; width: 300px; padding: 0 0 10px 0; }


.floatFormLeftREGSIG { float: left; padding: 0 0 10px 0; width: 200px; }




.floatFormLeftPROGRAMS { float: left; padding: 0 0 15px 0; }

.floatLeftFormWidthPROGRAMS { float: left; width: 30px; padding: 1px 0 15px 50px; }







.submitButtonRegister { margin: 5px 0 30px 205px; z-index: 2; position: absolute; top: 1364px; left: 897px; }



.summerBold { font-weight: bold; background-color: #cde5d5; }

.summerBoldIndent { text-indent: 15px; }


.myFull { color: #666; text-decoration: line-through; }



/*
--------------------------------
 End CSS Form Layout
--------------------------------
*/



/*
-----------------------
 Begin Footer
-----------------------
*/


#footerContainer { width: 950px; height: auto; background-color: #be7202; }

#footerMenu p { font-family: arial, sans-serif; font-size: 60%; color: #fff; margin: 0 auto; text-align: center; padding: 10px 0 0 0; }

#footerMenu a { color: #fff; text-decoration: none; }

#footerMenu a:hover { color: #eaeaea; text-decoration: none; }

#footerMenu ul { text-align: center; padding: 5px 0 0 0; }

#footerMenu ul li { font-family: arial, sans-serif; font-size: 60%; line-height: 1.4em; color: #fff; display: inline; padding: 0 10px 0 0; }

#footerMenu ul li a { color: #fff; text-decoration: none; }

#footerMenu ul li a:hover { color: #eaeaea; }


/*
-----------------------
 End Footer
-----------------------
*/

.Labels { font-family: Verdana,Arial; font-size: 0.8em; font-weight: normal; color: black; }

/*
-----------------------
 Begin Grid
-----------------------
*/



.GridHeader { font-weight: normal; font-size: 0.8em; background-color: #BE7202; font-family: Verdana; color: #000000; }

.GridAlt { font-weight: normal; font-size: 0.8em; color: #000000; background-color: #f6f6f7; font-family: Verdana; }
.GridItem { font-weight: normal; font-size: 0.8em; background-color: #d6e8fe; color: #000000; font-family: Verdana; }

.GridPage { font-weight: normal; font-size: 11px; font-family: Verdana; background-color: #FFFFFF; }

/*
-----------------------
 End Grid
-----------------------
*/

/*
-----------------------
 Begin Calendar
-----------------------
*/
/*
.schCal { width: 100%; border: solid 1px #808080; font: 12px Arial, Verdana; background: #fff; }
.schCal .today { color: #ff0000 !important; font-weight: normal; line-height: 20px; }
.schCal .otherMonth { color: #FDF9E0; }
.schCal .dayStyle { vertical-align: top; text-align: center; border: solid 1px #808080; width: 183px; }
.schCal .dayStyle span.siteMapContainer { min-height: 100px; display: inline-block; }
.schCal .dayStyle a { color: #BE7202 !important; text-decoration: underline; background: none; line-height: 20px; }
.schCal .dayStyle a:hover { text-decoration: none; color: #70ad85 !important; }
.schCal .title { background: #fff; border: none; font-weight: bold; }
.schCal .title td { font-size: 16px !important; }
.schCal .title a { font-size: 12px !important; }
.schCal .dayHeader { background: #70ad85; height: 10px; border: none; color: #fff; line-height: 25px; }
.schCal .nav a { padding: 0 20px; color: #BE7202 !important; text-decoration: none; }
.schCal .nav a:hover { text-decoration: underline; }*/

table.tabulardata { border-style: solid; border-width: 1px; width: 750px; }
table.tabulardata td.dayName { width: 92px; background-color: #70ad85 !important; padding: 2px; border: #654009; }
table.tabulardata td.programName { border: 1px solid #808080; width: 92px; background-color: #fff39d !important; text-align: center; }
table.tabulardata td.textLeft { text-align: left; padding-left: 15px; white-space: nowrap !important; width: 100%; }
table.tabulardata td.strike { text-decoration: none; color: red !important; }
table.tabulardata td.strike p { top: 0; left: 0; margin: 0; padding: 0; text-align: center; font-size: 10px;font-style:italic;line-height:normal; }

h1.seasonH1 { color: #BE7202; font: 22px Arial; font-weight: bold; }
h2.seasonH2 { color: #518560; font: 14px Arial; font-weight: bold; }
p.notavailable { font: 13px Arial; }
span.strikeB { text-decoration: line-through; }
.strike-disable { text-decoration: line-through; color: #666; }


/*
-----------------------
 End Calendar
-----------------------
*/

.programItem { background: #FFEFA8 !important; }
.programAltItem { background: #E0F5CA !important; }

/*
------------------------------------------------
 End Styles 
------------------------------------------------
*/