<style type="text/css">
body{
margin:20px;
padding:0;
line-height: 1.5em;
}

#cont A:link {color: #444444;}

#cont a:hover {
text-decoration: none;
color: #599ff0;
}

a img, a img.preview {
border: none;
text-decoration: none;
}

a:link img, a:visited img, a:hover img {
border: none;
text-decoration: none;
}


b{font-size: 110%;}
em{color: red;}
h4{color:#1BA6B2;font: normal 12px Arial;}

#maincontainer{
width: 840px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
}

#topsection{
background: #FFFFFF;
color:#000000;
height: 87px; /*Height of top section*/
}

#topsection h1{
margin: 0px;
padding-top: 20px;
}

#topsection h4{
margin: 0;
padding-top: 0px;
font: normal 14px Arial, Verdana, sans-serif;
}
#midsection{
background: transparent;
color:#414141;
height: 35px; /*Height of top section*/
}

#midsection h1{
margin: 0px;
padding-top: 0px;
}

#midsection h4{
margin: 0;
padding-top: 0px;
}

#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
margin-left: 200px; /*Set left margin to LeftColumnWidth*/
background: #FFFFFF;
font: normal 11px Arial, Verdana, sans-serif;
line-height: 13px;
}

h3 {text-align: center;}
p {text-indent: 10px;}

#cont {
width: 90%;
background: #ffffff;border: 0px double #000000;
margin: 0 auto; /*Center container on page*/
margin-top: 20px; margin-bottom: 10px; 
}

#leftcolumn{
float: left;
width: 200px; /*Width of left column*/
margin-left: -840px; /*Set left margin to -(MainContainerWidth)*/
background: #FFFFFF;
font: normal 11px Arial, Verdana, sans-serif;
}

#footer{
clear: left;
width: 100%;
background: black;
font: normal 11px Arial, Verdana, sans-serif;
color: #FFF;
text-align: center;
padding: 4px 0;
}

#footer a{
color: #FFFF80;
}


.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}
.midtube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}

#leftbox{
float: left;
width: 45%; /*Width of left column in pixels*/
height: 150px;
background: #FFFFFF;margin-top: 30px; margin-bottom: 40px; 
}

#rightbox{
float: right;
width: 45%; /*Width of right column in pixels*/
height: 150px;
background: #FFFFFF;margin-top: 30px; margin-bottom: 40px; 
}

#contact{
margin-top: 100px; margin-left: 140px; 
height: 200px;
background: #FFFFFF;
}

<!-- forms -->
form, label, input { font-size : 1em;}
fieldset { width : 70%; padding : 0.5em 0em; margin : .5em 0em;}
label { position : relative; width : 10em; display : block; margin : .5em 0em; }
label input { position : absolute; left : 100%; top : 0px; width : 10em; }
input { position : relative; }
input.submit { margin-left : 10em; }
form br { display : none; } 
<!-- end forms -->



<!-- show -->
.flashclass{ /*sample CSS class added to image slideshow container*/
width: 100%; /*a width should be defined for transition to work*/
border: 0px solid black;
padding: 0px;
}
.flashclass img{
border: 0px solid black;
width:100%;
height:375px;
}
<!-- end show -->



<!-- vertical menu -->
.arrowlistmenu{
width: 180px; /*width of menu*/

}

.arrowlistmenu .headerbar{
font: normal 11px Arial, Verdana, sans-serif;
color: white;
background: black url(layout/titlebar.png) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
}

.arrowlistmenu ul{
font: normal 11px Arial, Verdana, sans-serif;
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 3px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 0px; /*bottom spacing between menu items*/
border-bottom: 0px dashed #000000;
}

.arrowlistmenu ul li a{
color: #444444;
background: url(layout/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%;
}



.arrowlistmenu ul li a:visited{
color: #444444;

}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #1BA6B2;
background-color: #f1f1f1;
}
<!-- end vertical menu -->

<!-- start upcoming -->
          div#upcoming_clean_medium {width:180px;margin:0;padding:0px;background-color:#ffffff;
                                     border-right:0px solid #ADAABD;border-bottom:0px solid #ADAABD;}
          div#upcoming_clean_medium .upb_text,div#upcoming_clean_medium a 
                                     {color:#000000;font:normal 11px Arial, Verdana, sans-serif;}
          div#upcoming_clean_medium a {color:#444444;text-decoration:none;}
          div#upcoming_clean_medium a:hover {color: #1BA6B2;background-color: #f1f1f1;}
          div#upcoming_clean_medium .upb_header {padding:3px 3px 5px 3px;}
          div#upcoming_clean_medium .upb_header .upb_text {font: bold 12px Verdana, Arial;color:#599ff0;}
          div#upcoming_clean_medium .upb_header a{font: normal bold 12px 11px Verdana, Arial;color:#599ff0;}
          div#upcoming_clean_medium .upb_events {margin:0;padding:0px}
          div#upcoming_clean_medium .upb_event {margin-bottom:2px; line-height: 120%;}
          div#upcoming_clean_medium .upb_date {border-bottom:1px solid #C6C3C6;margin:10px 0 3px 0}
          div#upcoming_clean_medium .upb_date .upb_text{color:#599ff0;font-size: 11px;font-weight: bold;
                                              border-bottom:1px solid #C6C3C6;margin:10px 0 3px 0}
          div#upcoming_clean_medium .upb_more {margin: 20px 0px 5px 0px;text-align:right}
<!-- end upcoming -->


.labelfield{ /*CSS for label field in general*/
color:brown;
font-size: 80%;
}

.datefield{ /*CSS for date field in general*/
color:gray;
font-size: 80%;
}



#ride A:link {
color: #599ff0;
font: bold 11px Arial, Verdana, sans-serif;
}

#ride A:visited {
color: #599ff0;
font: bold 11px Arial, Verdana, sans-serif;
}

#ride A:hover {
text-decoration: none;
color: #599ff0;
}




#news div{
margin-bottom:3px;
border-bottom: 3px dotted #dadada;}

#news a {
color: #444444;
font-weight: bold;
font-size: 90%;
}






#feed div{
margin-bottom:15px;
border-bottom: 3px dotted #dadada;}

#feed a {
color: #444444;
font-weight: bold;}

#feed a:hover {
color: #599ff0;
background-color: #e3e3e3;}







<!-- start service -->
table.lab
{border-collapse: collapse;
margin-bottom: 3em;
font-size: 11px;
line-height: 1.1;
}
 
table.lab  tr:hover, td.start:hover, td.end:hover
{ background: #CCC; }

table.lab  th, td
{ padding: .3em .5em; }

table.lab  th
{
font-weight: normal;
text-align: left;
background: url(layout/arrow.gif) no-repeat 2px 50%;
padding-left: 15px;}
 
th.name { width: 12em; }
 th.price { width: 12em; }

 
table.lab thead th  {
background: #666;
border-color: #fff #fff #888 #fff;
border-style: solid;
border-width: 1px 1px 2px 1px;
padding-left: .5em;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif ;
font-size: 11px;
color: #fff;
border-collapse: collapse;
}
 
table.lab  tbody th.start  {
background: url(layout/dots.gif) 18px 54% no-repeat;
padding-left: 26px;
}
 
table.lab  tbody th.end  {
background: url(layout/dots2.gif) 18px 54% no-repeat;
padding-left: 26px;
} 
<!-- end service -->


</style>