/* CSS Document */

body {
	width: 850px;
	margin: 0 auto;
	background: #51260b url(../images/bkgd.gif) repeat-x;
	padding: 0;
}

div.content {
	position: relative;
	width: 850px;
	height: 700px;
	margin: 0;
	padding: 0;
	z-index: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #99cc33;
}
div.topbar {
	position: relative;
	width: 800px;
	height: 88px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

div.leftpanel {
	position: relative;
	width: 450px;
	top: 0;
	left: 0;
	height: 750px;
	margin: 0;
	padding: 200px 0 0 0;
	background: url(../images/smalllogo.jpg) no-repeat;
	z-index: 200;
	float: left;
	}
	

div.rightpanel {
	position: relative;
	width: 330px;
	top: 0;
	left: 0;
	height: 760px;
	margin: 0;
	padding: 220px 0 0 0;
	z-index: 300;
	float:right;
	}

div.rodeoprincess {
	position: relative;
	top: 200px;
	margin: 0;
	padding: 0;
}

/*-----------------HOME PAGE CSS-------------------------------------------------*/

.home div.leftpanel {float: left; width: 230px; margin: 0 20px 0 0; padding: 0; background: none;}
.main {
	position: relative;
	float: left;
	width: 600px;
	top: 0;
	left: 0;
	height: 750px;
	margin: 0;
	padding: 200px 0 0 0;
	z-index: 200;
	}

.reels .main {padding-top: 0;}
	
.home .leftpanel p {margin-left: 0; padding-left: 0;}
	
.button {
	position: relative;
	width: 142px;
	top: 0;
	height: 31px;
	margin: 20px 5px 30px 0;
	padding: 0;
	float: left;
}

.topLeft {padding-top: 122px;}

.clearFloat {
	clear: both;
}

.homeDisplay {
	display: block;
}

.congrats {
	display: none;
	border-left: 1px solid #B45B3D;
}

/*-----------------END HOME PAGE CSS-------------------------------------------------*/

.morecongrats .main {padding-top: 0;}
	
#nav {
	position: relative;
	width: 530px; 
	top: 67px;
	height: 30px;
	margin: 0 0 0 230px; 
	padding: 0;
	z-index: 1000;
	font-weight: bold;
}

#nav li a:link, #nav li a:visited {color: #6d5d18;}
#nav li a:hover, #nav li.at a:link {color: #ffffff;}

#nav li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0px; text-align: center;}

#panel1 {left: 0; width: 60px;}
/*--#panel2 {left: 70px; width: 70px;} --- with old clients button
#panel3 {left: 140px; width: 90px;}
#panel4 {left: 230px; width: 70px;}
#panel5 {left: 300px; width: 70px;}
#panel6 {left: 370px; width: 120px;}--*/
#panel2 {display: none;}
#panel3 {left: 60px; width: 80px;}
#panel4 {left: 140px; width: 100px;}
#panel5 {left: 240px; width: 120px;}
#panel6 {left: 360px; width: 70px;}
#panel7 {left: 430px; width: 100px;}


a {font-family: Arial, Helvetica, sans-serif; text-decoration: none;}
a:link, a:visited {color: #b45b3d;}
a:active, a:hover {color: #ffffff;} 

.tb {font-weight: bold;}
.tbcap {font-weight: bold; text-transform: uppercase;}
.ti {font-style:italic;}
.ti_red {font-style:italic; color: #b45b3d;}
.tu {text-decoration:underline;}
.tui {text-decoration:underline; font-style:inherit;}
.tcap {text-transform: uppercase;}
.incrtxt {font-size: 14px;}
.tlc {text-transform:lowercase;}

h1 {text-transform: uppercase; font-size: 14px;}
h2 {color: #b45b3d; font-size: 12px; margin: -3px 0 15px 0;}

.home p {margin: 8px 20px 15px 20px;}
.home p.tbcap {margin:  8px 0;}

.home .main h1, .home .main h2, .home .main p, .home .main p.tbcap {padding-left: 40px;}
/*----------------------*/
td { font-family: arial, helvetica, sans-serif;  font-size: 11px; }

a:active, a:focus {outline: 0px;} /* --removes dotted outline in firefox 3-- */