/* CSS Document */

/* Authored by:
------------------------------------------
The Graphic Element
May 2008
http://www.thegraphicelement.com

License: Copyright (c) 2008, The Graphic Element, All rights reserved.
------------------------------------------ */

/* Imported Styles
------------------------------------------ */
@import url(reset.css);

/* Go on just say it...
------------------------------------------ */
@import url(http://www.costafootball.com/css/reset.css);


/* Global
------------------------- */
	body { color: #333; background: #094c1b url(../img/bg.gif) repeat 50% 0; }
	a:link, a:visited { color: #0d6825; text-decoration: none; }
	a:hover, a:active { text-decoration: none; }
	body, input, table, td, th, textarea { font-family: "Lucida Grande", Arial, Verdana, Helvetica, Geneva, sans-serif; }
	
	h1, h2, h3, h4 { font-weight: bold; }
	h1 { margin-bottom: 1em; color: #0d6825; font-size: 2em; }
	h1 em { display: block; font-weight: normal; font-size: .9em; font-family: Georgia, Times, "Times New Roman", serif; }
	h2 { margin-top: 1.5em; color: #4a903c; font-size: 1.7em; }
	h3 { margin: 1em 0 .4em 0; font-size: 1.4em; }

	#wrapper { margin: 15px auto; width: 800px; background: #fff; border: 1px solid #094c1b; }
	

/* Header
------------------------- */
	#header { height: 120px; background: #fff url(../img/header.jpg) no-repeat 0 0; }
	#header a { position: relative; left: 339px; top: 0; display: block; width: 120px; height: 120px; overflow: hidden; }
	#header a span { display: block; width: 100%; height: 100%; background: transparent url(../img/logo.png) no-repeat 0 0; }
	#header img { width: 0; display: block; }


/* Nav
------------------------- */
	#nav { float: left; width: 800px; background: url(../img/nav-bg.gif) no-repeat 0 0; border: solid #094c1b; border-width: 1px 0; } /* nav-bg.gif displays side portions */
	#nav a { display: block; padding: 5px 0; color: #094C1B; }
	#nav li { float: left; }
	#nav li:hover a { color: #ffcf44; }
	#nav li a#n-home, #nav li a#n-season, #nav li a#n-about, #nav li a#n-boosterclub, #nav li a#n-support { padding: 0; height: 20px; text-indent: -999em; background-image: url(../img/nav.gif); background-repeat: no-repeat; }
	
	/* MAIN BUTTONS */
	#nav li a#n-home {  margin-left: 27px; background-position: 0 0; width: 82px; }
	#nav li a#n-season { background-position: -82px 0; width: 127px; }
	#nav li a#n-about { background-position: -209px 0; width: 213px; }
	#nav li a#n-boosterclub { background-position: -422px 0; width: 135px; }
	#nav li a#n-support { background-position: -557px 0; width: 189px; }
	
	/* MAIN OVER STATES - use li:hover so item stays selected */
	#nav li:hover a#n-home { background-position: 0 -20px; }
	#nav li:hover a#n-season { background-position: -82px -20px; }
	#nav li:hover a#n-about { background-position: -209px -20px; }
	#nav li:hover a#n-boosterclub { background-position: -422px -20px; }
	#nav li:hover a#n-support { background-position: -557px -20px; }
	
	/* 1ST DROP DOWN */
	#nav ul { z-index: 500; float: left; background: #b6c99b; border: solid #094c1b; border-width: 1px 1px 0; }
	#nav li ul { position: absolute; width: 120px; height: auto; }
	#nav ul li { position: relative; margin-left: 0; width: 120px; font-size: 1em;}
	#nav ul li a.more { background: url(../img/nav-arrow.gif) no-repeat 95% 50%; }
	#nav li ul a { margin-left: 0; padding: .5em; }
	#nav li:hover ul a { color: #094C1B; }
	#nav li ul a:hover, #nav li ul li:hover { color: #fff2c0; background-color: #7eb16c; }
	
	/* 2ND DROP DOWN */
	#nav li ul ul { top: -1px; margin-left: 120px; background: #7eb16c; }
	#nav li li { width: 120px; border-bottom: 1px solid #094c1b; }
	#nav li ul ul a:hover { background: #4A903C; }
	
	/* HIDE & REVEAL */
	#nav ul, #nav li:hover ul ul { left: -999em; }
	#nav li:hover ul, #nav ul li:hover ul { left: auto; }
  

/* Content
------------------------- */
	#wrapper-inner { clear: left; position: relative; width: 800px; overflow: auto; background: url(../img/content-bg-col2.gif) repeat-y 0 0; }
	#sidebar { float: left; padding-bottom: 80px; width: 160px; background: #fff2c0; }
	#content { float: right; padding: 40px 20px 15px; width: 600px; }
		
	/* p */
	p { margin: 0.5em 0 1em; line-height: 1.6em; }
	#content p, #content dl { font-size: 1.2em; }
	#content p a, #content dd a { text-decoration: underline; }
	#content p a:hover, #content dd a:hover, #content li a:hover { color: #dda312; }
	p.clear, h2.clear, div.clear, ul.clear { clear: both; }
	p.center { text-align: center; }
	
	/* lists */
	#content ul { margin: 0.8em 0 1.5em 40px; list-style: disc; }
	#content ol { margin: 0.8em 0 1.5em 40px; list-style: decimal; }
	#content ul li, #content ol li { margin-bottom: .4em; font-size: 1.2em; }
	#content ul.nobullet { margin-left: 0; list-style: none; }
	#content ul.nobullet li { margin-bottom: 1em; }
	#content li li { font-size: 100%; }
	
	/* img */
	img.right { float: right; margin: 1em 0 5px 10px; }
	img.left { float: left; margin: 1em 10px 5px 0; }
	img.center { display: block; margin-right: auto; margin-left: auto; }
	img#football { position: absolute; bottom: 0; left: 0; }
	
	/* basic form styles */
	#content form h2 { color: #0d6825; }
	#content form p { clear: left; padding: 0.6em 0 0 0; }
	#content label { float: left; display: inline; width: 120px; }
	#content label em { color: #666; }
	#content label em.note { font-size: 0.9em; }
	#content label span.note { margin-left: 15px; font-size: 0.9em; }
	#content input, #content textarea { float: left; display: block; width: 300px; }
	#content legend { margin: 2px 5px; color: #0d6825; font-size: 1.1em; }
	input#submit, input#reset { float: left; margin: 8px 0 15px 10px; display: block; width: auto; }
	input#submit { margin-left: 120px; }
	
	#content .rcaption { float: right; clear: right; margin: 0 0 15px 15px; padding: .3em 0 10px 0; width: 250px; text-align: center; }
	#content .rcaption img { margin-bottom: .5em; }
	#content .rcaption p { margin: 0; color: #0d6825; font-size: 1em; line-height: 1.2em; }
	
	#content #morelinks { float: right; margin: 0 0 10px 15px; width: 160px; background: #b6c99b; border: 1px solid #0d6825; }
	#content #morelinks h2 { margin: 0 0 .5em; padding: 3px 5px; color: #ffcf44; font-weight: normal; font-size: 1.1em; text-transform: uppercase; letter-spacing: .1em;  background: #0d6825 url(../img/box-headbg.gif) no-repeat 0 0; }
	#content #morelinks ul { margin: 0; padding-left: 5px; list-style: none; }
	#content #morelinks li { padding-bottom: .5em; font-size: 1.1em; }
	#content #morelinks li a { color: #094C1B; }
	#content #morelinks li a:hover { text-decoration: underline; }

	/* SIDEBAR */
	a#donate-btn { margin: 10px 0 0 30px; display: block; width: 91px; height: 39px; background: url(../img/donate-btn.gif) no-repeat 0 0; }
	a#donate-btn:hover { background: url(../img/donate-btn.gif) no-repeat 0 -39px; }
	a#donate-btn span { display: none; }
	#subnav { margin-top: 10px; border-top: 1px dotted #b6ca9c; }
	#subnav li { color: #0d6825; font-weight: bold; text-transform: uppercase; border-bottom: 1px dotted #b6ca9c; }
	#subnav li a { display: block; padding: 5px 20px 5px 10px; color: #0d6825; background: url(../img/arrow.gif) no-repeat 98% 50%; }
	#subnav li a:hover { background: #b6c99b url(../img/arrow-over.gif) no-repeat 98% 50%; }
	
	#sidebar h2, #col3 h2 { margin: 0 0 .3em 10px; color: #0d6825; font-size: 1.2em; text-transform: uppercase; }
	#sidebar h2 a { color: #0d6825; }
	#sidebar #news { padding: 15px 0 5px; background: #fee687; }
	#sidebar #news ul { margin: 0 10px 0 25px; list-style: disc; }
	#sidebar #news li { margin: 0.3em 0 0.7em; color: #000; font-size: 1.1em; line-height: 1.3em; }
  #sidebar #news li em, #sidebar #news li em a { color: #0d6825; }
	#sidebar #news a { color: #000; text-decoration: underline; }
	#sidebar #news a:hover { color: #A1412F; }
	#sidebar #signup { margin-bottom: 10px; padding: 5px 0; border: 1px dotted #b6ca9c; border-right: none; border-left: none; }
	#sidebar #signup h2 { margin-top: 0; }
	#sidebar #signup input { margin-left: 10px; width: 135px; }
	#sidebar #signup input#textbox { color: #666; }
	#sidebar #signup input#go { margin-top: 3px; width: auto; }
	
	/* SPONSORS */
	#sponsors { position: relative; width: 800px; height: 185px; background: url(../img/sponsors/sponsors-bg.jpg) no-repeat 0 0; }
	#sponsors img { position: absolute; }
	#bom { top: 50px; left: 30px; }
	#aam { top: 120px; left: 35px; }
	#bbb { top: 55px; left: 135px; }
	#mbtoyota { top: 100px; left: 175px; }
	#panucci { top: 50px; left: 310px; }
	#pizzeria { top: 25px; left: 385px; }
	#panchos { top: 100px; left: 405px; }
	#me { top: 25px; left: 510px; }
	#mbef { top: 75px; left: 530px; }
	#western { top: 115px; left: 530px; }
	#sbford { top: 25px; left: 650px; }
	#mbaf { top: 105px; left: 650px; }
  
  /* HOME */
  p.highlight { padding: 10px; text-align: center; background: #e6e6e6 url(../img/highlight-bg.jpg) no-repeat 0 50%; border: 1px solid #ccc; }
  p.highlight strong { display: block; margin-bottom: 0.3em; color: #A1412F; font-size: 1.5em; }
  p.highlight em { font-style: normal; font-weight: bold; font-size: 2em; line-height: 1.5em; }
	
	#content a.link { float: right; margin: 1em 0 10px 5px; width: 150px; text-align: center; }
	
	/* SEASON */
	#content table { margin: 0 0 25px 25px; font-size: 1.1em; }
	#content table td { padding: 5px; border: 1px solid #666; }
	#content table tr.alt { background: #e7ece1; }
	#content td.date, #content td.time { width: 100px; }
	#content td.opponent, #content td.location { width: 150px; }
	#content td.date, #content td.time, #content td.opponent, #content td.location { font-weight: bold; font-size: .9em; text-transform: uppercase; background: #ffcf44; }
	#content tr.level { font-weight: bold; font-size: 1.2em; text-transform: uppercase; background: #b6c99b; }
	#content td a { color: #0d6825; }
	#content td a:hover { color: #dda312; }
	body#season.practice-schedule #content h2 { font-size: 1.5em; }
	body#season.practice-schedule #content p { margin-top: .2em; }
	body.events #content h2 { padding-top: .5em; border-top: 1px solid #ccc; }
	body.events #content h2 a { color: #4a903c; }
	body.events #content h2 a:hover { color: #dda312; }
	body.events #content p { margin-top: .4em; }
	body.events #content iframe, body.events #content ilayer { margin-top: 2em; }
	body.archives #content li a { text-decoration: underline; }
	body.rosters .player { float: left; margin: 1.2em 10px 0 0; width: 140px; text-align: center; }
	body.rosters .player.center { margin-left: 150px; } /* centers the last line if fewer than 4 */
	body.rosters .player p em { color: #4a903c; font-style: normal; font-weight: bold; }
	
	body.video .video-wrapper { text-align: center; }
	body.video p { margin: 30px 0 0.5em; }
	
	/* ABOUT */
	body.coaches .coach { margin-bottom: 1em; overflow: auto; }
	body.coaches #content h2 { clear: both; }
	body.coaches #content h3 { margin-top: 0; }
	body.coaches #content img { border: 1px solid #B6C99B; }
	body.coaches #content table tr.head { font-weight: bold; text-transform: uppercase; background: #B6C99B; }
	body.coaches #content table.left { float: left; margin: 0 0 0 20px; display: inline; }
	body.coaches #content td.opponent { width: 100px; background: #B6C99B; } /*all other table formatting under SEASON*/

	body.lb-club #content h2 { margin-bottom: 1em; }
	
	body.archives #content ol { list-style: decimal; }
	body.archives #content blockquote { margin: 0 15px; padding: 10px; background: #fff9e4; border: 1px dotted #ccc; }
	body.archives #content blockquote p { margin: 0; line-height: 1.4em; }
	body.archives #content blockquote p.credit { text-align: right; }
	body.archives #content a.uptop { float: right; }
	body.archives #content a.uptop:hover { color: #A1412F; }
	body.archives #content form { margin: 20px 0 0;}
	
	body.photos #content .gallery { clear: left; padding-bottom: 1.5em; }
	body.photos #content .gallery img { float: left; padding: 1px; }
	body.photos #content .gallery h2 { margin: 0; padding-top: 10px; font-size: 1.4em; }
	body.photos #content .gallery h2 a { color: #000; }
	body.photos #content .gallery h2 a:hover { text-decoration: underline; }
	body.photos #content .gallery h2 em { color: #999; font-style: normal; }
	body.photos #content h2 em { color: #B6C99B; font-style: normal; }
	body.photos #content img { margin: 6px 6px 0 0; border: 1px solid #B6C99B; }
	
	body.photographer #content h2 { color: #333; font-size: 1.5em; }
	
	/* BOOSTER CLUB */
	body#booster-club.about #content ol { list-style: decimal; }
	body#booster-club.about #morelinks { float: right; margin: 0 0 10px 15px; width: 160px; background: #b6c99b; border: 1px solid #0d6825; }
	body#booster-club.about #morelinks h2 { margin: 0 0 .5em; padding: 3px 5px; color: #ffcf44; font-weight: normal; font-size: 1.2em; text-transform: uppercase; letter-spacing: .1em;  background: #0d6825 url(../img/box-headbg.gif) no-repeat 0 0; }
	body#booster-club.about #morelinks ul { margin: 0; padding-left: 5px; list-style: none; }
	body#booster-club.about #morelinks li { padding-bottom: .5em; font-size: 1.1em; }
	body#booster-club.about #morelinks li a { color: #094C1B; }
	body#booster-club.about #morelinks li a:hover { color: #000; }
	body#booster-club.presidents #content ul { margin-left: 10px; list-style: none; }
	body#booster-club.presidents #content ul li { margin-bottom: 1em; }
	
	body.coaches-club #content form { clear: both; margin: 30px 20px 50px; padding-top: 10px; border-top: 1px solid #666; }
	body.coaches-club #content fieldset { margin-bottom: 1em; padding: 5px 10px 10px; border: 1px solid #0d6825; }
	
	#content fieldset#membershiptype, #content fieldset#paymentmethod { clear: both; float: left; margin-top: 1.5em; width: 280px; }
	#content fieldset#membershiptype { margin-bottom: 30px; }
	#content fieldset#paymentmethod { margin-left: 120px; }
	#content fieldset#membershiptype input, #content fieldset#paymentmethod input { margin-right: 5px; width: auto; }
	#content fieldset#membershiptype label, #content fieldset#paymentmethod label { margin: .5em 2em 0 0; width: auto; font-size: 1.2em; }
	#content fieldset#membershiptype label { float: none; display: block; }
	
	body.vol-desc #content h2 { color: #333; font-size: 1.4em; }
	body.vol-desc #content p { margin-top: .4em; }
	
	/* SUPPORT */
	dt { margin-top: 1.5em; color: #A1412F; font-style: italic; font-weight: bold; }
	dd { margin-bottom: .8em; }
	#content dl li { font-size: 100%; }
	body.fundraising #content a:hover { color: #dda312; }
	body.fundraising #content div.rcaption.form { padding: 0 40px; width: 170px; }
	body.fundraising #content div.rcaption.form p { margin: 0 0 0.8em; }
	body.fundraising #content form#blitzform input { margin-left: 31px; width: 107px; }
	
	body.volunteer #content form h2 { padding-bottom: 10px; color: #4a903c; border-bottom: 1px solid #ccc; }
	body.volunteer #content .section { float: left; width: 290px; }
	body.volunteer #content .section.right { margin-left: 15px; }
	body.volunteer #content .section label { float: none; display: block; width: auto; }
	body.volunteer #content .section input { float: none; display: inline; width: auto; }
	body.volunteer #content .section fieldset label { display: block; margin: 0 0 .5em 10px; font-size: 1.2em; }
	body.volunteer input#submit, body.volunteer input#reset { margin-top: 20px; }
	
	body.advertising #content fieldset label { float: none; display: block; margin: 0 0 .5em 10px; width: auto; font-size: 1.2em; }
	body.advertising #content fieldset input { float: none; display: inline; width: auto; }
	body.advertising #content input#totalamount { width: 100px; }
	
	/* LINKS */
	body#links #content ul { margin-left: 0; list-style: none; }
	body#links #content li { padding-bottom: 1em; }
	body#links #content li a { color: #333; }
	body#links #content li a:hover { color: #A1412F; }
	
	/* SITE MAP */
	body#sitemap #content a { color: #666; }
	body#sitemap #content a:hover { color: #A1412F; }
	body#sitemap #content h2 { clear: left; margin-bottom: 0.8em; padding-top: .5em; border-top: 1px solid #ccc; }
	body#sitemap #content h2 a { color: #4a903c; }
	body#sitemap #content h2.first { padding: 0; border: none; }
	body#sitemap #content h3 { margin: 0 0 .4em;}
	body#sitemap #content div.section { margin: 0 10px 2em 0; float: left; width: 185px; }
	body#sitemap #content ul { margin: 0; list-style-type: none; }
	body#sitemap #content ul li { padding: .4em 0 0; font-size: 1.2em; }

	/* SENIOR BIOS FORM */
	body#senior-bios #content input#number, body#senior-bios #content input#height, body#senior-bios #content input#weight { width: 100px; }
	body#senior-bios #content div.questions { margin-top: 5em; }
	body#senior-bios #content div.questions label { width: 280px; }
	body#senior-bios #content div.questions input { width: 300px; }
	
	/* FOOTBALL CAMP */
	body#camp ul.nobullet strong { color: #A1412F; }
	body#camp ul.nobullet ul { margin: 0; list-style: none; }
	body#camp ul.nobullet ul strong { color: #333; }
	body#camp p.quote { color: #0d6825; font-size: 1.6em; }
	body#camp #content h1 { margin-top: 20px; }
	
	body#camp #content form { clear: both; margin: 0 20px 50px; }
	#content fieldset#gender p { clear: left; padding: 0.6em 0 0 0; }
	body#camp #content label, #content fieldset#gender label { padding-right: 5px; width: 185px; }
	body#camp #content input, body#camp #content textarea {  }
	body#camp input#submit, body#camp input#reset { display: inline; width: auto; }
	body#camp input#submit { margin-left: 190px; }
	
	#content fieldset#gender { margin: 0; padding: 0; }
	#content fieldset#gender label { margin: 0 2em 0 0; width: auto; font-size: 1.2em; }
	#content fieldset#gender input { float: left; display: block; margin-right: 5px; width: auto; }
	body#camp #content fieldset#gender p { float: left; margin: 0; width: 190px; }
	
	body#camp #content p.textarea label, body#camp #content p.textarea textarea { float: none; width: auto; }
	body#camp #content p.textarea textarea { width: 490px; }
	
	#content fieldset#emergency, #content fieldset#photography { clear: left; padding: 10px; background: #fff2c0; border: 1px solid #dda312; }
	#content fieldset#emergency input, #content fieldset#photography input { margin-right: 5px; width: auto; }
	#content fieldset#emergency label, #content fieldset#photography label { margin: 0 2em 0 0; width: auto; font-weight: bold; font-size: 1.2em; }
	body#camp #content form fieldset p { margin: 0 0 0.5em; padding: 0; }
	
	/* GOLF TOURNAMENT */
	body#golf #content input.amount { float: none; display: inline; width: auto; }
	#content fieldset#sponsorship { clear: left; padding: 10px; border: 1px solid #4a903c; }
	#content fieldset#sponsorship legend { color: #000; font-weight: bold; font-size: 1.2em; }
	#content fieldset#sponsorship input { margin-right: 5px; width: auto; }
	#content fieldset#sponsorship label { clear: left; margin: 0.3em 0 0.3em 0; width: auto;font-size: 1.2em; }

	
/* Footer
------------------------- */
	#footer { clear: both; margin: 0; padding: 0.5em 15px; color: #333; line-height: 1.5em; text-align: center; background: #ffcf44; }
	#footer a { color: #333; }
	#footer a:hover { color: #A1412F; }