@charset "utf-8";
	/*------- Reset --------*/

	body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul, ol,  
 	li, dl, dt, dd, form, a, fieldset,  th, td,
 	 {  
 	 margin: 0; padding: 0;  border:0; outline: none;
	}  


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

html {
	height: 102%;
}

body  {
	color: #000000;
	background-image: url(../images/wrapper_bg.gif);
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	background-attachment: fixed;
	height: 100%;
	line-height: 1.5;
}
p {
	font-size: 1.2em;
}
h1 {
	font-size: 2.2em;
}
h2 {
	font-size: 1.8em;
}
h3 {
	font-size: 1.4em;
}
h4 {
	font-size: 1.2em;
}
h5 {
	font-size: 1.0em;
}
h6 {
	font-size: 0.9em;
}
#container {
	width: 820px;  /* If using _%, this will create a container _% of the browser width */
	background: #FFFFFF; /* the auto margins (in conjunction with a width) center the page */
	border: 2px solid #EEEFF1;
	text-align: left; /* this overrides the text-align: center on the body element. */
	margin: 0 auto;
} 

#header {
	background-image:url(../images/body_bg.gif);
	color: #0033CC;
	font-weight: bold;
	padding: 0px;
	width: 820px;
	height: 125px;
} 

#mainContent {
	margin: 0 auto;
	list-style-type: none;
	display: list-item;
	padding: 10px; /*height of footer*/
	min-height: 349px;
} 
#mainContent li {
	list-style-position: inside;
	list-style-type: disc;
	font-size: 1.2em;
}
#mainContent a {
	color: #0033FF;
	text-decoration: underline;
}

#mainContent a:hover {
	color: #CC0000;
	text-decoration: underline;
}

#main_content_box {
	background-color: #EEEFF1;
	border: 1px solid #CCCCCC;
	width: 355px;
}

#navigation {
	float: left;
	width: 170px;
	border: 1px solid #CCC;
	display: inline;
	background-color: #EEEFF1;
	margin: 0 10px 0 0;
	padding: 0 10px;
	font-size: 1.2em;
}

#navigation ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#navigation   a   {
	padding: 5px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	display: block;
	width: 156px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CED2B6;
	border-bottom-color: #CED2B6;
	text-decoration: none;
}

#navigation a:link, #navigation a:visited {
	color: #0033FF;
}

#navigation a:hover, #navigation .current a {
	background-color: #0033FF;
	color: #FFFF00;
}

#sidebar2 {
	float: right;
	width: 170px;
	border: 1px solid #CCC;
	background-color: #EEEFF1;
	margin: 0 0 0 10px;
	list-style-type: none;
	padding: 0 10px;	
}
#sidebar2 ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#sidebar2 a {
	padding: 5px;
	display: block;
	width: 156px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CED2B6;
	border-bottom-color: #CED2B6;
	text-decoration: none;
}
#sidebar2 a:link, #sidebar2 a:visited {
	color: #0033FF;
}
#sidebar2 a:hover, #sidebar2 .current a {
	background-color: #0033FF;
	text-decoration: none;
	color: #FFFF00;
}
#bretts_ride_sidebar {
	float: right;
	background-color: #EEEFF1;
	margin: 0 0 0 10px;
	padding: 0 10px;
	width: 170px;
	border: 1px solid #CCC;
}
#bretts_ride_sidebar a {
	color: #0033FF;
}

#bretts_ride_sidebar ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	font-size: 1.2em;
}
#bretts_ride_sidebar a:link, #bretts_ride_sidebar a:visited {
	color: 0033FF;
	text-decoration: none;
}
#bretts_ride_sidebar a:hover {
	text-decoration: underline;
	color: #0033FF;
}


#advertise {
	text-align: center;
	margin: 0 auto;
	padding-bottom: 10px;
	width: 275px;
}
#bretts_ride_bottom_content {
	margin: 0 10px;
}
#bretts_ride_bottom_content a {
	color: #0033FF;
}
#bretts_ride_bottom_content a:hover {
	color: #0033FF;
	text-decoration: underline;
}


#footer {
	/*background:#DDDDDD;*/
	text-align:center;
	padding: 10px 0;
	color: #999999;
	clear: both;

} 
#footer a {
	color: #999999;
	text-decoration: underline;
}
#footer a:link, #footer a:visited {
	color: #999999;
}
#footer a:hover {
	text-decoration: underline;
	color: #0033FF;
}

/* Miscellaneous classes for reuse */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}

.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#bretts_ride_sidebar ul {
	list-style: disc;
	list-style-position:inside
}
.hide {
	display: none;
}
	
	/*-- Bubble info --*/
	
.trigger {
	color:#0033FF;
	font-size: 1.2em;
	font-weight: bold;
}	
.bubbleInfo {
	position: relative;
	display:inline;
	width:200px;
}

.popup {
	position: absolute;
	display: none;
	width:300px;
	height:auto;
	font:1em;
	padding:25px;
	background-repeat: repeat-y;
	color: #FFF;
	border: 1px solid #CCC;
	background-color: #333;
}

.popup strong {
	color:#fff;
	font-size:1em;
	padding-bottom:2px;
	display:block;
}	

/*Layout tools*/
.floatLeft 			{ float: left; }
.floatRight			{ float: right; }
.clear				{ clear: both; }
.layoutCenter		{ margin: 0 auto; }
.textCenter			{ text-align: center; }
.textRight			{ text-align: right; }
.textLeft			{ text-align: left; }
.border { border: 4px solid #CCC}
#footer img {
	margin-top: 0px;
	margin-right: 3px;
	margin-bottom: 0px;
	margin-left: 3px;
}