﻿ body {
           background : #fff;
           margin : 0;
           padding : 0;
           color : #333;
           font-size : 12px;
           line-height : 1.5em;
           font-family : Lucida, Trebuchet MS, Verdana, sans-serif;
           margin-top : 23px;
           text-align : center;
      }
      body div{
           background : #fff;
           margin : 0;
           padding : 0;
           color : #333;
           font-size : 12px;
           line-height : 1.5em;
           font-family : Lucida, Trebuchet MS, Verdana, sans-serif;
           margin-top : 23px;
           text-align : center;
      }
      #frame {
           width : 850px;
           margin-right:auto;
		   margin-left:auto;
           margin-top : 0;
           padding : 0;
           text-align : left;
      }
     #contentleft {
           width : 175px;
           padding : 0;
           float : left;
           background : #fff;
      }
     #contentcenter {
           width : 425px;
           float : left;
           background : #fff;
           padding-left : 10px;
           padding-right : 10px;
           border-left : 1px solid #ccc;
           border-right : 1px solid #ccc;
      }
     #contentright {
           width : 180px;
           float : right;
           background : #fff;
           padding-left : 10px;
      }
     #contentheader {
           background : #fff;
      }
     #contentbottom {
           width: auto;
           margin-top : 20px;
           background-image : url('images/footer_bg.jpg');
           background-repeat : repeat-x
      }
	#bottomframe {
	font-size: 11px;
	width: 825px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 5px;
	padding: 0px;
	text-align: center;
		}
		
		table.footer {
		font-size : 11px;
		text-align: left;
		}
		
		table.routes {
			border: #000000;
			font-size: 12px;
		}

     h1 a, h1 a:visited, h2 a, h2 a:visited, h3, h3 a:visited {
           border : 0;
      }
     a:hover {
          color : #111;
      }
     h1.whatsnew {
    	   text-align: left;
           font-family : Trebuchet MS, sans-serif;
           font-size : 18px;
           color : #505b60;
           font-weight : lighter;
      }
     h2 {
           margin : 0;
           padding : 0;
           font-size : 16px;
           line-height : 20px;
           margin-top : 1px;
           color : #AADC12;
           font-weight : normal;
           font-style : italic;
      }
     h3 {
           margin : 0;
           padding : 0;
           font-family : Trebuchet MS, sans-serif;
           font-size : 1em;
           line-height : 1em;
           letter-spacing : 0;
           color : #505b60;
      }
     h4 {
           margin : 0;
           padding : 0;
           font-family : Trebuchet MS, sans-serif;
           font-size : 11px;
           line-height : 1em;
           letter-spacing : 0;
          color : #505b60;
           font-style : normal;
           font-weight : lighter;
      }
     ul li {
           list-style-image : url("www.cyride.com/img/arrow.gif");
           list-style-position : outside;
           padding-left : 10px;
           font-size : 1.1em;
           line-height : 1.5em;
      }
     .img {
           border : 1px solid #cccccc;
           background-color : #fff;
           padding : 5px;
      }
      
      
/*Menu button effect*/
.buttonscontainer {width: 162px}

.buttons a {
	color: #FFFFFF;
	border: 1px solid;
	background-color: #c51426;
	padding: 2px;
	padding-left: 3px;
	font: 13px Verdana, Arial, sans-serif;
	font-weight: normal;
	text-decoration: none;
	border-color: #c51426;
	display: block;
	margin: 0px;
	width: 100%;
	text-align: left;}

.buttons a:hover {
	border: 1px solid;
	border-color: #c51426;
	color: #ffb503;
	font-weight: bold;
	text-decoration: none;
	background-color: #FFFFFF;
}

.buttons a.submenu{
	font: 11px Verdana, Arial, sans-serif;
}

.buttons a.submenu:hover{
	font-weight: bold;
}

.buttons #current{
	font-weight: bold;
	color: #ffb503;
	background-color: #FFFFFF
}
/*End menu button effect*/

/*Rounded corners*/
.roundmenu {
	width: 170px;
	background-color: #c51426;
	color: #FFFFFF;
}

.roundmenu p {
	margin: 0 10px;
}

.roundtop { 
	background: url('images/tr.jpg') no-repeat top right; 
}

.roundbottom {
	background: url('images/br.jpg') no-repeat top right; 
}

img.corner {
   width: 15px;
   height: 15px;
   border: none;
   display: block !important;
}
/*End rounded corners*/

h1 
{
	text-align: center;
    font-family: Helvetica, Geneva, Arial,
          SunSans-Regular, sans-serif;
}

table.timetable tr:hover 
{
	color: #c51426;
	font-weight: bold;
}

#masterdiv {
	width: 170px;
	background-color: #c51426;
	color: #FFFFFF;
}

.roundtop { 
	background: url('images/tr.jpg') no-repeat top right; 
}

.menutitle{
cursor:pointer;
margin-bottom: 5px;
margin-top: 2px;
background-color:#c51426;
color:#ffffff;
padding:2px;
padding-left: 5px;
text-align:left;
font: 14px Verdana, Arial, sans-serif;
font-weight: normal;
}

.menutitle a{
	color: #ffffff;
	text-decoration: none;
	width: 100%;
}

.menutitle a:hover{
	color: #ffb503;
	text-decoration: none;
	font-weight: bold;
}

.submenu{
margin-bottom: 0.5em;
font: 12px Verdana, Arial, sans-serif;
text-decoration: none;
background-color:#c51426;
color:#ffffff;
padding-left: 10px;
padding-bottom: 3px;
}

.submenu a{
text-decoration: none;
color: #ffffff;
}

.submenu a:hover {
	color: #ffb503;
	font-weight: bold;
	text-decoration: underline;
}