/***************************************************************************/
/***************************************************************************/
/************ CSS Styles Copyright 2008 Teen Ranch Canada ******************/
/***************************************************************************/
/***************************************************************************/

BODY {margin:0px auto; padding:0px; font-family:verdana, arial, helvetica, sans-serif; background:#24190F url('../barnBGR.jpg') no-repeat; behavior:url("js/csshover.htc");}

TABLE { border:none; vertical-align:top; border-collapse:collapse; text-align:center;}

TD {border:none; vertical-align:top; border-collapse:collapse;}

DIV {margin:0px auto; border:none; padding:0px;}

P {border:none; padding:0;}

UL {list-style:square;}

IMG {margin:0; border:none; padding:0;}

A {text-decoration:none;}

SPAN.hr {clear:both; position:relative; background:url(../hr.jpg) no-repeat; width:880px; height:2px; margin-top:20px; margin-bottom:20px; display:block; background-position:center;}

DIV#topNavBar {margin:0px auto; background:url('../indexBGR.jpg') repeat-x; border-bottom:1px solid #cccccc; height:30px; padding-right:150px;}
	DIV#topNavBar UL {margin:0px;}
	DIV#topNavBar UL LI {background:url('../indexOver.jpg') repeat-x; display:block; height:30px; float:right;}
	DIV#topNavBar UL LI A {padding:9px; background:url('../indexBGR.jpg') repeat-x; color:#ffffff; letter-spacing:1px; font-size:8pt; font-weight:bold; display:block; height:12px;}
	DIV#topNavBar UL LI A:hover {color:#ffffff; background:none;}
	DIV#topNavBar UL LI.divide {background:url('../divide.jpg') no-repeat; width:2px;}

DIV#logo {width:329px; height:80px; margin-top:50px; background:url(../trLogo.png) no-repeat;}

DIV#location {color:#cccccc; margin-bottom:10px; width:880px;}
	DIV#location A:hover {color:#ff0000;}

DIV#wrapper {width:880px; margin-top:30px; background:#24190F url('../wrapper.jpg') no-repeat; color:#CCA169; padding:10px; font-size:10pt; text-align:justify}
	DIV#wrapper A {color:#0099cc;}
	DIV#wrapper A:hover {color:#ff0000;}
	DIV#media {clear:both; width:550px; height:300px; background:#000000; margin-top:10px; margin-bottom:10px; border:1px solid #0099cc;}

	#camp, #hockey, #horse, #retreat {width:205px; height:270px; float:left; background:#ffffff; margin-bottom:20px;}
	#camp A, #hockey A, #horse A, #retreat A {width:205px; height:270px; display:block;}
		DIV#camp {background:url(../campHover.jpg) no-repeat;}
			DIV#camp A {background:url(../camp.jpg) no-repeat;}
			DIV#camp A:hover {background:none;}
		DIV#hockey {background:url(../hockeyHover.jpg) no-repeat; margin-left:20px;}
			DIV#hockey A {background:url(../hockey.jpg) no-repeat;}
			DIV#hockey A:hover {background:none;}
		DIV#horse {background:url(../horseHover.jpg) no-repeat; margin-left:20px;}
			DIV#horse A {background:url('../horse.jpg') no-repeat;}
			DIV#horse A:hover {background:none;}
		DIV#retreat {background:url('../retreatHover.jpg') no-repeat; margin-left:20px}
			DIV#retreat A {background:url('../retreat.jpg') no-repeat;}
			DIV#retreat A:hover {background:none;}

	#hockeyCamp, #horseCamp, #xtremeCamp, #figureCamp {width:205px; height:270px; float:left; background:#ffffff;}
	#hockeyCamp A, #horseCamp A, #xtremeCamp A, #figureCamp A {width:205px; height:270px; display:block;}
		DIV#hockeyCamp {background:url(../hockeyCampHover.jpg) no-repeat;}
			DIV#hockeyCamp A {background:url(../hockeyCamp.jpg) no-repeat;}
			DIV#hockeyCamp A:hover {background:none;}
		DIV#horseCamp {background:url(../horseCampHover.jpg) no-repeat; margin-left:20px;}
			DIV#horseCamp A {background:url(../horseCamp.jpg) no-repeat;}
			DIV#horseCamp A:hover {background:none;}
		DIV#xtremeCamp {background:url(../xtremeCampHover.jpg) no-repeat; margin-left:20px;}
			DIV#xtremeCamp A {background:url('../xtremeCamp.jpg') no-repeat;}
			DIV#xtremeCamp A:hover {background:none;}
		DIV#figureCamp {background:url('../figureCampHover.jpg') no-repeat; margin-left:20px}
			DIV#figureCamp A {background:url('../figureCamp.jpg') no-repeat;}
			DIV#figureCamp A:hover {background:none;}
	
	DIV#wrapperNav {text-align:left;}
		DIV#wrapperNav UL {list-style:none; position:absolute; margin-top:-41px; margin-left:20px; background:#333333; padding:0px;}
		DIV#wrapperNav UL LI {border:1px solid #0099cc; border-bottom:1px solid:#006699; height:10px; display:block; padding:10px;}
		DIV#wrapperNav UL LI:hover {border-bottom:1px solid #333333;}
		DIV#wrapperNav UL LI:hover UL.sub {display:block;}
		DIV#wrapperNav UL LI A {text-decoration:none;}
		DIV#wrapperNav UL LI A:hover {color:#0099cc;}
		DIV#wrapperNav UL LI UL.sub {display:none; position:absolute; padding:0px; left:-20px; top:73px; background:#333333; border:1px solid #0099cc; border-top:none; padding-bottom:10px;}
		DIV#wrapperNav UL LI UL.sub LI {width:150px; border:none; font-size:10px; height:5px; padding-top:10px; border-bottom:none;}
		DIV#wrapperNav UL LI UL.sub LI A:hover {color:#ff0000;}		
	
	DIV.scroll {margin-bottom:10px; height:200px; overflow-y:scroll; border:1px solid #0099cc; padding:10px;}
	DIV.box {border:1px solid #0099cc; padding:10px;}

DIV#footer {width:900px; color:#CCA169; text-align:center; font-size:6pt; padding:10px; margin-top:10px;}


SPAN#drop A:link UL.subDrop {}
SPAN#drop A:focus UL.subDrop {display:block;}
SPAN#drop A:active UL.subDrop {display:block;}
UL.subDrop {display:none; color:#CCA169;}


DIV.news {border:1px solid #0099cc; padding:10px; padding-left:110px; width:298px; float:left; height:80px; font-size:10pt; margin:10px;}	
DIV.news A {text-decoration:underline;}
	DIV#herd {background:url(../images/herd.jpg no-repeat;)}
	DIV#hjShowProgram {background:url(../images/hjShowProgram.jpg) no-repeat;}
	DIV#hjShowStandings {background:url(../images/hjShowStandings.jpg) no-repeat;}
	DIV#springLeague {background:url(../images/springLeagueSmall.jpg) no-repeat;}
	DIV#openHouse {background:url(../images/openHouseSmall.jpg) no-repeat;}
	DIV#qhorse {background:url(../images/quarterHorseSmall.jpg) no-repeat;}
	DIV#dayCamp {background:url(../images/dayCampSmall.jpg) no-repeat;}
        DIV#christmasDayCamp {background:url(../images/christmasDayCampThumb.jpg) no-repeat;}
	
DIV.forSale {border:1px solid #0099cc; padding:10px; margin-bottom:10px; padding-left:245px; height:135px; width: 300px;}
	DIV#jazzyBlue {background:url(../images/jazzyBlue.bmp) no-repeat;}
	DIV#jesse {background:url(../images/jesse.bmp) no-repeat;}

H1, H2, H3, H4, H5, H6 {color:#0099cc; margin-bottom:0px;}

H5 {margin-top:0px;}

SPAN.note {font-size:8pt; font-style:italic;}
SPAN.ring {font-size:8pt; font-style:italic;}
SPAN.GR {font-size:10pt; color:#0099cc; margin-left:-40px; font-style:italic;}

UL.quarterHorse {list-style:decimal;}

IMG#map {width:200px;}

TABLE#mail TD {text-align:right; padding-top:5px;}

SPAN.asterisk {color:#0099cc;}
SPAN.small {font-size:9px; letter-spacing:1px;}

SPAN.center {width:100%; text-align:center; font-size:18px;}

table.standings {width:100%; margin:10px 0px 20px 0px;}
	table.standings td {border:1px solid #0099cc; padding:5px; text-align:left;}
	table.standings tr.heading td {background:#0099cc; color:#24190f; font-weight:bold; text-align:center; border:1px solid #006699;}
	
span.notice {font-size:14pt; color:red;}

a.entryForm {height:80px; width:300px; display:block; background:url(../registration.png)}
a.entryForm:hover {background-position:00px -80px;}