* {-moz-box-sizing:border-box;} 
body {
	font:8pt Verdana, Arial, Helvetica, sans-serif;
	/* centers container div in browser window */
	text-align:center;
	margin-top:0px;
	background-image:url(../images/bg.png);
	color:#555555;
	position:relative; 
    top:0; 
    left:0; 
    z-index:0; }
form {
	margin: 0 0 0 0;}
td {
	font:11px "trebuchet ms", Verdana, Arial, Helvetica, sans-serif;
	color:#555555;}
th {
	font:11px "trebuchet ms", Verdana, Arial, Helvetica, sans-serif;
	color:#555555;
	font-weight:bold;
	background-color:#cccccc;
	text-align:left;}
/* used to set bulletted list alignments on the homepage */
ul {
	margin-top:0px;
	margin-left:-10px !important; /* mozilla left margin */
	margin-left:25px; /* IE left margin */}
/* for mozilla to remove extra blank line */
p {
	margin-top:0px; }
a {
	/* dark green used for default link color */
	color:#7C1424; /*#0B5246*/
	font-weight:bold;}
a:hover {
	/* orange used for link hover color */
	color:#888888;
	font-weight:bold;}
input, select {
	font:8pt Verdana, Arial, Helvetica, sans-serif;}
textarea {
	font:8pt Verdana, Arial, Helvetica, sans-serif;}
input.btn{
   color:#ffffff;
   font-family:Verdana,helvetica,sans-serif;
   font-size:10px;
   font-weight:bold;
   background-color:#7C1424;
   border:1px solid;
   border-top-color:#888888;
   border-left-color:#888888;
   border-right-color:#888888;
   border-bottom-color:#888888;
   padding: 2px 5px 2px 5px;
   filter:progid:DXImageTransform.Microsoft.Gradient
      (GradientType=0,StartColorStr='#C12038',EndColorStr='#7C1424');}
.large {
	font-size:10pt;
	font-weight:bold;}
.bold {
	font-weight:bold;}
.errmsg {
	color:red;}
.floatright{
	float:right;
}
.floatleft{
	float:left;
}
	
	
/*this is the main div that aligns the entire body */
#container {
	width:800px;
	margin-right:auto;
	margin-left:auto;
	/* resets default alignment */
	text-align:left;
	padding:0px;
	border:0px;
	font:11px "trebuchet ms", Verdana, Arial, Helvetica, sans-serif;}
/*displays the large Tulsa Wheelmen logo on the background */
#watermark {
	z-index:-1;
	position:absolute;
	width:340px;
	height:334px;
	margin-left:-115px;}
#header {
	width:100%;
	height:75px;
	margin:4px;
	text-align:right;
	padding-right:10px;
	padding-bottom:5px;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	/* almost white text color used for "tulsa's premier..." in header */
	color:#E0E0E0;}
/*#########################################
#	Sponsor Section styles*/
#sponsors {
	overflow:hidden;
	width:100%;
	/* light color almost white in the sponsors graidient */
	background-color:#CCCCCC;
	/*background-image:url(../images/sponsbg.gif);*/
	margin:4px 0px 2px 0px;
	height:20px;}
#showhide {
	width:100%;
	text-align:right;}
#sponsorsTable {
	display:none;}
/*#########################################
#	Navigation styles*/
#globalNav{
	width:800px;
	height:30px;
	/* light orange color in nav background */
	background-color:#7C1424;
	background-image:url(../images/navbg.jpg);
	margin:4px 0px 2px 0px;}
.nav {
	float:left;
	/* dark orange color in nav used for seperators */
	border-right:1px solid #7C1424;}
.nav a {
	float:left;
	text-decoration:none;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	/* to add nav items, decrease the right and left padding to make room */
	/* to remove nav items, increas the right and left padding to fill the bar */
	/* order is top right bottom left */
	padding:9px 16px 9px 15px;
	text-align:center;}
.nav a:hover,.nav a.active {
	/* dark orange color used for hover color of nav background items */
	background-color:#7C1424;
	color:#FFFFFF;}
.navActive {
	float:left;
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	/* to add nav items, decrease the right and left padding to make room */
	/* to remove nav items, increas the right and left padding to fill the bar */
	/* order is top right bottom left */
	padding:9px 16px 9px 15px;
	text-align:center;
	/* dark orange color used for hover color of nav background items */
	background-color:#7C1424;
	/* white text hover color */
	color:#FFFFFF;
	border-right:1px solid #7C1424;}
.navActive a, .navActive a:hover {
	color:#FFFFFF;
	text-decoration:none;}
#loginStatus, #loginStatus td {
	background-color:#eeeeee;
	height:20px;
	padding:0 5px 0 5px;
	margin: 4px 0 2px 0;}
/*#########################################
#	Main (left) Section styles
    this div is used for alignment */
#mainColumn {
	/* float allows the two columns to show up side by side */
	float:left;
	width:510px;
	position:relative;
	left:0px;
	top:2px;
	/* dark grey used to seperate main sections */
	background-color:#cccccc;
	/* testing scroll bars - overflow */
	/*
	overflow:scroll;
	height:80%;
	*/
	padding:5px 5px 0px 5px;}
#mainColumnFull{
	/* float allows the two columns to show up side by side */
	float:left;
	width:100%;
	position:relative;
	left:0px;
	top:2px;
	/* dark grey used to seperate main sections */
	background-color:#cccccc;
	/* testing scroll bars - overflow */
	/*
	overflow:scroll;
	height:80%;
	*/
	padding:5px 5px 0px 5px;}
.mainSection {
	background-color:#ffffff;
	width:500px;
	padding:5px;
	/* bottom margin is used to create seperation from section below it */
	margin-bottom:3px;}
.mainSectionFull {
	background-color:#ffffff;
	width:100%;
	padding:5px;
	/* bottom margin is used to create seperation from section below it */
	margin-bottom:5px;}
.mainSectionHeader {
	background-image:url(../images/mainSection.jpg);
	height:34px;
	/* orange for text in section headers */
	color:#DFDFDF;
	font-family:"trebuchet ms", Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	padding-top:3px;
	padding-left:10px;
	width:500px;}
.mainSectionHeaderFull {
	background-image:url(../images/mainSectionFull.jpg);
	height:34px;
	/* orange for text in section headers */
	color:#DFDFDF;
	font-family:"trebuchet ms", Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	padding-top:3px;
	padding-left:10px;
	width:100%;}
.mainSection p.headline, .mainSectionFull p.headline {
	/* orange color used for section titles */
	color:#7C1424;
	font-family:"trebuchet ms", Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	line-height:12px;
	/* orange dashed line border around section title
	border-top:1px dashed #FF6600;
	border-bottom:1px dashed #FF6600; */
	border-top:1px solid #7C1424;
	border-bottom:1px solid #7C1424;
	padding:4px 0 4px 0;
	width:auto;}
.heading {
	/* orange color used for section titles */
	color:#7C1424;
	font-family:"trebuchet ms", Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	padding:4px 0 4px 0;}
.mainSection p.posted, .mainSectionFull p.posted {
	/* orange color used for posted date text */
	color:#7C1424;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:11px;
	margin-top:4px;
	margin-bottom:15px;}
/*#########################################
#	Right Support Section styles
this div is only used for alignment
it was a pain in the ass to get this to 
look the same in mozilla and IE */
#supportColumn {
	position:relative;
	margin-left:514px !important; /* mozilla left margin */
	margin-left:511px; /* IE left margin */
	top:2px;
	width:286px;
	/* dark grey color used to seperate support sections */
	background-color:#cccccc;
	/* testing scroll bars - overflow */
	/*
	overflow:scroll;
	height:80%;
	*/
	padding:5px 5px 0px 5px;}
.sectionHeader {
	background-image:url(../images/supportSection.jpg);
	height:34px;
	/* orange for text in section headers */
	color:#DFDFDF;
	font-family:"trebuchet ms", Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	padding-top:3px;
	padding-left:10px;}
.sectionContent {
	background-image:url(../images/sectionbg.jpg);
	background-position: top left;
	background-repeat: repeat-y;
	background-color: #eeeeee;
	margin-bottom:5px;
	padding:0px 5px 5px 5px;}
.sectionContent .sectionHeadImg {
	background-image:url(../images/sectionbg.jpg);
	background-position: top left;
	background-repeat: repeat-y;
	background-color: #eeeeee;
	padding-top: 5px;}
	}
.sectionContent .headline {
	/* orange color used for section titles */
	color:#7C1424;
	font-family:"trebuchet ms", Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	line-height:10px;
	/* orange dashed line border around section title
	border-top:1px dashed #FF6600;
	border-bottom:1px dashed #FF6600; */
	border-top: 1px solid #7C1424;
	border-bottom: 1px solid #7C1424;
	padding:4px 0 4px 0;
	width:265px;}
/*#########################################
#	Footer styles*/
#footer {
	width:100%;
	/* light orange color used for background in footer */
	background-color:#CCCCCC;
	background-image:url(../images/navbg.jpg);
	/* default font color in footer - just a little off white */
	color:#FCFCFC;
	font-size:10px;
	font-weight:bold;
	clear:both;
	padding:4px 10px 4px 10px;
	margin-top: 6px;}
#footer .copyright {
	float:left;
	width:500px;}
#footer .contact {
	text-align:right;}
#footer .contact a {
	/* default font color in footer - just a little off white */
	color:#FCFCFC;}
/*#########################################
#	Events table*/
.alternate {
	/* very light grey almost white */
	background-color:#eeeeee;}
.wheelmen {
	/* light orange */
	background-color:#FFE7C1;}
.wheelmenLogo {
	background-image:url(../images/twevent.gif);
	background-position:right;
	background-repeat:no-repeat;}
.targeted {
	background-image:url(../images/targetedEvent.gif);
	background-position:right;
	background-repeat:no-repeat;}
.selectedEvent {
	background-image:url(../images/checkmark.gif);
	background-position:right;
	background-repeat:no-repeat;}
	

/*#########################################
#	Race Team Table*/
	
.dataTable {
border:2px solid #7C1424;
border-collapse:collapse;
}

.dataTable thead th {
	background-color:#D2D2D2;
	text-align:left;
}

.dataTable tbody th {
	background-color: #F0F0F0;
	text-align:left;
	font-weight:normal;
	font-size: 11px;
}

.dataTable tbody th.tmaster{
	font-weight:normal;
	font-size: 11px;
        background-color:#CCFFCC;
}
.dataTable tbody th.twomen{
	font-weight:normal;
	font-size: 11px;
        background-color:#FFCC99;
}
.dataTable tbody th.tespoir{
	font-weight:normal;
	font-size: 11px;
        background-color:#CCFFFF;
}
.dataTable tbody th.tjunior{
	font-weight:normal;
	font-size: 11px;
    background-color:#FFFF99;
}
.dataTable tbody th.tregular {
	font-weight:normal;
	font-size: 11px;
	background-color: #F0F0F0;
}

/*#########################################
#	Race Team Table*/
.titleBy{
	font-weight:normal;
	font-size: 8pt;
	background-color:#ffffff;
}

.articleImg span{
float:left;
margin:0px;
padding:5px;
border:1px solid black;
background:#D2D2D2;
}

.articleImg span img{
border:1px solid black;
}