@charset "UTF-8";
/* CSS Document */



/* COLORS -----------

Dark Grey	 	#333
Black			#000
White			#FFF
Light Grey		#d1d5d8
Medium Grey		#a7abb0
Red				#c71a1a	

-------------------*/


/* RESET */

h1, h2, h3, p, ul, li {
  margin:0px;
  padding:0px;
}


html{
	overflow:-moz-scrollbars-vertical;
}

a:active, a:focus{
	outline:none;
}

body {
  background:url(../images/tulsatough/bg_body.jpg) 950px 0px repeat-y #000;
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
  line-height:16px;
  color:#666;
  margin:0px;
  padding:0px;
}

/* -------------------- HTML ELEMENTS ------------------- */

h1, h2, h3 {
  font-family:Arial, Helvetica, sans-serif;
}


h2 {
  margin-bottom:16px;
}

h3, h3 a {
  font-size:11px;
  line-height:16px;
  font-weight:bold;
  color:#c71a1a;
  margin-bottom:16px;
}

h3 a:hover {
  text-decoration:underline;
}

p {
  margin:0px 0px 16px 0px;
}

p a {
  color:#a7abb0;
}

p a:hover {
  color:#666;
}

a {
  color:#A7ABB0;
  text-decoration:none;
}

a img {
  border:none;
}

ul li {
  list-style:none;
}


/* -------------------- MISC CLASSES ------------------- */

.summary  {
  font-size:12px;
  line-height:20px;
  color:#999;
  padding:0px 0px 30px 0px;
  margin:0px 0px 30px 0px;
  border-bottom:1px solid #d1d5d8;
}

.leftimg {
	float:left;
	margin:12px 15px 15px 0px;
}

.rightimg {
	float:right;
	margin:12px 0px 15px 15px;
}

.left {
  float:left;
}

.right {
  float:right;
}

.clear {
  clear:both;
}

.clearleft{
	clear: left;
}

.divider {
	height:10px;
	margin-bottom:20px;
	clear:both;
	border-bottom:1px solid #D1D5D8
}

.column_left {
	float:left;
	width:47%;
	margin-right:3%;
}

.column_right {
	float:right;
	width:47%;
	margin-left:3%;
}

/* -------------------- LAYOUT ------------------- */

#wrapper {
  width:950px;
  background:url(../images/tulsatough/bg_wrap_bottom.gif) bottom left no-repeat #333;
  padding:0px 0px 22px 0px;
}

#sponsor_block {
	height:84px;
	margin-left:25px;
}

#sponsor_block img {
	float:left;
}

/* -------------------- HEADER ------------------- */

#header {
  height:124px;
  background:url(../images/tulsatough/bg_header.gif) left no-repeat #DDD;
}

#header img {
  float:left;
}

#header ul {
  float:right;
  margin:60px 10px 0px 0px;
}

#header ul li {
  display:inline;
  list-style:none;
  font-size:10px;
  font-weight:bold;
  text-transform:uppercase;
}

#header li a {
  color:#70777f;
  padding:3px 3px;
}

#header li a:hover {
  background:#FFF;
  color:#c71a1a;
}

/* ---------------- HOMEPAGE SPECIFIC ------------- */

#blockwrap {
  background:url(../images/tulsatough/bg_home_block.jpg) bottom left no-repeat #FFF;
}

#block_left {
  float:left;
  width:425px;
  padding:30px 25px 0px 25px;
}

#block_left .summary a {
  color:#666;
}

#block_left .summary a:hover {
  color:#333;
  background:#EBEBEB;
}

.blog_exerpt {
  float:left;
  width:130px;
}

.more_news {
  clear:both;
  padding-top:20px;
}

#block_left .middle {
  border-left:1px solid #D1D5D8;
  border-right:1px solid #D1D5D8;
  padding: 0px 10px;
  margin-right:10px;
}

.blog_exerpt p a {
  color:#a7abb0;
}

.blog_exerpt p a:hover {
  color:#666;
}

#block_right {
  float:right;
  background:#000;
  vertical-align:bottom;
  height:471px;
  width:475px;
}

/* -------------------- CALLOUTS ------------------- */

#callout_wrap {
  min-height:164px;
  font-size:12px;
  line-height:21px;
}

#callout_wrap a {
  color:#a7abb0;
}

#callout_wrap a:hover {
  color:#FFF;
  background:#444;
}

#callout_left {
  background:url(../images/tulsatough/callout_donate.jpg) left top no-repeat;
  width:450px;
  padding:30px 0px 0px 25px;
  float:left;
}

#callout_left p {
  padding-right:150px;
}

#callout_2, #callout_3 {
  width:206px;
  min-height:164px;
  margin:10px 0px 0px 0px;
  padding:20px 10px 0px 20px;
  float:right;
}

#callout_3 {
  border-left:1px solid #555;
  border-right:1px solid #555;
}

/* ------------- specific to content pages -------------- */
#callout_wrap_sub {
  min-height:164px;
  font-size:12px;
  line-height:21px;
}

#callout_wrap_sub a {
  color:#a7abb0;
}

#callout_wrap_sub a:hover {
  color:#FFF;
  background:#444;
}

#callout_1_sub, #callout_2_sub, #callout_3_sub, #callout_4_sub {
  width:201px;
  min-height:164px;
  margin:10px 0px 0px 0px;
  padding:20px 10px 0px 25px;
  float:right;
}

#callout_2_sub {
  border-right:1px solid #555;
}

#callout_3_sub {
  border-left:1px solid #555;
  border-right:1px solid #555;
}

/* -------------------- CONTENT ------------------- */

#content_wrap {
  background:url(../images/tulsatough/bg_bottom_subwrap.gif) no-repeat bottom #FFF;
  padding:0px 0px 30px 0px;
}

#content_left {
  float:left;
  width:650px;
  padding:0px 0px 0px 0px;
}

.padding_left {
  margin:0px 25px 0px 25px;
}

h1.title {
  background:#c71a1a;
  color:#FFF;
  margin:0px 0px 30px 0px;
  padding:15px 15px 15px 25px;
  letter-spacing:1px;
}

h2.event_intro {
	text-transform:uppercase; 
	color:#333; 
	padding:10px 0px;
}

#content_left p {
  margin-bottom:25px;
}

#content_left p a {
  color:#666;
  text-decoration:underline;
}

#content_left p a:hover {
  color:#c71a1a;
  text-decoration:underline;
}

#content_left .summary {
  margin-top:20px;
}

.news_date {
	border-right:1px solid #DDD;
	color:#333;
	margin-right:5px;
	padding-right:10px;
}


.arrow {
  text-decoration:none !important;
  color:#c71a1a !important;
}

.arrow:hover {
  text-decoration:underline !important;
  color:#a7abb0 !important;
}

/* Table Elements ------- */

#content_left table {
  width:100%;
  text-align:left;
  margin-bottom:20px;
}

#content_left th {
  padding:5px;
  border-bottom:1px solid #d1d5d8;
  border-right:1px solid #d1d5d8;
}

tr.odd {
  background:#EEE;
}

.type {

}

.type, .day {
  width:50px;
}

.time {
  width:100px;
}

.location {
width:100px;
}

.event {
  border-right:none !important;
}

#content_left td {
  padding:5px;
  color:#666;
  border-right:1px solid #d1d5d8;
}

.last {
  border-right:none !important;
}

td.music {
  font-weight:bold;
  color:#339900 !important;
  border-right:1px solid #d1d5d8 !important;
}

td.race {
  font-weight:bold;
  color:#c71a1a !important;
  border-right:1px solid #d1d5d8 !important;
}

td.ride {
  font-weight:bold;
  color:#CC6600 !important;
  border-right:1px solid #d1d5d8 !important;
}

td.misc {
  font-weight:bold;
  color:#666 !important;
  border-right:1px solid #d1d5d8 !important;
}

/* -------------------- SIDEBAR ------------------- */

#content_right {
  float:right;
  width:284px;
  border-left:1px solid #d1d5d8;
  padding:0px 0px 0px 0px;
  margin:0px 0px 0px 15px;
}

#content_right .summary {
  border-bottom:none;
}

.sidebar {
  margin:0px 15px;
}

.sidebar p {
  font-size:12px;
  line-height:20px;
  color:#999;
  padding:0px 0px 30px 0px;
  margin-bottom:0px;
}

.sidebar a {
}

.sidebar ul {
	margin-top:15px;
  margin-bottom:15px;
  padding:15px 10px;
  background:#333;
}

.sidebar li {
}

.sidebar li a {
  color:#CCC;
  font-weight:bold;
  line-height:24px;
  padding:5px 5px;
}

.sidebar li a:hover {
	color:#FFF;
	background:#222;
}

.sidebar_callout {
	margin:15px 15px 0px 15px;
	padding:15px 15px;
	/*background:url(../images/tulsatough/bg_header.gif) -140px 0px no-repeat #DDD;*/
	background:#EBEBEB;
}

.sidebar_callout h2 {
	color:#333;
	font-size:12px;
	padding:15px 0px 15px 0px;
	border-bottom:1px solid #BBB;
}

.sidebar_callout p {
	font-size:12px;
	line-height:20px;
	font-weight:bold;
	color:#999;
	padding:0px 0px 0px 0px;
	margin:0px;
}

.sidebar_callout a {
	color:#333;
	text-decoration:underline;
}

/* -------------------- FOOTER ------------------- */

#footer {
	width:925px;
	padding:20px 0px 0px 25px;
}

#footer p {
	font-size:10px;
	line-height:14px;
	color:#666;
	font-weight:bold;
	margin:0px 0px 0px 10px;
}

#footer a {
}

#footer a:hover {
}

#footer1 {
	width:600px;
	min-height:50px;
	margin-bottom:20px;
	float:left;
	border-right:1px solid #333;
}

.red {
	font-weight:bold;
	color:#c71a1a;
	border-right:1px solid #333;
	padding:0px 0px 0px 0px;
	width:40px;
}

#footer1 ul li {
	float:left;
	margin:0px 5px 0px 0px;
}

#footer1 li a {
	color:#666;
}

#footer1 li a:hover {
	color:#FFF;
}

.footer_events {
	clear:both;
	padding-top:5px;
}

#footer3 {
	width:300px;
	float:right;
	margin-bottom:20px;
	min-height:50px;
}

.footer_logo {
	margin-bottom:10px !important;
}

.nm {
	color:#666 !important;
	background:url(../images/tulsatough/nm_clock_off.gif) left no-repeat;
	padding-left:10px;
}

.nm:hover {
	color:#FFF !important;
	background:url(../images/tulsatough/nm_clock_on.gif) left no-repeat;
}

/* -------------------- FORUM STUFF ------------------- */

ul#subnav_2 {
	font-size: 11px;
	margin: 0px 0px 20px 0px;
	padding:10px;
	list-style-type: none;
	text-align: left;
	font-weight: bold;
	background:#EBEBEB;
	border-bottom:2px solid #333;
}

ul#subnav_2 li {
	padding: 5px 10px 5px 8px;
	display: inline;
}

ul#subnav_2 li a {
	color: #999999;
	text-decoration: none;
}

ul#subnav_2 li a:active,
ul#subnav_2 li a:hover {
	color: #c71a1a;
	text-decoration: none;
}

/* General */
.areopagus .when {
	font-style: italic;
}

.areopagus div.who_is_online {
	background:#333;
	padding:5px;
	color:#CCC;
}


.areopagus div.who_is_online a {
	text-decoration: underline;
	color:#CCC;
}

.areopagus a {
	color: #c71a1a;
	text-decoration: none;
}

.areopagus a:hover {
	text-decoration: underline;
}

.areopagus .titlebar {
	color: white;
	border-width: 0px 0px 4px 0px;
}

.areopagus .titlebar div {
	padding-top: 3px;
	text-align: left;
	height: 25px;
	border-width: 0 1px 0px 0;
	color: #666;
}

.areopagus div {
	border-color: #ebebeb;
	border-style: solid;
	border-width: 0;
}

.areopagus .forum_breadcrumbs {
margin-bottom:17px;
margin-top:17px;
font-weight:bold;
background:#EBEBEB;
padding:10px;
}

.areopagus .navigation {
	margin-top: 7px;
	margin-bottom: 7px;
}

/* NOTE - this is needed on FF because of clearing issues */
.areopagus .float_clear_helper {
	width: 600px;
	float: left;
}

/* Category Listing */
.forum_category_listing {
	padding-bottom: 1.5em;
	padding-left: 0px;
}

.private_category_listing {
}

.forum_category_listing .titlebar {
	color: #666;
	height: 25px;
	font-weight: bold;
}

.forum_category_listing .titlebar div {
	padding-top: 2px;
	height: 25px;
	text-align: left;
	border-width: 0px 2px 0px 0px;
}

.titlebar .title_hdr {
	width: 248px;
	float: left;
	padding-left: 5px;
}

.titlebar .last_post_hdr {
	width: 188px;
	float: left;
	padding-left: 5px;
}

.titlebar .threads_hdr {
	width: 68px;
	float: left;
	padding-left: 5px;
	
}

.titlebar div.posts_hdr {
	width: 68px;
	float: left;
	padding-left: 5px;
	border-width: 0;
}

.areopagus div.forum_entry {
}

.areopagus div.odd{
  background:#EEE;
}

.areopagus .forum_entry .about {
	width: 250px;
	float: left;
}

.about .inside {
	padding: 12px 5px 12px 5px;	
}

.areopagus .forum_entry .last_post_info {
	width: 200px;
	float: left;
}

.last_post_info .inside {
	padding: 5px 5px 5px 5px;
}

.last_post_info .noposts {
	padding-top: 16px;
}

.areopagus .forum_entry .threads_info {
	width: 75px;
	float: left;
	text-align: center;
	
}

.threads_info .inside {
	padding-top: 16px;
}

.posts_info {
	width: 70px;
	float: left;
	text-align: center;
	height: auto;
}

.posts_info .inside {
	padding-top: 16px;	
}

/* Forum View ----------------------- */

.thread_listing .titlebar {
	text-align: center;
	background-color: #ffffff;
	color: #666;
	height: 25px;
	font-weight: bold;
}

.thread_listing .titlebar div {
	padding-top: 2px;
	height: 25px;
	text-align: left;
	border-width: 0px 2px 0px 0px;
}

.name_hdr {
	width: 250px;
	float: left;
	padding-left: 5px;
}

.last_post_hdr {
	width: 200px;
	padding-left: 5px;
	float: left;
}

.replies_hdr {
	width: 60px;
	padding-left: 5px;
	float: left;
}

div.views_hdr {
	width: 60px;
	padding-left: 5px;
	float: left;
	border: none;
}

.areopagus div.thread_info {
}

.thread_info .about {
	width: 250px;
	float: left;
}

.thread_info .about .inside {
	padding: 12px 5px 12px 5px;
}

.thread_info .last_post {
	width: 200px;
	float: left;
}

.thread_info .last_post .inside {
	padding: 5px 5px 5px 5px;
}

.thread_info .replies {
	width: 60px;
	float: left;
	text-align: center;
}

.thread_info .replies .inside {
	padding-top: 16px;
}

.thread_info .views {
	width: 60px;
	float: left;
	border: none;
	text-align: center;
}

.thread_info .views .inside {
	padding-top: 16px;
}

/* Posts ------------------------------ */

.areopagus div.post {
	border-width: 1px;
	margin-top: 5px;
	margin-bottom: 20px;
}

.post .date {
	display: block;
	/*float: none;*/
	background: #333;
	color:#FFF;
	font-style: italic;
	font-weight:bold;
	/*border-bottom-width: 1px;*/
	padding: 5px;
}

.areopagus div.post_profile_info {
	padding: 10px;
	width: 125px;
	float: left;
	border-width: 0px 0px 0px 0px;
	margin-bottom: 5px;
	background-color: #a7abb0;
	margin-right: 15px;
	color:#FFF;
	font-weight:bold;
}

.areopagus div.post_profile_info a {
color:#FFF
}
.post_profile_info .memberships {
	padding-top: 3px;
	padding-left: 4px;
	font-style: italic;
	color: blue;
}

.post .subject {
	padding: 5px;
	font-weight: bold;
	/*border-bottom-width: 1px;*/
}

.toolbox {
	border-bottom-width: 1px;
}

.post .post_message {
	padding: 0px 10px 5px 10px;
	margin-left:150px;
}

/* POST FOOTER ----------- */

.post_footer {
	clear:both;
	background:#EBEBEB;
	padding:5px 5px 5px 5px;
	margin:20px 0px 0px 0px;
	border-top:1px dashed #CCC !important;
}

div.signature {
font-style:italic;
}

div.post ul.toolbox {
	margin: 0;
	padding: 0;
	list-style: none;
}

div.post ul.footer_toolbox {
	clear: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;
}

div.post ul.footer_toolbox li {
	display: block;
	float: left;
	padding: 0px 5px 0px 0px;
}

.acc_bar a{
	color: #c71a1a;
}

/*/////////////////////////////////// tab panels ///////////////////////////////////////////////*/

.inputtable {
}

#content_left .inputtable th, #content_left .inputtable td {
border-right:none;
border-bottom:1px solid #D1D5D8;
}


#account_info_sections_tabs {
	margin: 0;
	padding: 10px 0px 0px 0px;
	height:26px;
	background:#EBEBEB;
	border-bottom:2px solid #333;
}

#account_info_sections ul {
	list-style: none;
	display: block;
}

#account_info_sections_tabs li {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
}

#account_info_sections_tabs li a {
	display: block;
	padding: 5px 8px 5px 8px;
	color: #333;
	text-decoration: none;
	/*text-transform: uppercase;
	font-size: 1.4em;*/
}

#account_info_sections_tabs li a:hover,
#account_info_sections_tabs li a.active {
	color: #FFF;
	background:#c71a1a;
}

.panel_panel {
	clear: left;
	list-style: none;
}

#account_info_sections_panels {
	margin: 0;
	padding: 0;
}

#account_info_sections_panels th, #account_info_sections_panels td {
border-right:none;
}

#account_info_sections_panels li {
	margin: 0;
	padding: 15px 0 0 0;
}

input, textarea, select {
	border:1px solid #a7abb0;
	padding:3px;
	font-size:11px;
}

.btn {
	background:#c71a1a;
	border-color:#333;
	xwidth:80px;
	font-weight:bold;
	color:#FFF;
}

.btn2 {
	background:#c71a1a;
	border-color:#333;
	width:65px;
	font-weight:bold;
	color:#FFF;
}

.forgot_btn{
	border:1px solid #a7abb0;
	padding: 5px;
	font-size:11px;
	background:#c71a1a;
	border-color:#333;
	width:80px;
	font-weight:bold;
	color:#FFF;
	top: 8px;
	position: relative;
}

textarea {
	width: 75%;
	height: 150px;
}

.shown_publicly {
	color: #c71a1a;
}

.tab_container {
}

.panel_tab {
}


.panel_selected {
	display: block;
}

.panel_unselected {
	display: none;
}

.tab_selected {
background:#D1D5D8;
color:#333;
}

.tab_unselected {
background:#EBEBEB;
}

/*/////////////////////////////////// Store ///////////////////////////////////////////////*/

#item{
	float: left;
	margin: 0px 20px 20px 0px;
	height: 275px;
	width: 180px;
	overflow: hidden;
}

div.extended_description{
	width: 200px;
	clear: left;
	position: relative;
	float: left;
	padding: 0px 5px 0px 0px;
}

div.right_col_store{
	float: left;
	width: 300px;
	margin: 0px 0px 20px 20px;
}

 table.product_listing_table {
	width: 265px;
}

div.prod_ext_desc{
	clear: both;
}

div.right_col_ext{
	width: 400px;
	overflow: hidden;
}

.big_btn, .stop_btn{
	border:1px solid #a7abb0;
	padding: 5px;
	font-size:11px;
	background:#c71a1a;
	border-color:#333;
	width:80px;
	font-weight:bold;
	color:#FFF;
	top: 8px;
}

input#quantity{
	width: 50px;
}

div.error_notice{
	background:#c71a1a;
	color:#FFF;
	margin:20px 0px 20px 0px;
	padding:15px 15px 15px 25px;
	letter-spacing:1px;
	font-size: 18px;
	text-align: center;
	font-weight: bold;
}
