/*
css template for the Canadian Ranch Roping Association
January 2010  by Tumbleweed Web Services 
*/

body 
{
	margin: 20px;
	padding: 0;
	background: #786E50 url(images/img1.gif);
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #3C3728;
}

table
{
  	font-size: 11px;
  	margin: 0;
}

table.menu
{
  	font-size: 11px;
  	margin: 0 0 0 10px; 
 	 position: absolute;
  	visibility: hidden;
 	 background: #786E50;
}

h1, h2, h3, h4
{
	margin: 0;
	padding: 0;
	text-align: left;
	text-transform: uppercase;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #000000;
}

h2 { font-size: 24px; }
h3 { font-size: 18px; }
h4 { font-size: 12px; }

p, ol, ul 
{
	line-height: 15px;
  	text-indent: 20px;
  	font-weight: bold;
}

a {color: #000000;}

a:hover 
{
  	text-decoration:none;
  	color: #CCCCCC;
}

.image 
{
	float: left;
	margin: 5px 15px 0 0;
	border: none;
	padding: 4px;
}

/* CRRA Graphic*/

#header 
{
	width: 804px;
	height: 112px;
	margin: 0 auto;
	background: url(images/crra.jpg);
}

#header h1 
{
	float: left;
	padding: 40px 0 0 20px;
	text-transform: uppercase;
	font-size: 36px;
	color: #ACA283;
}

/* Menu */

#menu 
{
	width: 864px;
	height: 30px;
	margin: 0 auto;
	text-align: center;
}

#menu ul 
{
	margin: 0;
	padding: 0;
	list-style: none;
}

#menu li {display: inline;}

#menu a 
{
	float: left;
	width: 144px;
	height: 30px;
	padding: 12px 0 0 0;
	background: url(images/log01.gif);
	text-decoration: none;
  	text-align: center;
  	font-weight: bold;
	color: #ACA283;        
}

#menu a:hover, #menu .active a 
{
	background: url(images/log02.gif);
	color: #FFFFFF;
}

#menu td {border: 1px;}


/* Content */

#options
{
  	margin: 5px 0 0 0;
	padding: 5px 0 0 0;
	color: #786E50;
}

#content 
{
	width: 804px;
	margin: 12px auto;
	background: #786E50 url(images/img5.gif) repeat-y;
	padding-top: 6px;
}

#colOne 
{
	float: left;
	width: 166px;
	padding: 20px;
}

#colOne .subtitle
{ 
  	font-size: 12px; 
  	text-align: center; 
 	color: #CCCCCC;
}

#colOne .subtitle p {text-align: left;}

#colOne h3, h4
{
	margin: 5px 0 0 0;
	padding: 5px 0 0 0;
	color: #786E50;
	text-align: center;
}

#colOne caption
{
  font-size: 14px;
  color: #786E50;
}

#colOne p 
{
	margin: 0;
	padding: 0 0 0 14px;
  	font-size: 11px;
	color: #786E50;
}

#colOne a 
{
	color: #3C3728; 
  	font-size: 12px;
}

#colOne button
{ 
  	background: #3C3728;
  	font-size: 12px;
  	color: #786E50;
  	border-color: #786E50;
}

 #colTwo button
{ 
  	background: #3C3728;
  	font-size: 12px;
  	color: #786E50;
  	border-color: #786E50;
}

#colOne .finals	{margin: 10px 20px 20px 0px;}

#colOne .action_image
{
	margin: 5px 5px 0 0;
	border: none;
	padding: 4px;
	position: absolute;
	width: 160px;
	height: 140px;
}

#colOne .action_image2
{
	margin: 200px 5px 0 0;
	border: none;
	padding: 4px;
	position: absolute;
	width: 160px;
	height: 140px;
}

#colOne .action_image3
{
	margin: 400px 5px 0 10px;
	border: none;
	padding: 4px;
	position: absolute;
	width: 140px;
	height: 160px;
}
#colOne .mag {margin: 140px 5px 0px -6px;}

#colOne .mag_image 
{
	border: none;
	padding: 10px;
	position: absolute;
	width: 140px;
	height: 74px;
}

#colOne .sponsors
{	
  	margin: 360px 5px 0 0;
	color: #3C3728;
}

#colTwo 
{
	float: right;
	width: 546px;
	padding: 20px;
	min-height: 540px;
}
#colTwo h4

{
  	font-size: 13px; 
 	text-align: left; 
	color: #000000; 
}

#colTwo a 
{
	color: #3C3728; 
  	font-size: 12px;
}

#event p
{
  	font-size: 12px;
	line-height: 0;
  	text-indent: 20px;
  	font-weight: bold;
}

/* Executive Contact Data */
#footer 
{
	width: 804px;
	margin: 0 auto;
	color: #FFFFFF; 
}

#footer p 
{
	margin: 0;
	padding: 0 0 4px 0;
	text-align: center;
	font-size: 11px;
}
 
 #footer h3 
{
  	text-align: center;
	font-size: 16px;
	color: #FFFFFF;
}
 
#footer a {color: #786E50;}