/* CSS Document */

/*----------------Copyright 2010 Caldwell Night Rodeo-----*/

p{
margin: 10px 0px;
}

ol{
margin-left: 50px;
}

.RedUL{
color: #6e0f0b;
margin-left: 50px;
}
	.RedUL li{
	padding-bottom: 5px;
	}

	.RedUL li > span{
	color: #000000;
	}

.spacer{
margin: 20px 0px;
border-bottom:1px dotted #999999;
}

.Clear{
clear: both;
}

.SecondaryContentNav{
background-color: #f8f1e3;
border: 1px solid #d5cab5;
list-style: inside;
width: 150px;
float: right;
margin-top: 5px;
}

	.SecondaryContentNav ul{
	list-style-image: url(../Images/arrow.gif);
	margin: 5px;
	font-size: 12px;
	}

.SecondaryContentNav2{
background-color: #f8f1e3;
border: 1px solid #d5cab5;
list-style: inside;
width: 200px;
float: right;
margin-top: 5px;
}

	.SecondaryContentNav2 ul{
	list-style-image: url(../Images/arrow.gif);
	margin: 5px;
	font-size: 12px;
	}

.News{
padding: 5px;
margin-bottom: 10px;
}

.Local td{
padding: 0px 20px 50px 0px;
}

.Places td{
padding-right: 20px;
text-align: left;
}

#map{
width:430px; height:400px; 
float: left; 
border: 1px solid #4c0b04;
}

#mapDirections{
width:385px; 
float: left; 
margin-left: 45px;
text-align: left;
}

.SponsorWrapper{
margin: 15px 20px;
height: 100px;
padding: 5px;
text-align: center;
}

.DirctorsTable,
.PastQueenTable{
margin: 5px 0px 5px 0px;
border-bottom:1px dotted #999999;
width: 100%;
}

	.DirctorsTable td,
	.PastQueenTable td{
	vertical-align: top;
	padding-bottom: 10px;
	}
	
.addBtn,
.miscBtn_top{
text-align: right;
margin-bottom: 3px;
}

.PastEndDate{
background-color: #dae2fe;
}

	.PastEndDate td{
	padding: 0px 0px 0px 7px;
	}

/*---------------------index--------------------------------*/

.indexLeftColum{
float: left;
width: 415px;
height: 520px;/*--need this for IE7*/
margin-right: 15px;
margin-top: 5px;
}

.link:link, .link:visited{
color: #323232;
text-decoration: underline;
}

.link:hover, .link:active{
color: #514f4f;
text-decoration: none;
}

.RotatingImgs{
width: 407px;
height: 345px;
text-align: center;
}

.RotatorLink{
margin: 3px 0px; 
font-size: 11px; 
text-align: center;
color: #666666;
}

	.RotatorLink a{
	color: #666666;
	text-decoration: underline;
	}

.RotatorLink2{
margin: 20px 0px;
font-size: 12px;
}

	.RotatorLink2 a{
	color: #323232;
	text-decoration: underline;
	}

.SponsorBox{
height: 146px;
margin-top: 10px;
}

.Sponsor_middle{
background: url(../Images/Sponsor_middle.gif) top left repeat-y;
height: 100px;
/*overflow: hidden;*/
}

.indexRightColum{
float: left;
width: 460px;
height: 520px;/*--need this for IE7*/
margin-top: 5px;
}

.NewRodeoBtn{
background: url(../Images/NewRodeo_btn.gif) top left no-repeat;
height: 81px;
color: #8f360e;
width: 340px;
margin: 10px 0px 20px 60px;
}

	.NewRodeoBtn div{
	padding: 58px 0px 0px 25px;
	}

	.NewRodeoBtn a:link, .NewRodeoBtn a:visited{
	color:#FFFFFF;
	text-decoration: none;
	}

	.NewRodeoBtn a:hover, .NewRodeoBtn a:active{
	color:#FFFFFF;
	text-decoration: underline;
	}

.JoinRodeoBtn{
background: url(../Images/JoinRodeo_btn.gif) top left no-repeat;
height: 81px;
color: #8f360e;
width: 340px;
margin: 0px 0px 15px 60px;
}

	.JoinRodeoBtn div{
	padding: 58px 0px 0px 50px;
	}
	
	.JoinRodeoBtn a:link, .JoinRodeoBtn a:visited{
	color:#FFFFFF;
	text-decoration: none;
	}
	
	.JoinRodeoBtn a:hover, .NewRodeoBtn a:active{
	color:#FFFFFF;
	text-decoration: underline;
	}
	
.MilitaryReleifAppBtn{
	width: 450px;
	margin: 5px auto 15px auto;
}
	
	.MilitaryReleifAppBtn a,
	.MilitaryReleifAppBtn a:hover,
	.MilitaryReleifAppBtn a:active{
		width: 450px;
		height: 29px;
		display: block;
	}
	
		
		.MilitaryReleifAppBtn a{
			background: url(../Images/MilitaryRelief_btn.gif) top left no-repeat;
		}
		
			.MilitaryReleifAppBtn a:hover,
			.MilitaryReleifAppBtn a:active{
				background: url(../Images/MilitaryRelief_btn.gif) bottom left no-repeat;
			}

.HotPressBox{
width: 230px;
float: left;
}

.EventsBox{
width: 230px;
float: left;
}

.Box_middle{
background: url(../Images/Boxes_middle.gif) top left repeat-y;
padding: 0px 5px;

}

	.Box_middle div{
	background: url(../Images/MiddleBox.gif) top center no-repeat;
	overflow: auto;
	width: 220px;
	height: 200px;
	}

/*-----------------------VIP Content---------------------------*/

.VIPContent{
text-align: center;
float: left;
margin-left: 30px;
margin-right: 50px;
width: 396px;
}

	.VIPContent p{
	margin: 10px;
	}
	
	.VIPContent p strong{
	color: #6e0f0b;
	}

.VIPinfo{
float: left;
border: 2px solid #000000;
padding: 10px;
text-align: center;
width: 355px;
background-color: #FFFFFF;
}

	.VIPinfo p{
	margin: 10px;
	}

/*-------------------------General Store----------------------*/


.GeneralWrapper{
float: left;
margin: 15px 20px;
width: 195px;
height: 335px;
vertical-align: middle;
border: 1px solid #000000;
background-color: #FFFFFF;
padding: 5px;
}

.GeneralStore{
width: 100%;
text-align: center;
}

	.GeneralStore td{
	text-align: center;
	vertical-align: top;
	overflow: hidden;
	}

.MainImg{
padding-left: 10px; 
padding-right: 10px; 
vertical-align: bottom; 
padding-top: 5px; 
overflow: hidden;
text-align: center;
height: 113px;
width: 170px;
}

.StoreChoices td{
text-align: left;
padding: 0px 5px;
}

/*-------------------Tickets-----------------*/

.divTickets,
.divStoreItems{
border-bottom: 1px solid black;
padding: 10px;
}

.DLheader{
font-weight: bold;
margin-bottom: 3px;
color: #6e0f0b;
border-bottom:1px dotted #999999;
}

	.DLheader td{
	vertical-align: bottom;
	}
	
	
	.DLheader small{
	font-weight: normal;
	color: #000000;
	}
	
.DLsectionHeader{
width: 235px; 
padding-right: 5px; 
font-size: 18px; 
color: #323232;
vertical-align: bottom;
}

.DLName{
width: 235px; 
padding-right: 5px;
}

.qty
{
width: 125px;
}
	
.qtyPriceRemaining{
width: 125px; 
padding-right: 5px;
text-align: right;
}

	.qtyPriceRemaining .DLtitle{
	text-align: center;
	}

	.qtyPriceRemaining table{
	float: right;
	}

.DLheader3{/*----admin manage tickets---*/
font-weight: bold;
margin-bottom: 3px;
color: #6e0f0b;
border-bottom:1px dotted #999999;
}

.PriceSold{
width: 75px; 
padding-right: 5px;
}
	
.DLcontent{
margin-bottom: 5px;
}

.GenericWrapper{
background-color: #f8f1e3;
border: 1px solid #d5cab5;
padding: 5px;
}

.CCBillingInfoWrappers{
width: 420px; 
float: left;
}

.CCBillingInfoWrappers2{
width: 345px; 
float: left;
}

.SubTotals{
font-weight: bold;
margin: 0px 0px 0px 20px;

}

/*------------Gallery page----------------------------------------------------*/

#gallerySelector
{
	margin: 10px;
	text-align: center;
}

#galleryScroller {
background: url(../Images/ScrollBG.gif) center center no-repeat;
height: 95px;
margin: 20px 0px 20px 0px;/*----need this to prevent overlapping----*/
}

.imageView
{
	vertical-align: top; 
	width: 400px; 
	padding: 5px; 
	float: right;
}

.imageViewNoShow
{
	vertical-align: top; 
	width: 400px; 
	padding: 5px;
}

.detailsView
{
	float: right;
	font: normal 14px Verdana, Arial, sans-serif;
	text-align: left;
	margin-bottom: 10px;
	margin-left: 20px;
	width: 350px;
	padding: 5px;
}

.detailsViewNoShow
{
	display: none;
}


.Scroller{
padding: 0px 20px 0px 20px;
}

/*************Framework*********************/

*{
margin: 0px;
padding: 0px;
}

body{
background-color: #4c0901;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #323232;
font-size: 14px;
scrollbar-face-color : #552b01;
scrollbar-highlight-color : #b15a05;
scrollbar-3dlight-color : #552b01;
scrollbar-darkshadow-color : #552b01;
scrollbar-arrow-color : #FFCCCC;
scrollbar-shadow-color : #d76c10;
scrollbar-track-color: #552b01;  
}

a:link, a:visited{
color: #5669ad;
text-decoration: underline;
}

	a:hover, a:active{
	color: #2e3674;
	text-decoration: underline;
	}

#BannerContainer{
height: 180px;
background: url(../Images/Banner.jpg) top center no-repeat;
}

#AdminBannerContainer{
height: 180px;
background: url(../Images/AdminBanner.jpg) top center no-repeat;
}

.BannerWrapper{
margin: auto;
width: 937px;
}

.ClickableLogo{
position: absolute;
margin-left: 215px;
top: 5px;
width: 525px;
height: 139px;
}

.BannerTickets{
font-weight: bold;
text-transform: capitalize;
height: 21px;
width: 230px;
background: url(../Images/Ticket.png);
background-position: 68px 0px;
background-repeat: no-repeat;
/*padding-left: 42px;*/
position: absolute;
top: 10px;
margin-left: 715px;
}

	.BannerTickets a:link, .BannerTickets a:visited{
	text-decoration: none;
	color: #fffab1;
	font-weight: bold;
	}
	
	.BannerTickets a:hover, .BannerTickets a:active{
	color: #fffab1;
	text-decoration: underline;
	font-weight: bold;
	}

.BannerEventDates{
color: #3b0100;
font-weight: bold;
position: absolute;
top: 145px;
margin-left: 367px;
width: 199px;
text-align: center;
font-size: 18px;
}

#Container{
margin: auto;
width: 937px;
background: url(../Images/ContainerBckgd.jpg) top left repeat-y;
}

/*---------------Navigation----------------*/

#NavContainerAdmin{
color: #712208;
height: 31px;
background: url(../Images/Navigation/NavBckgd.gif) top left repeat-x;
}
	#NavContainerAdmin div{
	padding: 5px 0px 0px 5px;
	}
	
	#NavContainerAdmin a:link, #NavContainerAdmin a:visited{
	text-decoration: none;
	color: #fffab1;
	}
	
	#NavContainerAdmin a:hover, #NavContainerAdmin a:active{
	text-decoration: underline;
	color: #fffab1;
	}

#ContentContainer{
min-height: 500px;
background: url(../Images/ContentBckgd.jpg) top left no-repeat;
padding: 10px 20px 0px 25px;
}


/*--------------------Titles-----------------------------------*/


.top_h1{
/*padding: 7px 0px 10px 0px;*/
}

h1{
color: #6e0f0b;
font-size: 24px;
border-bottom:1px dotted #000;
margin: 7px 0px 10px 0px;
}

.topContent_h1{
/*padding: 7px 0px 10px 0px;*/
width: 713px;
float: left;
}

	.topContent_h1 h1{
	margin: 7px 0px 10px 0px;
	color: #6e0f0b;
	font-size: 24px;
	border-bottom:1px dotted #000;
	}

.topContent2_h1{
/*padding: 7px 0px 10px 0px;*/
width: 679px;
float: left;
}

	.topContent2_h1 h1{
	margin: 7px 0px 10px 0px;
	color: #6e0f0b;
	font-size: 24px;
	border-bottom:1px dotted #000;
	}

h2{
font-size: 18px;
padding: 10px 0px 5px 0px;
}

/*---------------------Footer---------------------------------*/

#FooterContainer{
background: url(../Images/FooterBckgd.jpg) top left no-repeat;
background-color: #4c0901;
height: 80px;
color: #d66b1d;
font-size: 10px;
padding: 55px 0px 0px 20px;
clear: both;
}

	#FooterContainer a:link, #FooterContainer a:visited{
	color: #d66b1d;
	text-decoration: none;
	}
	
	#FooterContainer a:hover, #FooterContainer a:active{
	color: #d66b1d;
	text-decoration: underline;
	}