body  {

	font: 100.1%/1.2em "Trebuchet MS", Arial, Helvetica, sans-serif;

	background: #000 url(../images/bg_grad.gif) repeat-x;

	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */

	padding: 0;

	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */

	color: #1b1b1b;

}

#container {

	width: 800px;

	margin: 0 auto;

	text-align: left;

	font-size: 90%;

	background-color: #1A1A1A;

	background-image: url(../images/images/background.gif);

	background-repeat: repeat-y;

	background-position: center bottom;

	position: relative;

}

#nav_top {
	height: 2.2em;
	position: absolute;
	left: 14px;
	top: 134px;
	z-index: 100;
	width: 752px;

}

#header {
	height: 192px;
	background-image: url(../images/header2011.png);
	background-repeat: no-repeat;
	background-position: left top;

} 

#header h1 {

	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */

	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */

	position: absolute;

	top: -100px;

	font-size: 1px;

}



/**********************************************THEBODY****************************************************************************/





#sidebar1 {
	float: left; /* since this element is floated, a width must be given */
	width: 260px;
	padding: 0px 35px 20px 20px;
	display: block;
	position: static;
	background-image: url(../images/bike_screen.gif);
	background-repeat: no-repeat;
	background-position: 30px 120px;

}

#sidebar1 h2 {

	margin: 0px 0px 10px;

	font-size: 1.3em;

}

#sidebar1 #team_thumbs {
	width: 260px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
}
#sidebar1 #team_thumbs h3 {
	margin-top: 0px;
}

#team_thumbs .MasterContainer .MasterColumn #individual_thumb {
	float: left;
	width: 78px;
	font-size: 0.8em;
	padding-right: 7px;
	height: 120px;
	padding-bottom: 5px;
	padding-left: 0px;
}
#team_thumbs .MasterContainer .MasterColumn #individual_thumb:hover {
	color: #C2262E;
	cursor: pointer;
}

#sidebar1 #contact_img {
	text-align: center;
	background-image: none;
	background-repeat: no-repeat;
	background-position: 30px 120px;

}

#sidebar1 #goals {

	padding-top: 30px;

	padding-right: 10px;

}



#sidebar1 img.slogan {
	margin: 0px;
	padding: 0px;
	top: -7px;
	position: absolute;
	left: 19px;
	z-index: 10;
}
#sidebar1 .blue_heading {
	color: #2E3092;
	text-align: center;

}  /* a special class to be place under the slogan for positioning*/
#sidebar1 .blue_home {
	color: #2E3092;

	text-align: center;

} 
#sidebar1 #logo img {

	padding-bottom: 14px;

}

#sidebar1 a, #mainContent a{
	font-weight: bold;
	color: #2E3192;
	font-size: 1.0em;
	line-height: 1.4em;

}

#sidebar1 a:hover, #mainContent a:hover {

	color: #C8282C;

}
.OakleyStyle {
	vertical-align: middle;
	font-weight: bold;
	letter-spacing: 0.3em;
	font-style: italic;
	font-size: 1.3em;
	padding-left: 10px;
}
a.OakleyStyle{
	font-weight: bold;
	color: #2E3192;
	line-height: 1.4em;

}

a:hover.OakleyStyle {

	color: #C8282C;

}
#sidebar1 p.styleLogoSide {
	text-align: center;
}
#sidebar1 p.styleLogoSide {
	text-align: center;
}
#sidebar1 p.styleLogoSide a{
	text-decoration: none;
}
#sidebar1 p.styleLogoSide a:hover{
	text-decoration: underline;
	color: #C8282C;
}

#sidebar1 h3, #sidebar1 h2, #sidebar1 p {
	padding-left: 5px;
	padding-right: 5px;

}  

#sidebar1.blue {

	text-align: center;

}

#sidebar1 #logo {

	text-align: center;

	margin-top: 17px;

}

#sidebar1 #logo a img {

	border: 1px solid #FFF;

}

#sidebar1 #logo a:hover img {

	border: 1px solid #C8282C;

}

#sidebar1  ul {

	padding-right: 15px;

	padding-left: 20px;

	padding-top: 0px;

	margin: 0px;

}

#sidebar1  ul li {
	list-style-position: outside;
	margin: 0px;
	list-style-image: url(../images/bullet.gif);
}

#sidebar1 #left_img {
	text-align: center;
	padding-top: 25px;
	padding-right: 0px;
	padding-bottom: 22px;
	padding-left: 0px;
}

/**********************************************THEMAINCONTENT****************************************************************************/

#mainContent {
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-right: 20px;

} 

#mainContent h1 {

	padding-top: 3px;

	margin: 0px;

	padding-bottom: 5px;

	font-size: 1.6em;

}

#mainContent  h2 {

	margin: 0px;

	padding-top: 3px;

	padding-bottom: 0px;

	font-size: 1.3em;

}

#mainContent h3 {

	margin: 0px;

	padding-top: 5px;

	padding-bottom: 0px;

	font-size: 1.1em;

}

#mainContent h5 {
	
	font-size: 1.2em;
	
	font-weight: bold;
	
	padding-top: 10px;
	
	padding-bottom: 5px;
	
	margin: 0px;
}

#mainContent #front_sponsors img {
	padding-bottom: 0px;
	padding-left: 0px;

}

#mainContent p, #sidebar1 p {
	margin: 0px;
	padding-bottom: 5px;
	line-height: 1.4em;

}

#mainContent p strong {

	margin: 0px;

}

#mainContent  ul {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 270px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 60px;

}

#mainContent ul li {
	list-style-position: outside;

}

#mainContent  #presentation {
	padding-left: 365px;/*need to change padding to center the presentation*/

}

#sponsors h1 {

	color: #811B1F;

}

/****************************************thumbnails************************/



.thumbnail {

	float: left;

	width: 120px;

	padding: 5px 0px 5px 10px;

}

.thumbnailSm {

	float: left;

	width: 79px;

	padding: 5px 0px 5px 8px;

}



.thumbnail img, .thumbnailSm img{

	border: 3px inset #999999;



}

.thumbnail p{

	margin: 0px;

	padding: 0px;

	font-size: 70%;

}

.thumbnailSm p{

	margin: 0px;

	padding: 0px 0px 20px 0px;

	font-size: 70%;

}

.thumbnail a, .thumbnailSm a{

	color: #2E3192;

	padding: 0px;

}



.thumbnail a:hover, .thumbnailSm a:hover{

	color:#C8282C;

}

/*****************FULL*PAGE*LAYOUT*********************************************/

#mainContent2 {

	float: left; /* since this element is floated, a width must be given */

	width: 766px; /*the background color will be displayed for the length of the content in the column, but no further */

	padding: 25px 0px 15px 12px;

	display: block;

}

#centerWrapper {

	position: relative;

	background: #FFF;

	width: 772px;

	padding: 5px 0px;

}



#centerWrapper h1, #centerWrapper h2, #centerWrapper p {

	padding-left: 15px;

	padding-right: 15px;

}

#front_sponsors {

	margin-top: 10px;

}

/*************************************THE*FOOTER**********************************************/

#nav_bottom {
	position: absolute;
	left: 64px;
	bottom: auto;
	font-size: 85%;
	top: 28px;
	width: 663px;
	z-index: 30;

}

#footer {

	width: 800px; /* this padding matches the left alignment of the elements in the divs that appear above it. */

	position: relative;

	height: 106px;

	background-color: #1E0000;

	background-image: url(../images/images/footer.gif);

	background-repeat: no-repeat;

	margin-top: 0;

	margin-right: auto;

	margin-bottom: 0;

	margin-left: auto;

} 

#footer #nav_bottom li {

	display: inline;

	list-style-type: none;

	font-weight: bold;

	padding-right: 25px;

}

#footer #nav_bottom li a{

	color: #FFF;

	text-decoration: none;

}

#footer #nav_bottom li a:hover{

	color: #C4272E;

}

#footer p {

	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */

	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */

}

.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;

	cursor: pointer;

}

.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;

}

#sponsors h1 {

	font-size: 1.6em;

	text-align: center;

	padding: 0px;

}

.DetailColumn img {

	float: right;

	padding-left: 10px;

	padding-bottom: 5px;

}



#sidebar1 #corner_lt #bird {

	padding-right: 20px;

	margin-right: 20px;

}

#sidebar1 #corner_lt #bird p img {

	text-align: center;

}



.red {

	color: #A92128;

}

.green {

	color: #A6A636;

}

.blue {

	color: #2E3092;

}

#mainContent #front_sponsors a img{

	border: 1px solid #FFF;

}

#mainContent #front_sponsors a:hover img{

	border: 1px solid #C8282C;



}

.contact_img{
	padding-top: 10px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left: 3px;

}

#sidebar1  h3.nomargin {

	margin: 0px;

	padding-bottom: 5px;

}

#mainContent ol {
	padding-top: 10px;
	padding-left: 50px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 290px;
}

#mainContent ol li {
	list-style-position: outside;
	margin: 0px;
	padding-left: 5px;

}


#main_image {


}

#main_image strong {

	padding-top: 10px;

	padding-bottom: 10px;

}
#sidebar1 p img {
	padding-left: 0px;
}
#facebook {
	position: absolute;
	left: 754px;
	top: 132px;
	width: 43px;
	visibility: visible;
	text-decoration: none;
	height: 37px;
	text-align: center;
	z-index: 3000;
}
#facebook a {
	text-decoration: none;
	color: #571E21;
}
#sidebar1 #left_img p a img {
	border: 1px solid #FFF;
}
#mainContent p .blue strong img {
	text-align: center;
	padding-right: 2px;
	padding-left: 2px;
	vertical-align: middle;
}
#mainContent form {
	float: left;
	padding-top: 10px;
}
#sidebar1 h2.center {
	text-align: center;
	line-height: 1.4em;
	color: #000;
	font-size: 1.2em;
}
#paypal {
	-webkit-border-horizontal-spacing: 2px;
	-webkit-border-vertical-spacing: 2px;
	border: medium double #2C2C2C;
	width: 230px;
	background-color: #F0F0F0;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #412F9D;
	margin-bottom: 10px;
	margin-top: 10px;
	margin-right: 10px;
	margin-left: 10px;
}
#paypal form input{
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: 5px;
}
#main_image {

}
#main_image strong {
	padding-top: 10px;
	padding-bottom: 10px;
}
#paypal ul li {
	margin-left: 30px;
}
#paypal p {
	color: #000;
	margin-left: 10px;
	margin-right: 10px;
	text-align: justify;
}

.special {
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	margin: 10px;
}
#paypal form .link:hover {
	background-image: url(../images/paypalHover.png);
	background-repeat: no-repeat;
}