body {
margin : 0;
padding : 0;
text-align : left;
color : #666;
background : #333333 url(img/bgd.png) repeat;
font : 75% "Trebuchet MS", verdana, arial, sans-serif;
}
#container {
width : 780px;
border : 10px solid #fff;
margin-left : auto;
margin-right : auto;
margin-top : 0px;
padding : 10px;
line-height : 2em;
color : #666;
background : #d9e1e5;
}
			/*TOP TITLE BAR*/
#title {
width : 770px;
margin-left : 5px;
padding : 0;
text-align : left;
background : #fff;
color : #000;
}
#title h1 {
margin : 0;
padding : 10px;
font-size : 175%;
text-transform : uppercase;
letter-spacing : 5px;
background : inherit;
color : #BCE0A8;
}
			/*BANNER*/
#header {
background : url(rotating-bike-photos.swf) no-repeat;
width : 770px;
height : 224px;
margin : 0 0 0 0;
padding : 0 0 0 0;
}
#bikeshop {
padding : 10px;
margin-left : 5px;
margin-right : 175px;
background : #FFFFFF;
color : #FFFFFF;
}
#brooks {
padding : 15px;
margin-left : 0px;
margin-right : 5px;
background : #FFFFFF;
font-size : 110%;
color : #000000;
}
#brooks2 {
padding : 15px;
margin-left : 0px;
margin-right : 5px;
background : #FFFFFF;
color : #000000;
font-size : 110%;
line-height : 1;
}
#content {
padding : 10px;
margin-left : 155px;
margin-right : 175px;
background : #eee;
color : #666;
}
#content h1 {
margin : 30px 0 10px 0;
font : normal 18px/30px verdana, arial, tahoma, sans-serif;
color : #369;
background : inherit;
}
div.hr {
  height: 3px;
  width : 140px;
  background: #a4a4a0 url(img/bgd.png) repeat scroll center;
}
div.hr hr {
  display: none;
}
div.hr-b {
  height: 3px;
  width : 150px;
  background: #a4a4a0 url(img/bgd.png) repeat scroll center;
}
div.hr-b hr {
  display: none;
}
#sidebar {
float : left;
width : 140px;
margin : 0 0 0 0;
padding : 5px;
border-bottom : 10px solid #a4a4a0;
color : #666;
background-color : #d9e1e5;
}
#menu {
width : 140px;
padding : 10px 0 0 0;
}
#menu ul {
margin : 0;
padding : 0;
list-style-type : none;
}
#menu li {
margin : 0 0 0.1em 0;
}
#menu a {
display : block;
font-size : 11px;
color : #5d775a;
background : #ced8df;
width : 120px;
padding : 0.1em 0.8em;
text-decoration : none;
}
#menu a:hover {
background-color : #a4a4a0;
color : #fff;
}
#sidebar-b {
float : right;
width : 150px;
margin : 0 0 0 5px;
padding : 10px;
border-bottom : 10px solid #a4a4a0;
background-color : #ced8df;
color : #6e6a5a;
line-height : 30px;
}
#sponsors {
float : left;
width : 150px;
margin : 2px 0 0 0px;
padding : 0px;
border-bottom : 0px solid #a4a4a0;
background-color : #ced8df;
color : #6e6a5a;
line-height : 15px;
}
			/*FOOTER*/
#footer {
margin : 50px 0 0 0;
padding : 5px;
font : 90% "Trebuchet MS", verdana, arial, sans-serif;
background : #666666;
color : #fff;
}
#footer a:link, #footer a:visited {
background : inherit;
color : #b2d094;
}
#footer a:hover {
background : inherit;
color : #fff;
text-decoration : none;
}
h1 {
margin : 10px 0 10px 0;
font : normal 18px/30px verdana, arial, tahoma, sans-serif;
color : #369;
background : inherit;
}
h2 {
padding-left : 5px;
font : bold 10px/12px verdana, arial, tahoma, sans-serif;
color : #5d775a;
background : inherit;
}
h3 {
margin : 0;
font : bold 170% "Trebuchet MS", verdana, arial, tahoma, sans-serif;
letter-spacing : 5px;
color : #555B7D;
background : transparent;
}
a {
color : #5d775a;
font-weight : bold;
text-decoration : none;
background : inherit;
}
a:hover {
text-decoration : underline;
color : #369;
background : inherit;
}
div.scroll {
overflow : auto;
top-margin: 1px;
height : 15em;
width : 150px;
padding :  0px 0px;
color : #000000;
background : #9be11a;
border : 1px solid #999;
margin : 1px 1px 1px 1px;
}
.news {
font-size : 11px;
line-height : 1.5em;
padding : 1px 1px;
margin : 1px 0 1px 0;
background : #eee;
color : #333;
}
.imgleft {
float : right;
}
blockquote {
font-weight : bold;
line-height : 1.5em;
font-style : italic;
color : #b29b35;
}