/*  Superior Bike Fest CSS Layout
	Developed by 906 Technologies */
html, body {
	background: #585858 url('/templates/images/background.jpg') repeat-x top left;
	margin: 0;
	padding: 0;
	height: 100%;
	min-height: 100%;
}
#container {
	background: #fff;
	margin: 0 auto;
	padding: 0 0 0 20px;
	width: 800px;
	min-height: 100%;
	font-size: 12px;
}
* html #container {
	padding: 0;
	height: 100%;
	width: 800px;
	border-left: 1px #06F solid;
	border-right: 1px #06f solid;
	background: #fff;
}

#globalNav{
	width: 780px;
	height: 24px;
	color: #000;
	white-space:nowrap;
	font-size:13px;
	white-space: no-wrap;
	margin-top: 10px;
	padding-left:5px;
	margin-bottom: 0px;
	border-bottom:thin;
	border-bottom: 2px solid #0054a6;
	border-top:thin;
	border-top: 2px solid #0054a6;
	padding-top:10px;
	}

#globalNav ul li{
	color:#000;
	float: left;
	display: inline;
	padding: 2 0 0 0;
	margin: 0;
	}

#globalNav ul{
	display: inline;
	padding: 0;
	margin: 2 0 0 0;
	}

#globalNav ul li a {
	color:#0054a6;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	display:inline;
	}

.globalnav_div {
	width: 17px;
	height: 24px;
	background: url(http://www.superiorbikefest.com/images/globalnav_div.png) no-repeat;
	margin-left:7px;
	margin-right: 4px;
	margin-top: -2px;
}

/* This also controls the text style of global navigation items. Modify both items. */
.globalnav a:link, .globalnav a:visited {
	color: #000000;	
	text-decoration: none;
}

/* This controls the hover style of global navigation items. Modify both items. */
.globalnav a:hover, .globalnav a:active {
	color: #000000;	
	text-decoration: none;
}

.chromestyle{
	height: 25px;
	font-weight: normal;
}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromestyle ul{
width: 980px;
background-image: url(images/menu.png);
background-repeat: repeat-x;
margin: 0;
text-align: left; padding-left:0; padding-right:0; padding-top:4px; padding-bottom:4px;
}

.chromestyle ul li{
display: inline;
}

.chromestyle ul li a{
color: #FFFFFF;
padding: 8px 12px;
margin: 0;
text-decoration: none;
}

.chromestyle ul li a:hover{

}

.chromestyle ul li a[rel]:after{ /*HTML to indicate drop down link*/
/*content: "v";*/
/*content: " " url(downimage.gif); /*uncomment this line to use an image instead*/
}


/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
border-left:1px solid #06f; border-right:1px solid #06f; border-top:1px solid #06f; border-bottom:0px solid #06f; position:absolute;
top: 0;
left: 0;
/*THEME CHANGE HERE*/
line-height:18px;
z-index:100;
background-color: white;
width: 175px;
visibility: hidden;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); font-style:normal; font-variant:normal; font-weight:normal; font-size:14px; font-family: Arial, Helvetica, sans-serif;
}


.dropmenudiv a{
width: auto;
display: block;
text-indent: 3px;
border-bottom: 1px solid #06f; /*THEME CHANGE HERE*/
padding: 2px 0;
text-decoration: none;
font-weight: normal;
color: #06f;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #F0F0F0;
}

/* Left Column */

#left_column {
	float: left;
	padding: 0;
	margin: 0;
	width: 980px;
	min-height: 25px;
}
#left_column ul {
	margin: 0;
	padding: 0;
	margin-left: 10px;
	list-style: disc;
}
#left_column li {
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	display: inline;
	text-align: left;
	padding-left: 10px;
	color: #FFFFFF;
}
#left_column a {
	color: #666;
	text-decoration: none;
	padding-left: 6px;
	padding-top: 3px;
	padding-bottom: 3px;
	width: 150px;
	border-bottom: 1px #ccc solid;
}
#left_column a:hover {
	color: #FFFFFF;
	text-decoration: none;
	background: none;
	background-color: #02acea;
}

/* Right Column */

#right_column {
	padding: 0;
	margin: 0;
	float: left;
	width: 747px;
	min-height: 100%;
}
* html #right_column { height: 100%;}

#header_right {
	width: 983px;
	height: 100px;
	margin: 0;
	padding: 0;
}
.logo1 {
	background: url(images/logo.jpg) no-repeat;
	height: 128px;
	width: 250px;
	float: left;
	position: relative;
	top: 30px;
	margin-left: 10px;
}
.logo2 {
	position: relative;
	right: 19px;
	height: 128px;
	width: 683px;
	float: right;
	overflow: hidden;
}
* html .logo2 { position: relative; left: 0; }

#content {
	width: 550px;
	float: left;
	margin: 0;
	padding: 0;
	min-height: 300px;
}
* html #content { height: 300px; }
#content p {
	padding-top: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}
#content h1 {
	padding-bottom: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #06f;
}
#content h2 {
	padding: 0;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	color: #06f;
	font-size: 16px;
}
#content h3 {
	padding: 0;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	color: #06f;
	font-size: 14px;
}
#content table {
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 8px;
}
#content a {
	font-family: Arial, Helvetica, sans-serif;
	color: #06f;
}
#content a:visited {
	color: #06f;
}

/* Paragraph style for News */
.newsPInd {
	line-height: 18px;
}
/************** .feature styles ***************/

.feature{
	padding: 0px 0px 0px 0px;
	font-size: 80%;
}

.feature h3{
	padding: 30px 0px 5px 0px;
	text-align: center;
}

.feature img{
	float: left;
	padding: 0px 10px 0px 0px;
}

/* adjust margins to change separation between the feature image and text flowing around it */

#navBar{
	position: relative;
	left: 30px;
	margin: 0 0 0 77%;
	margin-top: 25px;
	padding: 0px;
	padding-left: 5px;
	background-color: ffffff;
	border-left: 1px #06f solid;
}

#NavBar a:link, a:visited, a:hover {
	color: #06f;
	text-decoration: none;
}

#navBar ul li{
	float: left;
	display: inline;
	padding: 0;
	margin: 0;
	}

#navBar ul{
	display: inline;
	padding: 0;
	margin: 0;
	}

#navBar a {
	color:#06f;
}
#footer {
	width: 780px;
	overflow: hidden;
	margin: 0;
	margin-top: 47px;
	padding-bottom: 25px;
	border-top: 1px #06f solid;
}
#footer p {
	padding-left: 8px;
}
#copyright {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	color: #000000;
}
#copyright a {
	padding: 0;
	margin: 0;
	color: #000000;
}
#copyright a:hover {
	color: #000000;
	text-decoration: underline;
}
.clear {
	clear: both;
}