@import url("reset.css"); 

* { margin:0; padding:0; } 

body { color: #eeeeee; font-size:62.5%; font-family: Lucida Grande, Helvetica, Arial, sans-serif; background-image: url(../images/bg_new.jpg); background-repeat: repeat-x; text-align:center; margin: 0; padding: 0; background-color: black; } 

h1 { color: #d4d635; font-size: 3.5em; font-weight: bold; line-height:normal; word-spacing: -2px; letter-spacing: -1px; margin-bottom: 15px; } 
h2 { color: #c60a4a; font-size: 2.8em; font-weight: normal; line-height: 1.5em; word-spacing: -2px; letter-spacing: -1px; margin-bottom: 15px; }
h2.smaller { font-size: 2em; } 
h3 { color: #8a8a8a; font-size: 2.1em; font-weight: bold; line-height: 1.5em; word-spacing: -2px; letter-spacing: -1px; margin-bottom: 15px; } 
h4 { font-size: 2.1em; font-weight: normal; line-height: 1.5em; margin-bottom: 25px; } 

h5 { color: #757575; font-size: 1.6em; font-weight: normal; line-height: 1.4em; margin-bottom: 15px; } 
h6 { font-size: 1.3em; font-weight: bold; line-height: 1.5em; margin-bottom: 0px; } 

p, li { font-size: 1.3em; line-height: 1.4em; font-weight: normal; } 
p { margin-bottom: 20px; }
li a { color: #fff; }
li a:hover { color: #ed1e79; }

strong { font-weight: bold; }
a:link, a:visited, a:active { color: #fff; text-decoration: none; } 
a:hover { color: #ed1e79; text-decoration: none; } 
a.anchors:link, a.anchors:visited, a.anchors:active { color: #fff; text-decoration: underline; }

.divider { border-top: #c60a4a dotted 2pt; margin-bottom: 25px; }

/* 
	 Background and containers 
 	 --------------------------------------------------------------------
*/

div#container { margin: 0 auto; text-align: left; width: 960px;  } 
div#pageholder { clear:both; width: 960px; display: block; background-color: black;  }


/* 
	 Images 
 	 --------------------------------------------------------------------
*/

img.fullwidth { margin-bottom: 20px;  }
img.leftpic { float: left; margin-right: 30px; margin-bottom: 20px; }
img.rightpic { float: right; margin-left: 20px; margin-bottom: 20px; }


/* 
	 Lists 
 	 --------------------------------------------------------------------
*/

ul { margin-bottom: 25px;  }
ul li { padding-bottom: 5px;}


/* 
	 Buttons - master styles 
 	 --------------------------------------------------------------------
*/

div.buttons { clear: both; }
div.buttons ul li { float: left; margin-right: 5px; font-size: 1em; }
div.buttons input.button { width: 60px; padding: 4px 0 5px; border: solid 1px #f47a49; border-color: #f47a49 #c6471f #c6471f #f47a49;  background-color: #f3703c; text-align: center; font-size: 1.1em; line-height: 1em; color: #fff; text-decoration: none; display: block; }
div.buttons input.button:hover { background-color: #f05a28; }


/* 
	 Forms - master styles 
 	 --------------------------------------------------------------------
*/
div.forms { clear: both; float: left; overflow: hidden;  margin-bottom: 5px; margin-left: 60px;  }

div.forms fieldset { float: left; clear: both; }

div.forms legend { background:#ebf011; color:#ebf011; font-size: 1.3em; font-weight:bold; padding: 3px 5px; float: left; clear: both; }

div.forms dl { float: left; clear: both;  }
div.forms dt { clear: both; text-align: left; margin: 0 0 2px 0; float: left; overflow: hidden; }
div.forms dd { clear: both; margin: 0 0 8px 0; float: left; } 
div.forms div.form_element { margin-bottom: 8px; }

div.forms label { font-size:1.2em; font-weight:bold; color: #ebf011; }
	div.forms label span.detail { font-size: 0.85em; color: #ebf011; font-weight: normal; }
	
div.forms input.text_field { width: 100px; height: 22px; background-color: #ebf011; padding: 0 2px; }
div.forms select { width: 100px; }


div.forms textarea.query { width: 100px; padding: 2px; background-color: #ebf011; overflow: auto; }

div.forms input,
div.forms textarea,
div.forms select { float: left; padding-left: 5px; margin-bottom: 8px; width: 225px; font:12px/15px Arial, Helvetica, sans-serif; background-color: #ebf011; color: #000000; font-weight: normal; text-transform: uppercase; border: none;}

div.forms input#submitemail { float: left; padding-left: 0px; width: 60px; background-color: #fff; color: #000000; border: none; }

/* 
	 Header 
 	 --------------------------------------------------------------------
*/

div#header { background-image: url(../images/header_bg_temp.png); background-repeat: no-repeat; width:960px; height: 328px;  }
div#header div#menu { float: left; padding: 15px 0 0 18px; width:400px; } 
div#header div#menu ul li  { float:left; padding-right: 10px; }
div#header div#menu ul li.pink a { color: #ec297b; text-transform: uppercase; padding-left: 250px;  }
div#header div#menu ul li a:hover { color: #d7de27; }
div#header div#menu ul li a.current  { color: #d7de27; padding-right: 10px; }
div#header div#logo { float: left; clear: both; padding: 20px 0 0 30px; }
div#header div#sponsors_top { float: left; clear: both; width: 519px; }
div#header div#sponsors_top ul#sponsors_top_links { margin: 15px 0 0 548px; width: 519px; }
div#header div#sponsors_top ul#sponsors_top_links li { float: left; padding-right: 58px;  }
div#header div#sponsors_top ul#sponsors_top_links li.end { padding-right: 0px;  }


div#header div#menu2 { float: right; padding: 15px 0 0 18px; width:400px; margin-right: 70px; } 
div#header div#menu2 ul li  { float:right; padding-right: 10px; }
div#header div#menu2 ul li.pink a { color: #ec297b; text-transform: uppercase;   }


/* 
	Top Title
 	 --------------------------------------------------------------------
*/

div#title { width: 905px; float: left; margin-left: 25px; margin-right: 25px; margin-bottom: 30px; /* border-bottom: #c60a4a dotted 2pt; */ }

/* 
	 Left Column 
 	 --------------------------------------------------------------------
*/

div#left { width: 178px; float: left; margin: 5px 55px 40px 0; } 
div#left div#left_menu { width: 165px; }
div#left div#left_menu ul li { background-color: #c60a4a; padding: 4px 4px 4px 10px; margin-bottom: 5px; }
div#left div#left_menu ul li a {}
div#left div#left_menu ul li a.current { color: black; }
div#left div#left_menu ul li a:hover { color: black; }

div#left div#left_menu ul li.end { margin-bottom: 15px; }
div#left div#left_menu ul li.green { background-color: #8e9928; }

/* 
	 Social Icons 
 	 --------------------------------------------------------------------
*/


div.fb a { float: left; margin-right: 5px; width: 30px; height: 30px; background-position: 0 0; background-repeat: no-repeat; display: block; }
div.fb a:hover { background-position: -30px 0; }
div.one a { background-image: url(../images/fb_1.jpg); }
div.two a { background-image: url(../images/fb_2.jpg); }
div.three a { background-image: url(../images/twitter_1.jpg); }
div.four a { background-image: url(../images/twitter_2.jpg); }



/* 
	 Main Column 
 	 --------------------------------------------------------------------
*/

div#main { width: 660px; float: left; margin-bottom: 40px; } 
div#main div.map { margin-bottom: 40px; }
div#main div.map iframe { float: left; margin-bottom: 10px; }

table { width: 600px; margin-bottom: 30px; }
table th { background-color: #c60a4a; }
table tr {   }
th, td { border: 1px solid #c60a4a; padding: 10px; font-size: 1.2em; width: 160px; }
td.sub { background-color: #8a0734; }

/* 
	 Bottom Column 
 	 --------------------------------------------------------------------
*/

div#bottom { width: 920px; float: left;  margin-bottom: 40px;  padding-top: 20px; border-top: #c60a4a dotted 2pt; } 
div#bottom div#flikr { float: left; width: 595px; height: 134px; background-image: url(../images/flikr_box.jpg); background-repeat: no-repeat;  }
div#bottom div#flikr p.white { color: #fff; font-size: 1.1em;}



div#bottom div#register { float: left; width: 318px; height: 134px; background-image: url(../images/register_bg.jpg); background-repeat: no-repeat;  }
div#bottom div#register div.forms { float: right; padding-right: 20px; padding-top: 75px; }
div#bottom div#register div.forms fieldset { padding: 0; margin: 0; }
div#bottom div#register div.forms input.text_field { width: 100px;  }
div#bottom div#register div.forms fieldset div.field { margin-bottom: 8px; }
div#bottom div#register div.buttons a.button { border: solid 1px #000; background-color: #666;  }
div#bottom div#register div.buttons a.button:hover { color: #000; background-color: #ccc; }
div#bottom div#register div.message { clear: both; background-color: green; text-align: center; margin-left: 42px;}
div#bottom div#register div.message h6 { color: #fff; }


/* 
	 Partners Column 
 	 --------------------------------------------------------------------
*/

div#partners { width: 935px; float: left; margin-bottom: 40px; }
div#partners div#left { float:left; background-image: url(../images/partners_bg.jpg); background-repeat: no-repeat; width: 684px; height: 55px; } 
div#partners div#left p { font-size: 1em; color: #fff; }

div#partners div#left ul.partners_links { width: 680px; height: 38px; }
div#partners div#left ul.partners_links li { float: left; padding-right: 17px; padding-top: 8px;  }
div#partners div#left ul.partners_links li.words { float: left; padding-right: 16px; font-size: 1em; color: #fff; padding-top: 0px; }
div#partners div#left ul.partners_links li.end { padding-right: 0px;  }

div#partners div#right { float:left; background-image: url(../images/broughtby_bg.jpg); background-repeat: no-repeat; width: 243px; height: 55px; } 
div#partners div#right ul.partners_links { width: 230px; height: 38px; padding-left: 25px; }
div#partners div#right ul.partners_links li { float: left; padding-top: 8px;  }
div#partners div#right ul.partners_links li.words { float: left; padding-right: 16px; font-size: 1em; color: #fff; padding-top: 0px; }

div#partners1 { width: 935px; float: left;margin-bottom: 40px; }
div#partners1 div#first { float:left; background-image: url(../images/partners_bg1.jpg); background-repeat: no-repeat; width: 634px; height: 55px; } 
div#partners1 div#first p { font-size: 1em; color: #fff; }

div#partners1 div#first ul.partners_links { width: 640px; height: 38px; }
div#partners1 div#first ul.partners_links li { float: left; padding-right: 10px; padding-top: 8px;  }
div#partners1 div#first ul.partners_links li.words { float: left; padding-right: 16px; font-size: 1em; color: #fff; padding-top: 0px; }
div#partners1 div#first ul.partners_links li.end { padding-right: 0px;  }

div#partners1 div#right { float:right; background-image: url(../images/broughtby_bg1.jpg); background-repeat: no-repeat; width: 257px; height: 55px; padding-right: 25px; } 
div#partners1 div#right ul.partners_links { width: 257px; height: 38px; padding-left: 0px; }
div#partners1 div#right ul.partners_links li { float: left; padding-top: 12px; padding-right: 14px;  }
div#partners1 div#right ul.partners_links li.legacy { float: left; padding-top: 2px; padding-right: 0px; }
div#partners1 div#right ul.partners_links li.words { float: left; padding-right: 16px; font-size: 1em; color: #fff; padding-top: 0px; }



/* 
	 Footer 
 	 --------------------------------------------------------------------
*/

div#footer { background-color: #c60a4a; padding: 0; clear: both; overflow: hidden; margin-top: 30px;  } 
div#footer div.footer_holder { width: 960px; height: 280px; text-align: left; margin: 0 auto; background-image: url(../images/bike_03.jpg); background-repeat: no-repeat; background-position: top right; }

div#footer div.footer_holder div#links_container { float: left; margin-top: 10px; margin-right: 50px; }
div#footer div.footer_holder div#links_container div.links { float: left; width: 180px; padding-right: 5px; }
div#footer div.footer_holder div#links_container div.links ul li { color: #fff; font-size: 1.1em; line-height: 1.2em; }
div#footer div.footer_holder div#links_container div.links ul li a { color: #fff; }
div#footer div.footer_holder div#links_container div.links ul li a:hover { color: #000; }
div#footer div.footer_holder div#links_container div.links h3 { color: #fff; margin-bottom: 2px; font-size: 1.4em;  }

div#footer div.footer_holder div#links_container div.narrow { width: 100px; }

div#footer p { font-size: 1.2em; color: #fff; margin-bottom: 0; padding-top: 6px; } 






/* 
	 Misc 
 	 --------------------------------------------------------------------
*/

div.clear { clear: both; } 
li.clear { clear: both; } 



/* the overlayed element */
.simple_overlay { display:none; float: left; clear: both; z-index:10000; background-color: #000000; width: 380px; padding: 30px; min-height:200px; border: solid #ebf011 2pt; 
	
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;
}

.simple_overlay div.details { width: 320px; float: left; }
.simple_overlay div.details h3 { font-size: 1.9em; line-height: 1.2em; color: #ebf011; }
.simple_overlay div.details p { font-size: 1.5em; color: #fff; }

/* close button positioned on upper right corner */
.simple_overlay .close {
	background-image: url(../images/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:36px;
	width:36px;
}
/* the overlayed element */
.simple_overlay2 { display:none; float: left; clear: both; z-index:10000; background-color: #000000; width: 900px; padding: 30px; min-height:200px; border: solid #ebf011 2pt; 
	
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;
}

.simple_overlay2 div.details { width: 880px; float: left; }
.simple_overlay2 div.details h3 { font-size: 1.9em; line-height: 1.4em; color: #ebf011; word-spacing: normal; }
.simple_overlay2 div.details h4 { font-size: 1.4em; line-height: 1.3em; color: #ec297b; margin-bottom: 5px; }
.simple_overlay2 div.details p { font-size: 1.2em; color: #fff; font-weight: normal; line-height: 1.4em; }
.simple_overlay2 div.details p.intro { font-size: 1.5em; }

/* close button positioned on upper right corner */
.simple_overlay2 .close {
	background-image: url(../images/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:36px;
	width:36px;
}




/* JQUERY CAROUSEL */


			div.scroller {  float: left; width: 920px; }
			div.scroller li { width: 70px; height: 70px; margin-right: 25px; border-bottom: solid 5px #f70f75; border-right: solid 5px #f70f75; }
			



			/* BUTTONS */
			
			button{
			    display:block;
			    float:left;
			    margin:0;
			    
			    border:0;
			    width:30px;
			
			    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
			    font-size:100%;
			    line-height:130%;
			    text-decoration:none;
			    font-weight:bold;
			    color:#565656;
			    cursor:pointer;
			    padding:5px 10px 6px 7px; /* Links */
			    background-repeat: no-repeat;
			}
			button.carousel_prev { float:left; background-image: url(../images/arrowl.jpg); background-repeat: no-repeat; margin-top: 23px; margin-left: 5px; margin-right: 30px; width: 17px; height: 30px;}
			button.carousel_next { float:left; background-image: url(../images/arrowr.jpg); background-repeat: no-repeat; margin-top: 23px; margin-left: 10px; width: 17px; height: 30px; }


			/**
			 * jQuery lightBox plugin
			 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
			 * and adapted to me for use like a plugin from jQuery.
			 * @name jquery-lightbox-0.5.css
			 * @author Leandro Vieira Pinho - http://leandrovieira.com
			 * @version 0.5
			 * @date April 11, 2008
			 * @category jQuery plugin
			 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
			 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
			 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
			 */
			#jquery-overlay {
				position: absolute;
				top: 0;
				left: 0;
				z-index: 90;
				width: 100%;
				height: 500px;
			}
			#jquery-lightbox {
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				z-index: 100;
				text-align: center;
				line-height: 0;
			}
			#jquery-lightbox a img { border: none; }
			#lightbox-container-image-box {
				position: relative;
				background-color: #fff;
				width: 250px;
				height: 250px;
				margin: 0 auto;
			}
			#lightbox-container-image { padding: 10px; }
			#lightbox-loading {
				position: absolute;
				top: 40%;
				left: 0%;
				height: 25%;
				width: 100%;
				text-align: center;
				line-height: 0;
			}
			#lightbox-nav {
				position: absolute;
				top: 0;
				left: 0;
				height: 100%;
				width: 100%;
				z-index: 10;
			}
			#lightbox-container-image-box > #lightbox-nav { left: 0; }
			#lightbox-nav a { outline: none;}
			#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
				width: 49%;
				height: 100%;
				zoom: 1;
				display: block;
			}
			#lightbox-nav-btnPrev {
				left: 0;
				float: left;
			}
			#lightbox-nav-btnNext {
				right: 0;
				float: right;
			}
			#lightbox-container-image-data-box {
				font: 10px Verdana, Helvetica, sans-serif;
				background-color: #fff;
				margin: 0 auto;
				line-height: 1.4em;
				overflow: auto;
				width: 100%;
				padding: 0 10px 0;
			}
			#lightbox-container-image-data {
				padding: 0 10px;
				color: #666;
			}
			#lightbox-container-image-data #lightbox-image-details {
				width: 70%;
				float: left;
				text-align: left;
			}
			#lightbox-image-details-caption { font-weight: bold; }
			#lightbox-image-details-currentNumber {
				display: none;
				visibility: hidden;
				clear: left;
				padding-bottom: 1.0em;
			}
			#lightbox-secNav-btnClose {
				width: 66px;
				float: right;
				padding-bottom: 0.7em;
			}