﻿/***************************************************************************/
/***************************************************************************/
/******************* Copyright © 2008 Eagle Wing Ranch *********************/
/***************************************************************************/
/***************************************************************************/

/**** colors  dark:#003366 light:006699 ****/


BODY {font-family:verdana, arial, sans-serif; background:#006699; margin:0px auto; behavior:url("../scripts/csshover.htc"); letter-spacing:0.05em;}

TABLE {vertical-align:top;}

TD {vertical-align:top;}

DIV {margin:0px auto; padding:0px; z-index:0;}

UL {list-style:none; margin:0px auto; padding:0px;}

A {text-decoration:none; font-weight:bold;}

A IMG {border:none;}
	
#wrapper {}

	#header {background:url(../design/headerInside.jpg) repeat-x; border-bottom:1px solid #000000; height:25px; text-align:center; color:#cccccc; font-size:11px; letter-spacing:1px;}
		#headerInside {width:960px; height:25px;}
			UL#headerNav {margin-left:500px;}
			UL#headerNav LI {float:left; display:inline; width:auto;}
			UL#headerNav LI A {color:#333333; display:block; height:20px; width:0px; padding-top:5px; padding-left:10px; padding-right:10px;}
			UL#headerNav LI A.current {background:url(../design/headerInsideOver.jpg) repeat-x;}
			UL#headerNav>LI>a {width:auto;}
			UL#headerNav LI A:hover {color:#006699;}
			UL#headerNav LI UL.headerSub {display:none; position:absolute; top:25px; left:-1px; z-index:100; background:#333333; border:1px solid #cccccc; border-top:none; width:150px;}
			UL#headerNav LI:hover UL.headerSub {display:none;}
			UL#headerNav LI UL.headerSub A {display:block; color:#cccccc; border-left:10px solid #cccccc;}
			UL#headerNav LI UL.headerSub A:hover {display:block; color:#006699;  border-left:10px solid #006699;}

#bannerWrapper {background:url(../design/banner2.jpg) repeat-x #006699; height:210px; border-bottom:1px solid #333333;}
	#banner {width:960px; height:200px; color:#ffffff; font-size:50px; font-family:"times new roman";}
		#logo {height:150px; width:110px; width:900px;}

#navigateWrapper {background:url(../design/navigate.jpg) repeat-x #666666; height:40px; border-top:1px solid #cccccc;}
	#navigate {width:960px; height:40px; letter-spacing:1px;}
		UL#nav {height:40px; width:900px; margin:0px auto;}
		UL#nav LI:hover UL.sub {display:none;}
		UL#nav LI {float:left; width:auto; display:inline;}
		UL#nav LI A {display:block; padding-top:10px; height:30px; color:#333333; padding-left:10px; padding-right:10px; width:0px;}
		UL#nav>LI>A {width:auto;}
		UL#nav LI A:hover {color:#006699;}
		UL#nav LI A.current {background:url(../design/current.jpg) repeat-x;}
		UL#nav LI UL.sub {display:none; background:#333333; border:1px solid #cccccc; width:200px; position:absolute;}
		UL#nav LI UL.sub LI {}
		UL#nav LI UL.sub LI A {display:block; height:20px; width:170px; border-left:10px solid #cccccc; color:#cccccc; font-size:11px;}
		UL#nav LI UL.sub LI A:hover {color:#006699; border-left:10px solid #006699; background:#cccccc;}
			UL#nav LI.home A {background:url(../design/home.png) no-repeat; background-position:10px 10px; width:20px;}
			UL#nav LI.home A:hover {background:url(../design/home2.png) no-repeat; background-position:10px 10px;}
			UL#nav LI#current {background:url(../design/current.jpg) repeat-x;}
			
#contentWrapper {background:url(../design/contentWrapper.jpg) repeat-x #333333;}
	#content {background:url(../design/content.jpg) repeat-x #ffffff; width:940px; padding:10px; font-size:12pt; position:relative;}
		#content A {color:#006699; text-decoration:underline;}
		#content A:hover {color:#333333;}
	#content2 {width:940px; padding:10px; overflow:hidden; color:#cccccc;}
	#content2 a {color:#0099cc;}
	#left, #middle, #right {width:288px; height:250px; background:#000000; margin-top:50px; margin-bottom:40px; float:left; border:1px solid #006699;}
		#left {margin-left:15px; margin-right:20px; background:url(../design/equestrian.jpg) no-repeat;}
			#left A {background:url(../design/equestrianHover.jpg) no-repeat; display:block; width:288px; height:250px;}
			#left A:hover {background:none;}
		#middle {margin-right:20px; background:url(../design/adventureCamp.jpg) no-repeat;}
			#middle A {background:url(../design/adventureCampHover.jpg) no-repeat; display:block; width:288px; height:250px;}
			#middle A:hover {background:none;}
		#right{background:url(../design/4031.jpg) no-repeat;}
			#right A {background:url(../design/4031Hover.jpg) no-repeat; display:block; width:288px; height:250px;}
			#right A:hover {background:none;}
			
		#contentMail {background:#ffffff; font-size:13pt; height:350px;}
		#content UL {list-style:disc; margin-left:40px; font-size:11pt;}
		#content UL LI {padding-bottom:5px;}

                .slideshow {position:absolute; left:0px; top:0px; height:300px; width:960px; display:block;}
                .slideshow2 {position:absolute; top:380px; right:20px;}
                #carnival {position:absolute; left:0px; top:0px; height:300px; width:960px; display:block;}
                #carnival2 {width:610px; margin-left:0px;}

                .registration {background:url(../design/links.png) no-repeat; height:40px; width:200px; display:inline-block;}
                    .registration:hover {background-position:0px -40px;}
                .individualNeeds {background:url(../design/links.png) -200px 0px no-repeat; height:40px; width:200px; display:inline-block;}
                    .individualNeeds:hover {background-position: -200px -40px;}
		
#footerWrapper { background:url(../design/footer.jpg) repeat-x #006699; clear:both;}
	#fadeWrapper {background:url(../design/fadeWrapper.jpg) repeat-x #006699;}
	#fadeWrapper2 {clear:both; background:url(../design/fadeWrapper2.jpg) repeat-x #333333;}
	#fade {width:960px; height:15px; background:url(../design/contentFade.jpg) repeat-x;}
	#fade2 {width:960px; height:15px;}
	#footer {color:#ffffff; font-weight:bold; font-size:9px; height:40px; width:900px; padding-top:30px; text-align:center;}
	#footer a {font-weight:bold; color:#cccccc;}
		#fWrapper{width:693px; margin:0px auto;}
		#f1, #f2, #f3 {width:200px; float:left; display:inline; margin:10px; border-left:1px solid #0099cc; height:120px; padding-left:10px;}
		#footer DIV A {font-size:8pt; color:#cccccc; letter-spacing:1px; font-weight:normal;}
		#footer DIV A:hover {color:#ffffff;}
		#footer DIV A:hover H4 {color:#0099cc;}

UL#gallery {margin:10px auto; overflow:hidden; width:602px; border:1px solid #333333; height:0px auto; list-style:none;}
	UL#gallery LI {float:left; display:inline; padding:10px;} 


        .spacer {height:280px; width:960px; display:block;}
H1 {letter-spacing:1px; font-size:34px; color:#006699; height:40px; padding-top:10px; font-family:"times new roman"; border-bottom:1px solid #006699;}
H2 {color:#006699; border-bottom:1px solid #006699; font-family:"times new roman"; margin-bottom:10px;}
H3 {color:#006699; font-family:"times new roman"; margin-bottom:0px;}
H4 {color:#333333; font-weight:bold; border-bottom:1px solid #0099cc; font-size:10pt; margin-bottom:0px; letter-spacing:1px;}
H5 {letter-spacing:1px; font-size:34px; color:#cccccc; height:40px; padding-top:10px; font-family:"times new roman";}
H6 {}

DIV#picture {width:500px; height:250px; border:1px solid #003366;}

#note {font-style:italic; font-size:10px;}
#mail {font-size:12px; color:#006699;}

DIV.row {width:880px; overflow:hidden; margin-bottom:20px;}
	DIV.left {width:407px; float:left; background:#cccccc; height:280px; border:1px solid #006699; border-right:none; padding:10px; font-size:10pt;}
		DIV.left UL LI {font-size:10pt;}
	DIV.right {width:450px; height:300px; background:#000000; border:1px solid #006699; float:left;}

DIV.divImg {width:550px; height:300px; border:1px solid #006699; margin-bottom:15px;}

SPAN.quote {font-size:14pt; font-weight:bold; font-style:italic; font-family:"times new roman";}

DIV.name {font-size:10pt; font-style:italic; font-family:"times new roman"; text-align:right; width:100%; margin-top:11pt;}

DIV.script {margin:0px auto; width:728px;}

SPAN.important {
font-weight:bold;
color:#666666;
font-size:14pt;
}

SPAN A {
	margin:20px;
	display:block;
}

IMG.tshirt {width:200px;}

DIV#gallery IMG {border:1px solid #333333; margin:10px;}

DIV.hr {width:900px; background:url(../design/hr.jpg) no-repeat; height:2px; clear:both;}

.sponsor1 {height:300px;}

.sponsor2 {height:100px;}

div#gallery {width:900px;}

div#gallery img {float:left;}

div#clear {clear:both;}

#apply {width:300px; height:80px; display:block; background:url(../design/apply.png) no-repeat; margin-bottom:20px;}
    #apply:hover {background-position: 0px -80px;}