/**********************************************************************************

	Project Name: Bike DC 2010
	Project URL: http://www.bikedc.net
	Description: Base CSS - contains HTML resets and core styles
	Date: 30 March, 2010
	Author: n11 consulting, Bradley Nelson, http://www.noneone.com

***************************************************************************/

/************* Colors

Green

color: #8CC63F;

Blue

color: #232F84;

****************/

a {
	color: #232F84;
	font-weight: bold;
	text-decoration: none;
}

a:hover {
	color: #8CC63F;
	font-weight: bold;
	text-decoration: underline;
}


img { margin:0px; border-style:none }


p {
	margin:0 0 15px 0;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size: 10pt;
	line-height: auto;
	text-align: left;
}

ul {
	text-align: left;
	font-size: 10pt;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	list-style-type: none;
}

li {
	text-align: left;
	font-size: 10pt;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	list-style-type: none;
}

em { font-style:italic }

h1 {
	color: #232F84;
	font-weight:bold;
	font-size:18px;
	text-align: left;
}


h2 { font-weight:bold; font-size:16px; text-align: left; }

h3 { font-weight:bold; font-size:14px }

h4 {
	color: #232F84;
	font-weight:bold;
	font-size:18px;
}

strong { font-weight:bold }

.about {margin: 0 15px 0 15px;}

/* Layout */

body {
	background: url('../img/bkground.jpg') 0 0 repeat;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	text-align: center;
	margin: 10px auto;
	padding:0;
}

#wrapper {
	width: 800px;
	margin: auto;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	background-color: #fff;
}

#header {
	width: 800px;
	height: 10px;
}

#content {
	width: 800px;
	background-color: #fff;
}

#left {
	margin: 10px 0 0 10px;
	padding: 10px 0 15px 0;
	float: left;
	width: 225px;
}

#top {
	background-color: #fff;
	height: 120px;
	margin: 0 0 10px 0;
	padding: 0 10px 0px 0;
}

#right {
	margin: 10px 0 0 20px;
	float: left;
	width: 535px;

}

#footer {
	clear:both;
	width: 700px;
	margin: 0 auto 4px 10px;
	height: 2em;
	color:#6c6c6c;
	padding:10px 0 5px 10px;
	font-size:0.9em;
	text-align:center;
}

/********* Custom Styles ********/

#top h1 {
	font-size: 1.5em;
	font-weight: bold;
	color: #232F84;
	text-align: left;
	font-family:Verdana,Arial,Helvetica,sans-serif;
}

#top h2 {
	font-size: 1.1em;
	font-weight: bold;
	color: #8CC63F;
	text-align: left;
	font-family:Verdana,Arial,Helvetica,sans-serif;
}

/**** Horizontal Nav *****/

/************* Colors

Green

color: #8CC63F;

Blue

color: #232F84;

****************/

#nav{
	overflow:hidden;
	width:100%;
	padding:0;
	background-color:#232F84;
	margin: 0 0 20px 0;
}

/*2. the style of the links (html element <a>)*/
#nav a{
	display:block;
	float:left;
	width:auto;
	height:25px;
	padding:0 4px 0 4px;
	background-color:#232F84;
	font-family:"helvetica", Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size:.9em;
	text-decoration:none;
	color:#ffffff;
	line-height:25px;
}

/*3. the css style on the hover state of the links*/
#nav a:hover{
	background-color:#8CC63F;
	color:#232F84;
	height: auto;
}

/* remove the left margin for the first link*/
#nav a.first{
	margin-left:10px;
}

/*** End Nav ***/

.BlueHeadline {
	color: #232F84;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
}
.greenheadline {
	color: #8CC63F;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
}

.GreenHeader {
	color: #8CC63F;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}

/* CLEAR FIX rules */

/* for modern browsers */

.promoBox:after, .clearfix:after {
	content: ".";
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
	}

/* for IE7 */
.clearfix, .promoBox {
	min-width: 0;
}

/* For Win IE less than 7 \*/ * html .clearfix, * html .promoBox { height: 1%; } /**/

/* For IE-mac \*//*/ .clearfix { display: inline-block; } /* End IE-mac */

/*****************************************************************************************

********************************    BUTTONS      ***************************************

*****************************************************************************************/

#content a.register-now {
	display:inline;
	text-align:center;
	text-transform:uppercase;
	color:#fff;
	background:#8CC63F;
	padding: 8px 20px 10px;
	text-decoration: none;
	height: 20px;
}



#content a.register-now:link, #content a.register-now:active, #content a.register-now:visited {
	color:#fff;
}

#content a.register-now:hover, #content .register-now a:hover {
background:#232F84; color:#fff;
}

/* Small Button */

#content a.smallbutton {
	display:inline;
	text-align:center;
	text-transform:uppercase;
	color:#fff;
	background:#8CC63F;
	padding: 3px 12px 8px;
	text-decoration: none;
	height: 12px;
}



#content a.smallbutton:link, #content a.smallbutton:active, #content a.smallbutton:visited {
	color:#fff;
}

#content a.smallbutton:hover, #content .smallbutton a:hover {
background:#232F84; color:#fff;
}