@charset "utf-8";
/*All code was written by and is property of Christopher Ryan (c)2008.  Please direct all questions to Chris_Ryan@undergroundjeeps.net*/

/* Page Color */

body {
	background-color: #333333;
	width: 85%;
	padding: 0 5% 0 5%;
	}

/* Setting all Header & paragraph colors, text colors are also found in various sections*/

a:link {
	color: #CCCCCC;
}
h1 {
	color:#FFFFFF;
}
h2 {
	color:#FFFFFF;
}
h3 {
	color:#FFFFFF;
}
h4 {
	color:#FFFFFF;
}
h5 {
	color:#FFFFFF;
}
p {
	color:#FFFFFF;
}

/*This will auto set the banner image in a page by simply adding  "<div id="header"></div>" without the quotes right after the <body> tag*/

#header {
	width: inherit;
	height: auto;
	color: #FFFFFF;
	font-style: normal;
	font-family: "Stencil Std";
	font-size: 48px;
	text-align: center;
  
}

/* I am going to find a way to put a standard legal discliamer automaticlly in the footer.*/

#footer {
	color: #FFFFFF;
	float: right;
	text-align: right;
	font-size:smaller;
	padding: 15px 0 0 0;
	width: 100%;
}

/* 

main body - #content; 
*/

#image {
	width:300px;
	z-index: 3;
	float: right;
	border: #cccccc groove;
	height: 225px;
	padding: 10 px;
	}

#content {
	width: inherit;
	z-index: 2;
	background-color: #000000;
	padding: 2em;
	border:#CCCCCC groove;
}

#logo {
	width: 20%;
	float: left;
	z-index: 2;
	padding: 15px 0px 0px 0px;
}

.menu{
	width: 86%;
	overflow: hidden;
	border-bottom: 1px solid black;
}
.upcoming  {
	width: auto;
	color: #FFFFFF;
	float: left;
}
.recent  {
	padding: 0;
	float: left;
}


.menu ul{
	margin: 0;
	padding: 0;
	padding-left: 5px; /*offset of tabs relative to browser left edge*/
	font: bold 12px Verdana;
	list-style-type: none;
}

.menu li{
	display: inline;
	margin: 0;
}

.menu li a{
	float: left;
	display: block;
	text-decoration: none;
	margin: 0;
	padding: 7px 8px; /*padding inside each tab*/
	border-right: 1px solid white; /*right divider between tabs*/
	color: white;
	background: #414141; /*background of tabs (default state)*/
}

.menu li a:visited{
color: white;
}

.menu li a:hover, .menu li.selected a{
background: black; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
}

/*Misc stuff*/
.RDlogo {
	float:left;
	width: 20%;
}	

.RDtext {
	float:right;
	color: #FFFFFF;
	width: auto;
	padding-right: 7%;
}

.BODtable {
	color:#FFFFFF
}
