/*

Screen Stylesheet for Drive for a Cause
Created by Rareview Interactive
http://www.rareview.com

*/

/* =Imports
============================================================================== */

	@import url("resets.css");

/* =Base
============================================================================== */

	/* =General
	-------------------------------------------------------------------------- */
		
		html {
			min-height: 100%;
			min-width: 964px;
			}
		
		body {
			height: 100%;
			font: 62.5%/1.85 Arial, Helvetica, sans-serif, "Lucida Grande", "Lucida Sans", Tahoma, Verdana;
			color: #5d676c;
			background: url(../images/bg-main.jpg) bottom center repeat-x #2e78a9;
			}
	
	/* =Links
	-------------------------------------------------------------------------- */
	
		a, a:visited {
			color: #3e5d6c;
			text-decoration: none;
			}
			
		a:hover {
			text-decoration: underline;
			}

/* =Navigations
============================================================================== */

	/* =Main Navigation
	-------------------------------------------------------------------------- */
	
		#main-nav {
			margin: 0 auto;
			padding: 0;
			width: 900px;
			height: 80px;
			list-style: none;
			position: relative;
			top: 61px;
			}
			
		#main-nav li {
			padding: 0;
			float: left;
			}
			
		#main-nav a, #main-nav a:visited {
			height: 80px;
			text-indent: -9999px;
			overflow: hidden;
			background: url(../images/main-nav.png) no-repeat;
			display: block;
			position: relative;
			}
			
		#main-nav a:hover, #main-nav li.selected a {
			z-index: 2;
			}
			
		#main-nav a .hover { /* added to make the JS hover effect work */
			height: 100%;
			width: 100%;
			background: url(../images/main-nav.png) no-repeat;
			display: block;
			opacity: 0;
			position: absolute;
			top: 0;
			left: 0;
			cursor: pointer;
			}
		
		/* about */
		
		#main-nav li a#main-nav-about { margin-left: 2px; width: 73px; background-position: -2px 0; }
		#main-nav li.selected a#main-nav-about, #main-nav li a#main-nav-about .hover { background-position: -2px -80px; }
			
		/* tournament */
		
		#main-nav li a#main-nav-tournament { margin-left: -1px; width: 122px; background-position: -74px 0; }
		#main-nav li.selected a#main-nav-tournament, #main-nav li a#main-nav-tournament .hover { background-position: -74px -80px; }
			
		/* sponsorship */
		
		#main-nav li a#main-nav-sponsorship { margin-left: -1px; width: 120px; background-position: -195px 0; }
		#main-nav li.selected a#main-nav-sponsorship, #main-nav li a#main-nav-sponsorship .hover { background-position: -195px -80px; }
			
		/* registration */
		
		#main-nav li a#main-nav-registration { margin-left: 256px; width: 126px; background-position: -571px 0; }
		#main-nav li.selected a#main-nav-registration, #main-nav li a#main-nav-registration .hover { background-position: -571px -80px; }
			
		/* past-events */
		
		#main-nav li a#main-nav-past-events { margin-left: -1px; width: 111px; background-position: -696px 0; }
		#main-nav li.selected a#main-nav-past-events, #main-nav li a#main-nav-past-events .hover { background-position: -696px -80px; }
			
		/* contact */
		
		#main-nav li a#main-nav-contact { margin-left: -1px; width: 92px; background-position: -806px 0; }
		#main-nav li.selected a#main-nav-contact, #main-nav li a#main-nav-contact .hover { background-position: -806px -80px; }
		
	/* =Past Events Year Navigation
	-------------------------------------------------------------------------- */
	
		#past-events-year-nav {
			margin: 0 auto 30px auto;
			width: 820px;
			overflow: hidden;
			position: relative;
			}
		
		#past-events-year-nav .copy {
			float: left;
			position: relative; 
  			left: 50%;
			}
			
		#past-events-year-nav ul {
			margin: 0;
			list-style: none;
			position: relative;
			right: 50%;
			}
			
		#past-events-year-nav li {
			padding: 0 5px;
			float: left;
			}
			
		#past-events-year-nav li a, #past-events-year-nav li a:visited {
			padding-left: 7px;
			height: 24px;
			text-decoration: none;
			display: block;
			float: left;
			}
			
		#past-events-year-nav li a em {
			padding: 0 9px 0 2px;
			height: 24px;
			line-height: 24px;
			font-style: normal;
			font-size: 10px;
			text-transform: uppercase;
			letter-spacing: 1px;
			color: #4e4e4e;
			display: block;
			float: left;
			cursor: pointer;
			}
			
		#past-events-year-nav li a:hover {
			text-decoration: none;
			background: url(../images/button-past-events-years-left.png) top left no-repeat;
			}
			
		#past-events-year-nav li a:hover em {
			background: url(../images/button-past-events-years-right.png) top right no-repeat;
			}
			
		#past-events-year-nav li.selected a, #past-events-year-nav li a:active, #past-events-year-nav li a:focus {
			background: url(../images/button-past-events-years-left.png) bottom left no-repeat;
			}
			
		#past-events-year-nav li.selected a em, #past-events-year-nav li a:active em, #past-events-year-nav li a:focus em  {
			color: #fff;
			background: url(../images/button-past-events-years-right.png) bottom right no-repeat;
			}
		
/* =Header
============================================================================== */

	/* =Header Containers
	-------------------------------------------------------------------------- */
	
		#header {
			background: url(../images/bg-header.png) top center repeat-x;
			position: relative;
			z-index: 2;
			}
		
		#header .copy {
			margin: 0 auto;
			width: 900px;
			height: 164px;
			background: url(../images/bg-main-nav-back.png) top center no-repeat;
			position: relative;
			}
			
	/* =Logo
	-------------------------------------------------------------------------- */
	
		a#logo, a#logo:visited, a#logo:hover {
			margin: 0 auto;
			width: 202px;
			height: 94px;
			text-indent: -9999px;
			overflow: hidden;
			background: url(../images/logo.png) top left no-repeat;
			display: block;
			position: absolute;
			top: 20px;
			left: 343px;
			z-index: 3;
			}

/* =Content
============================================================================== */

	/* =Content Containers and Columns
	-------------------------------------------------------------------------- */
	
		#content {
			margin: 0 auto;
			padding-top: 90px;
			width: 924px;
			background: url(../images/bg-page-back.png) top center repeat-y;
			position: relative;
			bottom: 60px;
			z-index: 1;
			}
		
		/* full width column */
		
		#content .full-col {
			margin: 0 auto;
			width: 820px;
			}
			
		/* 3 even width columns */
		
		#content .three-col-top {
			margin: 0 auto;
			padding-top: 35px;
			width: 820px;
			background: url(../images/separator-3col-top.png) top center no-repeat;
			}
			
		#content .three-col-mid {
			padding-bottom: 35px;
			width: 820px;
			background: url(../images/separator-3col-btm.png) bottom center no-repeat;
			}
			
		#content .three-col-btm {
			width: 820px;
			background: url(../images/separator-3col-mid.png) top center repeat-y;
			position: relative;
			}
			
		#content .three-col-left {
			width: 220px;
			float: left;
			position: relative;
			}
			
		#content .three-col-center {
			margin-left: 80px;
			width: 220px;
			float: left;
			position: relative;
			}
			
		#content .three-col-right {
			margin-left: 80px;
			width: 220px;
			float: left;
			position: relative;
			}
			
		/* 2 columns, right column larger with main content */
		
		#content .two-col-right-top {
			margin: 0 auto;
			padding-top: 35px;
			width: 820px;
			background: url(../images/separator-2col-top.png) 240px 0 no-repeat;
			}
			
		#content .two-col-right-mid {
			padding-bottom: 35px;
			width: 820px;
			background: url(../images/separator-2col-btm.png) 240px 100% no-repeat;
			}
			
		#content .two-col-right-btm {
			width: 820px;
			background: url(../images/separator-2col-mid.png) 240px 0 repeat-y;
			position: relative;
			}
			
		#content .two-col-right-sidebar {
			width: 220px;
			float: left;
			position: relative;
			}
			
		#content .two-col-right-copy {
			margin-left: 80px;
			width: 520px;
			float: left;
			position: relative;
			}
			
		/* 2 columns, left column larger with main content */
		
		#content .two-col-left-top {
			margin: 0 auto;
			padding-top: 35px;
			width: 820px;
			background: url(../images/separator-2col-top.png) 540px 0 no-repeat;
			}
			
		#content .two-col-left-mid {
			padding-bottom: 35px;
			width: 820px;
			background: url(../images/separator-2col-btm.png) 540px 100% no-repeat;
			}
			
		#content .two-col-left-btm {
			width: 820px;
			background: url(../images/separator-2col-mid.png) 540px 0 repeat-y;
			position: relative;
			}
			
		#content .two-col-left-sidebar {
			margin-left: 80px;
			width: 220px;
			float: left;
			position: relative;
			}
			
		#content .two-col-left-copy {
			width: 520px;
			float: left;
			position: relative;
			}
			
	/* =Headings, Paragraphs, Lists, Preformatted Code
	-------------------------------------------------------------------------- */
		
		p, ul, ol, dl, pre {
			margin-bottom: 20px;
			font-size: 12px;
			}
		
		/* headings */
		
		h1, h2, h3, h4 {
			font-weight: normal;	
			text-transform: uppercase;
			color: #4e4e4e;
			}
			
		h1 {
			margin-bottom: 7px;
			font-size: 21px;
			text-transform: uppercase;
			}
						
		h2 {
			margin-bottom: 9px;
			font-size: 19px;
			}
			
		h3 {
			margin-bottom: 11px;
			font-size: 17px;
			}
			
		h4 {
			margin-bottom: 13px;
			font-size: 15px;
			font-weight: bold;
			}
			
		/* main section titles */
		
		.section-title {
			padding: 15px 0 0 0;
			min-width: 351px;
			min-height: 94px;
			font-size: 26px;
			text-align: center;
			background: url(../images/bg-section-title.png) top center no-repeat;
			}
			
		/* titles with a dividing line below them */
		
		.divide {
			width: 545px;
			margin: 0 0 23px -45px;
			padding: 0 0 10px 45px;
			background: url(../images/separator-horiz-md.png) bottom center no-repeat;
			}
			
		/* lists */
			
		ul {
			margin-left: 15px;
			list-style: disc;
			}
			
		ol {
			margin-left: 15px;
			list-style: decimal;
			}
			
		/* strong */
		
		strong {
			color: #1e2021;
			}
						
		/* superscript */
		
		sup {
			font-size: 8px;
			position: relative;
			bottom: 3px;
			}
			
		/* center text */
		
		.centerText {
			text-align: center;
			}
			
		/* golf ball */
		
		.golfball {
			position: absolute;
			top: -65px;
			right: -20px;
			z-index: 100;
			}
			
	/* =Home Page
	-------------------------------------------------------------------------- */
		
		/* top donation message and opening paragraph */
		
		#intro {
			margin: 0 auto 20px auto;
			padding: 0 40px 30px 40px;
			width: 820px;
			background: url(../images/separator-horiz-lg.png) bottom center no-repeat;
			}
			
		#intro img.donations {
			margin-top: 5px;
			float: left;
			}
			
		#intro p, #intro h4 {
			width: 520px;
			float: right;
			}

		/* past events intro photo at bottom right */
		
		#past-events-intro {
			min-height: 215px;
			}
		
		#past-events-intro p {
			position: absolute;
			top: 25px;
			left: -10px;
			}
			
		#past-events-intro p a.arrow-button {
			margin: 5px 0 0 10px;
			}
			
	/* =About Page
	-------------------------------------------------------------------------- */
		
		#about-side-photo {
			width: 220px;
			min-height: 261px;
			float: left;
			}
			
		#about-side-photo img {
			position: absolute;
			top: 0;
			left: -68px;
			}
	
	/* =Tournament Page
	-------------------------------------------------------------------------- */
	
		/* schedule of Events list */
	
		#schedule-of-events {
			line-height: 15px;
			}
				
		#schedule-of-events p {
			padding-top: 5px;
			line-height: 18px;
			}
			
		#schedule-of-events p span {
			color: #1c1d1e;
			}
			
		#schedule-of-events p strong {
			display: block;
			}
			
		#schedule-of-events ul {
			margin: 0;
			color: #1c1d1e;
			list-style: none;
			}
			
		#schedule-of-events ul li {
			padding-bottom: 15px;
			}
			
		#schedule-of-events ul span {
			font-size: 10px;
			color: #5f6263;
			display: block;
			}
			
		/* photo on right side of Tournament page */
		
		#tournament-side-photo {
			min-height: 261px;
			width: 254px;
			position: relative;
			float: right;
			}
			
		#tournament-side-photo img {
			position: absolute;
			top: 0;
			left: 0;
			}
			
		#tournament-side-photo a.arrow-button {
			position: absolute;
			top: 275px;
			left: 40px;
			}
			
	/* =Sponsorship Page
	-------------------------------------------------------------------------- */
	
		/* sponsor logo list */
		
		.sponsor-list {
			margin: 0;
			list-style: none;
			text-align: center;
			}
			
		.sponsor-list li {
			padding: 15px 0;
			}
			
		/* sponsorship packages */

		#sponsorship-packages dl {
			margin-top: 40px;
			}
			
		#sponsorship-packages dt {
			width: 545px;
			margin: 0 0 10px -45px;
			padding: 0 0 12px 45px;
			background: url(../images/separator-horiz-md.png) bottom center no-repeat;
			}
		
		#sponsorship-packages dt span {
			text-transform: uppercase;
			font-family: Georgia, Palatino, "Palatino Linotype", serif;
			float: left;
			}
		
		#sponsorship-packages dt strong {
			padding: 0 6px;
			border: 1px solid #b9b8b8;
			color: #434242;
			font-family: Georgia, Palatino, "Palatino Linotype", serif;
			float: right;
			position: relative;
			right: 25px;
			bottom: 1px;
			}
			
		#sponsorship-packages dt strong.sold {
			color: #c03838 !important;
			}
			
		#sponsorship-packages dd {
			padding-left: 25px;
			padding-bottom: 10px;
			font-size: 11px;
			line-height: 16px;
			background: url(../images/bullet-leaf.gif) 0 3px no-repeat;
			}
			
	/* =Registration Page
	-------------------------------------------------------------------------- */	

		#registration-side-photo {
			width: 220px;
			min-height: 261px;
			float: left;
			}
			
		#registration-side-photo img {
			position: absolute;
			top: 0;
			left: -68px;
			}
			
	/* =Past Events page
	-------------------------------------------------------------------------- */	
	
		/* photos slideshow */
		
		#past-event-photos {
			padding-bottom: 40px;
			width: 520px;
			position: relative;
			float: left;
			}
		
		#past-event-photos .full-size {
			margin-bottom: 10px;
			}
			
		#past-event-photos .full-size img {
			padding: 11px 12px 13px 12px;
			width: 496px;
			height: 348px;
			background: url(../images/slideshow/frame-large.png) top left no-repeat;
			}
		
		#past-event-photos .previews {
			margin: 3px 0 0 3px;
			float: left;
			}
		
		#past-event-photos .previews ul {
			margin: 0;
			list-style: none;
			}
			
		#past-event-photos .previews li {
			margin: 0 -3px;
			padding: 11px 11px 12px 11px;
			width: 85px;
			height: 97px;
			background: url(../images/slideshow/frame-small.png) top left no-repeat;
			}
			
		#past-event-photos .previews li span {
			width: 85px;
			height: 97px;
			overflow: hidden;
			display: block;
			cursor: pointer;
			}
			
		#past-event-photos a.prev, #past-event-photos a.prev:visited {
			width: 55px;
			height: 122px;
			text-indent: -9999px;
			overflow: hidden;
			background: url(../images/slideshow/button-prev.png) top left no-repeat;
			display: block;
			float: left;
			}
			
		#past-event-photos a.next, #past-event-photos a.next:visited {
			width: 55px;
			height: 122px;
			text-indent: -9999px;
			overflow: hidden;
			background: url(../images/slideshow/button-next.png) top left no-repeat;
			display: block;
			float: right;
			}
			
		/* tournament placings */
		
		dl.tournament-placings {
			margin-top: 40px;
			position: relative;
			}

		dl.tournament-placings dt {
			width: 200px;
			margin: 0 0 10px -46px;
			padding: 0 50px 12px 46px;
			text-transform: uppercase;
			font-family: Georgia, Palatino, "Palatino Linotype", serif;
			background: url(../images/separator-horiz-sm.png) bottom center no-repeat;
			}
			
		dl.tournament-placings dd {
			padding-left: 25px;
			padding-bottom: 10px;
			font-size: 11px;
			line-height: 16px;
			background: url(../images/bullet-leaf.gif) 0 3px no-repeat;
			}
			
		/* special thanks */
		
		.special-thanks {
			margin-top: -5px;
			margin-left: 0;
			list-style: none;
			}
			
		.special-thanks li {
			margin: 0;
			}
			
		.special-thanks li strong {
			font-weight: normal;
			}
			
	/* =Contact page
	-------------------------------------------------------------------------- */
	
		/* the contact details for both co-founders in definition lists */
		
		.contactDetails {
			width: 225px;
			float: left;
			}
			
		.contactDetails dt {
			font-weight: bold;
			}
	
	/* =Buttons
	-------------------------------------------------------------------------- */
	
		/* arrow button */
	
		a.arrow-button, a.arrow-button:visited {
			padding-left: 19px;
			height: 24px;
			text-decoration: none;
			background: url(../images/button-arrow-left.png) top left no-repeat;
			display: block;
			float: left;
			}
			
		a.arrow-button em {
			padding: 0 13px 0 8px;
			height: 24px;
			line-height: 24px;
			font-family: Georgia, Palatino, "Palatino Linotype", serif;
			font-style: normal;
			font-size: 10px;
			text-transform: uppercase;
			letter-spacing: 1px;
			color: #fff;
			background: url(../images/button-arrow-right.png) top right no-repeat;
			display: block;
			float: left;
			cursor: pointer;
			}
			
		a.arrow-button:hover {
			text-decoration: none;
			background: url(../images/button-arrow-left.png) center left no-repeat;
			}
			
		a.arrow-button:hover em {
			background: url(../images/button-arrow-right.png) center right no-repeat;
			}
			
		a.arrow-button:active, a.arrow-button:focus {
			background: url(../images/button-arrow-left.png) bottom left no-repeat;
			}
			
		a.arrow-button:active em, a.arrow-button:focus em  {
			background: url(../images/button-arrow-right.png) bottom right no-repeat;
			}
			
		/* registration button */
		
		a.registration-button, a.registration-button:visited {
			margin-top: 20px;
			width: 253px;
			height: 47px;
			text-indent: -9999px;
			overflow: hidden;
			background: url(../images/button-registration.png) top left no-repeat;
			display: block;
			float: left;
			}
			
		a.registration-button:hover {
			background-position: center left;
			}
			
		a.registration-button:active, a.registration-button:focus {
			background-position: bottom left;
			}
			
		/* button container - allows you to add buttons at the bottom of paragraphs without them floating all over */
		
		.button-container {
			padding-top: 5px;
			display: block;
			}
			
	/* =Content Misc
	-------------------------------------------------------------------------- */
		
		/* extra top margin - helps separate some content areas */
		
		.extra-top-padding {
			padding-top: 20px;
			}
			
		/* tighter letter spacing */
		
		.less-kerning {
			letter-spacing: -1px;
			}
			
/* =Footer
============================================================================== */

	/* =Footer Containers
	-------------------------------------------------------------------------- */
	
		#footer {
			margin: 0 auto;
			padding-top: 60px;
			width: 924px;
			min-height: 54px;
			background: url(../images/bg-page-bottom.png) top center no-repeat;
			position: relative;
			bottom: 60px;
			z-index: 1;
			}
			
		#footer .copy {
			margin: 0 auto;
			padding: 0 40px;
			width: 820px;
			color: #fff;
			}
			
		#footer .copy ul {
			margin: 0 auto 5px auto;
			text-align: center;
			}
			
		#footer .copy ul li {
			padding: 0 10px;
			display: inline;
			text-shadow: #000 1px 1px 1px;
			}
			
		#footer .copy ul li a, #footer .copy ul li a:visited, #footer .copy ul li a:hover {
			font-weight: bold;
			color: #fff;
			}