/* CSS Document */

body {
	font-family: Arial, Helvetica, sans-serif;
	background-image:url(file:///C|/Documents%20and%20Settings/dot/Desktop/cycling_projects/images/bstrip_long.jpg);
	}
body,h1,h2,h3,h4,h5,h6,p,ol,ul,form,blockquote {
	padding:0;
	margin:0;
}
h1,h2,h3,h4,h5,h6,pre,code {
	font-size: 1em;
	}
a {
	text-decoration:none;
	}
a img {
	border:none;
	}

html, body {
	margin: 0;
	padding: 0;
	text-align:center;
}
body {
	background-image: url(images/background_strip4.jpg);
	}
#wrapper {
position:relative;
width:770px;
margin: auto;
background-color:#abbca4;
text-align:center;
}
#header {
	width:770px;
	height:150px;
	background-image:url(images/banner_new.jpg);
	}
.html #header {
	height:1px;
	}
#navcontainer ul
{
text-align: center;
padding-bottom: 5px;
padding-top: 5px;
padding-left: 0;
margin-top: 0;
/* cancels gap caused by top padding in Opera 7.54 */
margin-left: 0;
background-color: #036;
color: white;
width: 100%;
font-family: Arial,Helvetica,sans-serif;
line-height: 18px;
/* fixes Firefox 0.9.3 */
}

#navcontainer ul li
{
display: inline;
padding-left: 0;
padding-right: 0;
padding-bottom: 5px;
/* matches link padding except for left and right */
padding-top: 5px;
}
#navcontainer ul li a
{
padding-left: 10px;
padding-right: 10px;
padding-bottom: 5px;
padding-top: 5px;
color: white;
text-decoration: none;
border-right: 1px solid #fff;
}
#navcontainer ul li a:hover
{
background-color: #369;
color:
#00FF33;
}
#navcontainer #active {
    border-left: 1px solid #fff;
	color:#00FF80;
	background-color:
	#00CC33;
	 }
#main {
	width:770px;
	background-color:transparent;
	text-align:left;
	background-position:center;
	list-style-image: none;
	}
#projects {
	background-color:#D1E0D9;
	width:300px;
	margin-left:120px;
	margin-top:10px;
	padding:5px;
	padding-left:100px;
	}
#article {
	background-color:#D1E0D9;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000066;
	margin-left:20px;
	margin-right:20px;
	padding:10px;
	}
h6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000066;
	text-decoration: none;
	padding: 5px;
	}
ul#projects {
	list-style-type:none;
	padding-left: 0;
	margin-left: 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#1B3681;
	font-weight:bold;
}
ul#projects a {
	color:#369;
	}
ul#projects a:visited {
	color:#036;
	}
ul#projects a:hover {
	color:#00CC33;
	}
	
li.one {
background: url(images/icons/orange_wheel.gif) left center no-repeat;
padding-left:30px;
margin-bottom: 10px;
	} 
li.two {
background: url(images/icons/blue_wheel.gif) left center no-repeat;
padding-left:30px;
margin-bottom: 10px;
	} 
li.three {
background:url(images/icons/turq_wheel.gif) left center no-repeat;
padding-left:30px;
margin-bottom: 10px;
	}
li.four {
background:url(images/icons/fuschia_wheel.gif) left center no-repeat;
padding-left:30px;
margin-bottom: 10px;
	}
h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000033;
	list-style-type: disc;
	}

li.five {
background:url(images/icons/green_wheel.gif) left center no-repeat;
padding-left:30px;
margin-bottom: 10px;
	} 
li.six {
background:url(images/icons/brown_wheel.gif) left center no-repeat;
padding-left:30px;
margin-bottom: 10px;
	}
#wheels {
	position:absolute;
	top:200px;
	left:30px;
	width:50px;
	}
ul#wheels {
	list-style-type:none;
	margin-left:20px;
	padding:10px;
	margin-bottom:6px;
	}
#blog {
position:absolute;
	top:420px;
	left:570px;
	}

#photo1 {
	border:thin #333333;
	padding-top:20px;
	position:relative;
	list-style-image: none;
	}

.photocredit{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:12px;
	font-weight:bold;
	list-style-image: none;
	}
#box1 {
	position:relative;
	margin-left:120px;
	}
#footer {
	background-color:#036;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:10px;
	font-weight:normal;
	clear:both;
	text-align:center;
	padding:10px;
	}
bodytext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	list-style-image: none;
	}
h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:18px;
	text-align:center;
	margin-left:250px;
	margin-right:250px;
	padding:5px;
	font-weight: bold;
	text-decoration: none;
	margin-left:150px;
	margin-right:150px;
	}
h2 {
	font-size: 16px;
	color: #FFFFFF;
}
h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #006666;
	padding:5px;
}

h5 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#036;
	font-size:13px;
	font-weight:bold;
	padding:10px;
	}
#box1 {
	position:relative;
	margin:auto;
	text-align:center;
	}
	
#contact {
background-color:#EBF4F5;
	margin:20px;
	padding:10px;
	}
#back {
	background-color:#036;
	border:2px #FF0099;
	margin-left:300px;
	margin-right:300px;
	margin-bottom:20px;
	text-align:center;
	color:#FFFFFF;
	
	}