/* 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);

/* font-size for print: 1.2em changed to 10pt */

/* Global
------------------------- */
	body { background: #fff; color: #333; font-size: 10pt !important; }
  a:link, a:visited { color: #0d6825; }
  body, input, table, td, th, textarea { font-family: Georgia, Times, "Times New Roman", serif; }
  p { margin: .8em 0; line-height: 1.3em; }
        
  h1, h2, h3, h4 { font-weight: bold; font-family: "Lucida Grande", Arial, Verdana, Helvetica, Geneva, sans-serif; }
	h1 { margin-bottom: 1em; padding-top: .75in; color: #0d6825; font-size: 16pt;  }
	h1 em { display: block; font-weight: normal; font-size: 13pt; font-family: Georgia, Times, "Times New Roman", serif; }
	h2 { margin-top: 1.5em; color: #4a903c; font-size: 13pt; }
	h3 { margin: 1em 0 .4em 0; font-size: 11pt; }

	#wrapper { margin: 0 .5in; }
	
	
/* H I D D E N
------------------------- */
	#nav, #sidebar, img#football, #col3 { display: none; }


/* Header
------------------------- */
	#header { float: left; width: 150px; height: 130px; }
	#header a { position: relative; left: 0; top: 0; display: block; width: 120px; height: 120px; overflow: hidden; }
	#header a span { display: block; width: 100%; height: 100%; }
	#header img { width: 120px; height: 120px; display: block; }


/* Content
------------------------- */
	/* p */
	#content p, dl { font-size: 10pt; }
	#content p a, #content dd a { text-decoration: underline; }
	#content p a[href^="/"]:after, #content dd a[href^="/"]:after { content: " (http://www.costafootball.com" attr(href) ")"; }
	
	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: 0.4em; font-size: 10pt; }
	#content ul.nobullet { margin-left: 0; list-style: none; }
	#content ul.nobullet li { margin-bottom: 1em; }
	
	/* img */
	img.right { float: right; margin: .3em 0 5px 10px; }
	img.left { float: left; margin: .3em 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; padding: .3em 0 10px 15px; width: 250px; text-align: center; }
	#content .rcaption img { margin-bottom: .5em; }
	#content .rcaption p { margin: 0 0 2em 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; }
	
	/* 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: 9pt; }
	#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: 8pt; text-transform: uppercase; background: #ffcf44; }
	#content tr.level { font-weight: bold; text-transform: uppercase; background: #b6c99b; }
	#content td a { color: #0d6825; }
	#content td a:hover { color: #dda312; }
	body#season.practice-schedule #content h2 { font-size: 12pt; }
	body#season.practice-schedule #content p { margin-top: .2em; }
	body.events #content li a { text-decoration: underline; }
	
	/* ABOUT */
	body.coaches .coach { margin-bottom: 1em; overflow: auto; }
	body.coaches 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; }
	
	/* BOOSTER CLUB */
	body#booster-club.about #content ol { list-style: decimal; }
	body#booster-club.about #morelinks { display: none; }
	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: 10pt; }
	#content fieldset#membershiptype label { float: none; display: block; }
	
	body.volunteer-descriptions #content h2 { color: #333; font-size: 12em; }
	body.volunteer-descriptions #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.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: 10pt; }
	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: 10pt; }
	body.advertising #content fieldset input { float: none; display: inline; width: auto; }
	body.advertising #content input#totalamount { width: 100px; }
	
	
	/* LINKS */
	body#links #content p a { color: #333; }
	body#links #content p 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; 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 div.section { margin: 0 10px 2em 0; float: left; width: 190px; }
	body#sitemap #content ul { margin-left: 0; list-style-type: none; }
	body#sitemap #content ul li { padding: .4em 0 0; font-size: 10pt; }
	
	/* 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 p.quote { color: #0d6825; font-size: 14pt; }
	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: 10pt; }
	#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: 10pt; }
	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: 10pt; }
	#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: 10pt; }


/* Footer
------------------------- */
	#footer { clear: both; margin-top: .5in; text-align: center; }
	#footer a { color: #333; text-decoration: none; }