/* @override http://www.longbeachcaliforniabiketour.com/index.php?css=includes/cssInterior */

/* Amgen Bike Race
==============================================================================*/

* {
/* removes defaults from all elements */
	margin: 0;
	padding: 0;
    }

/*html {
	height: 100%;
    }

* html #container {
	height: 100%;
    }*/

a:link {
	text-decoration: underline;
	color: #007dff;
    }

a:hover {
	text-decoration: none;
	color: #007dff;
    }
a:visited {
	text-decoration: underline;
	color: #007dff;
}

body {
	text-align: center;
	background: #E1AB1B url(images/imgCommon/backpicInteriorbar.gif) repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
    }

#container {
	position: relative;
	margin: 0 auto;
	width: 800px;
	text-align: left;
	background-color: #FFF;
    }

/* @group Header */

#header {
	height: 135px;
	background: #fee68c no-repeat 475px 0;
    }

#header img {
	padding: 0;
	margin-left: 200px;
    }

h1 {
	display: block;
	text-indent: -5000px;
	position: absolute;
	background: url(/images/imgCommon/logo.gif) no-repeat;
	width: 204px;
	height: 135px;
	top: 0px;
	left: 20px;
    }

/* @end */

/* @group Navigation */

#navcontainer {
	margin: 0;
	padding: 0;
	height: 45px;
	background-color: #1d1d51;
}

#navcontainer ul {
	border: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
    }

#navcontainer ul li {
	display: block;
	float: left;
	text-align: center;
	padding: 0;
	margin: 0;
	background-color: #1d1d51;
    }

#navcontainer ul li a {
	width: 128px;
	height: 27px;
	border-left: 1px solid #77a3d1;
	padding-top: 16px;
	margin: 0;
	color: #FFF;
	text-decoration: none;
	display: block;
	text-align: center;
	text-transform: uppercase;
	background-color: #1F1D51;
	background-image: url(images/imgHome/backpicNavbar.gif);
	border-bottom: 2px solid #7ba3d0;
	font: bold 1.2em/1em "Trebuchet MS", "Arial Narrow", Verdana, sans-serif;
	letter-spacing: 0;
}

#navcontainer a:hover {
	color: #1d1d51;
	background: url(images/imgHome/backpicNavbar_over.gif) repeat-x;
    }

#navcontainer a.active {
	color: #fff;
    }

#navcontainer ul li a#navSponsors {
	width: 114px;
	border-right: 1px solid #77a3d1;
    }

#navcontainer ul li a#navHome {
	width: 79px;
    }

#navcontainer ul li a#navMedia {
	width: 87px;
    }

#navcontainer ul li a#navContest {
	width: 85px;
    }

#blueline {
	height: 20px;
	background-color: #1650a2;
    }

/* @end */



/* @group Content */

h2 {
	display: block;
	text-indent: -5000px;
	position: absolute;
    }
    
h3 {
	margin-bottom: .8em;
	color: #1f1d51;
	font: bold 2.6em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	background: #fff none repeat-x 10px;
	display: block;
	padding-left: .2em;
	letter-spacing: -2px;
	border-bottom: 1px solid silver;
}

h4 {
	font: bold 1.4em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	padding-bottom: .3em;
	color: #1650a2;
}

#wrapper {
	width: 800px;
	background-color: #fff;
	background-image: url(images/imgCommon/whiteblock.gif);
}

#content {
	margin-top: 0px;
	background: #fff url(/images/imgCommon/pageshadow.gif) repeat-x;
	padding: 30px 40px 0;
	
    }



#content #col1 img {
	display: block;
	padding: 0 30px 0 0;
	position: relative;
	float: left;
    }
#content #col2 img {
	padding-top: 20px;
	display: block;
	position: relative;
}

#content #full img {
	padding-bottom: 80px;
	padding-left: 20px;
}

#content p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	line-height: 1.5em;
	margin-bottom: 1em;
    }
    
    
#col1 {
	width: 460px;
	float: left;
	background-color: #fff;
}

/*#eventdetail #col1 em, #eventdetail #col2 em {
	text-align: center;
	display: block;
}*/

#col2 {
	width: 220px;
	float: right;
	background-color: #fff;
}
#clearer {
	clear: both;
	width: 800px;
	position: relative;
	background-color: #fff;
	margin: 0 auto 0 auto;
	display: inline;
	float: left;
}

/*#eventdetail #content #col1, #eventdetail #content #col2 {
	width: 210px;
	float: left;
	padding: 5px;
	margin-right: 10px;
	border: 1px solid #808080;
}
#eventdetail #content #col3 {
	width: 240px;
	float: right;	
}
#eventdetail #content #col1 p, #eventdetail #content #col2 p, #eventdetail #content #col3 p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.4em;
}*/
h5 {
	background-color: #d39f2c;
	display: block;
	font: normal bold 1.3em "Trebuchet MS", "Arial Narrow", Verdana, sans-serif;
	text-transform: uppercase;
	text-align: center;
	color: #fff;
	height: 18px;
	padding-top: 5px;
}
.credit {
	color: gray;
	display: block;
	text-align: right;
	font-size: .9em;
}
span.buttons {
	display: block;
	
	text-align: center;
	font-family: "Trebuchet MS", "Arial Narrow", Verdana, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	color: #fff;
	border: 1px solid #77a3d1;
	width: 200px;
	height: 27px;
	margin: 0;
	padding-top: 16px;
	background-image: url(images/imgHome/backpicNavbar.gif);
	background-color: #b2c2d6;
}
span.buttons a {
	color: #fff;
	text-decoration: none;
	display: block;
	width: 200px;
	height: 27px;
	}
span.buttons a:hover {
	display: block;
	width: 200px;
	background: url(images/imgHome/backpicNavbar_over.gif) repeat 0 0;
}

body#sponsors div#col1 {
	padding-top: 30px;
	text-align: center;
}

body#sponsors div#col1 img {
	padding-bottom: 40px;
}

body#weekendevent {
	background: none;
}

body#weekendevent #eventtitle{
	font: bold 1.5em "Trebuchet MS", "Arial Narrow", Verdana, sans-serif;
	color: #1f1d51;
}

body#weekendevent .thumbR{
	text-align: right;
	float: right;
	margin-left: 5px;
	display: inline;
	position: relative;
	top: -18px;
}

body#weekendevent div#full img {
	padding: 0;
	}

body#weekendevent table {
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	margin-bottom: 30px
} 

body#weekendevent tr {
	border: 1px solid #ccc;
	
} 


body#weekendevent #container #content #full td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	line-height: 1.5em;
	vertical-align: top;
	padding: 10px;
	border-bottom: 1px solid #ccc;
}	
#weekendevent #content {
	background-image: none;
	}
	
body#thecourse div#col1 {
	width: 700px;
}

body#thecourse div#col2 {
	width: 0;
}

body#eventdetail div#col1 {
	background: #eee;
	width: 438px;
	padding: 10px 10px 10px 10px;
	border: 1px solid #ccc;
}

body#eventdetail div#col2 {
	background: #fff;
	width: 220px;
}

body#eventdetail div#col1 ul {
	
	font: 1.2em Verdana, Arial, Helvetica, sans-serif;
	list-style-type: disc;
	list-style-position: inside;
	margin-top: 0;
	padding-top: 0;
	margin-bottom: 20px;
	margin-left: 15px;
}

body#eventdetail div#col1 h4{
	font-size: 2em;
}

body#eventdetail div#container {
	background: #fff;
}

body#eventdetail div#col1 p {
	margin-bottom: 0;
	background-color: #eee;
	padding-bottom: 0;
}
	
body#eventdetail #content {
	background: #ff;
}

body#eventdetail #content h3{
	background: #fff;
}

body#eventdetail .subnav {
	font-weight: bold;
	text-transform: uppercase;
}
	
body#weekendevent #content ul{
	font: 1.2em/1.5em Verdana, Arial, Helvetica, sans-serif;
	list-style-type: disc;
	list-style-position: outside;
	margin-top: 0;
	padding-top: 0;
	margin-bottom: 20px;
	margin-left: 35px;
}

body#vendorlist {
	background: none;
}

body#vendorlist #eventtitle{
	font: bold 1.5em "Trebuchet MS", "Arial Narrow", Verdana, sans-serif;
	color: #1f1d51;
}

body#vendorlist table {
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	margin-bottom: 30px
} 

body#vendorlist tr {
	border: 1px solid #ccc;
	
} 

body#vendorlist #container #content #full td {
	vertical-align: top;
	padding: 10px;
	border-bottom: 1px solid #ccc;
	font: bold 1.2em/1.5em Verdana, Arial, Helvetica, sans-serif;
}
	
#vendorlist #content {
	background-image: none;
	}


/* @end */



/* @group Footer */

/*#nonFooter {
	position: relative;
	min-height: 100%;
    }*/

/** html #nonFooter {
	height: 100%;
    }*/

#footer {
	width: 800px;
	background-color: #fff;
	color: #666;
	clear: both;
	position: relative;
	margin: -1.5em auto 0 auto;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 40px;
}

/*A CSS hack that only applies to IE -- specifies a different height for the footer 

* html #footer {
	margin-top: -4.4em;
    }*/


/* @end */