@charset "utf-8";
/* CSS Document */

html {overflow: scroll;}

body {
	text-align: center;
	margin: 0px;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

p {
     margin:  0 0 1em 0;
     padding:  0;
}


a {
	text-decoration: underline;
	color: #ffffff;
}
a:link {
	text-decoration: underline;
}
a:visited {
	text-decoration: underline;
}
a:hover {
	text-decoration: underline;
	color: #F9A351;
}
img {
	border: 0px;
}

#container {
	position: relative;
	width: 950px;
	margin: 10px auto;
	margin-bottom:0px;
	background-color: #1675b9;
	border: 0px;
	text-align: left;
	padding: 0px;
}

#header  {
background-color: #fcbd80;
border-bottom: 5px solid #f9a351;
}

#footer  {
position: relative;
background-color: #fcbd80;
border-top: 5px solid #f9a351;
}

#homepage_image {
border-left: 5px solid #f9a351;
float: right;
}

#content {
background-color: #1675b9;
color: #FFFFFF;
padding-left: 25px;
}
#content-subpage {
background-color: #1675b9;
color: #FFFFFF;
padding: 25px;
min-height:340px;
height: auto !important;
height: 340px;
}

#oclogo {font-size:10px; color: #FFFFFF; letter-spacing:-0.8px; line-height:10px; width: 170px; position: absolute; top:-115px; left: 27px; display:none;}


#top-menu {position:absolute; top:67px; left: 440px; width:500px; }
.menu-bar {position:absolute; background-color:#009933; height: 15px; width:100% top:30px; left: 0px; }
ul#menu1 { list-style-type:none;
margin: 0;
padding:0;
display: block;
font-size:10px;
}

ul#menu1 li {display:block; float: left; margin:0; padding: 0; text-align:center; position:relative; height:45px;}

ul#menu1 li:hover {background-color: #f9a351;}
ul#menu1 li a {display: block; float: left; height:25px; padding: 5px 10px 0 10px; text-decoration:none; color: #016dad; }
ul#menu1 li a:hover {color: #ffffff; background-color: #f9a351;}

#menu-about {position: absolute; top:118px;	left: 440px;padding:5px;	background-color:#f9a351;	height: 25px;	}
ul#menu-about-ul { list-style-type:none;margin: 0;padding:0;display: block;width: auto;font-size:10px;}
ul#menu-about-ul li {display:block; float: left; margin:0; padding: 0;  text-align:center; }
ul#menu-about-ul li a { display: block; float: left; text-decoration:none; color: #016dad; padding: 6px 10px 0 10px;}
ul#menu-about-ul li a:hover { color: #ffffff; }

#menu-services {position: absolute; top:118px;	left: 514px;padding:5px;	background-color:#f9a351;	height: 25px;	}
ul#menu-services-ul { list-style-type:none;margin: 0;padding:0;display: block;width: auto;font-size:10px;}
ul#menu-services-ul li {display:block; float: left; margin:0; padding: 0;  text-align:center; }
ul#menu-services-ul li a { display: block; float: left; text-decoration:none; color: #016dad; padding: 6px 10px 0 10px;}
ul#menu-services-ul li a:hover { color: #ffffff; }

#menu-connecting{position: absolute; top:118px;	left: 348px;padding:5px;background-color:#f9a351;	height: 25px;}
ul#menu-connecting-ul { list-style-type:none;margin: 0;padding:0;display: block;width: auto;font-size:10px; }
ul#menu-connecting-ul li {display:block; float: left; margin:0; padding: 0;  text-align:center; }
ul#menu-connecting-ul li a { display: block; float: left; text-decoration:none; color: #016dad; padding: 6px 10px 0 10px;}
ul#menu-connecting-ul li a:hover { color: #ffffff; }

#menu-other{position: absolute; top:118px;	left: 470px;padding:5px;background-color:#f9a351;	height: 25px; width:272px;}
ul#menu-other-ul { list-style-type:none;margin: 0;padding:0;display: block;width: auto;font-size:10px; }
ul#menu-other-ul li {display:block; float: left; margin:0; padding: 0;  text-align:center; }
ul#menu-other-ul li a { display: block; float: left; text-decoration:none; color: #016dad; padding: 6px 10px 0 10px;}
ul#menu-other-ul li a:hover { color: #ffffff; }

#menu-routes{position: absolute; top:118px;	left: 348px;padding:5px;background-color:#f9a351;	height: 25px;}
ul#menu-routes-ul { list-style-type:none;margin: 0;padding:0;display: block;width: auto;font-size:10px; }
ul#menu-routes-ul li {display:block; float: left; margin:0; padding: 0;  text-align:center; }
ul#menu-routes-ul li a { display: block; float: left; text-decoration:none; color: #016dad; padding: 6px 10px 0 10px;}
ul#menu-routes-ul li a:hover { color: #ffffff; }


#bottom-menu {
	position:absolute;
	top:10px;
	left: 630px;
	width:300px;
}

#menu2 strong {position:absolute; left:-9999px;}
#menu2 a.guide {background:url(../images/menu/ridersguide.gif) no-repeat left top; text-align:center;
display:block; width: 90px; height:38px; line-height:38px; float:left;  white-space:nowrap; color:#1675B9;}

#menu2 a.news {background:url(../images/menu/news.gif) no-repeat left top; text-align:center;
display:block; width: 107px; height:38px; line-height:38px; float:left; white-space:nowrap; color:#1675B9;}

#menu2 a.contact {background:url(../images/menu/contact.gif) no-repeat left top; text-align:center;
display:block; width: 85px; height:38px; line-height:38px; float:left;  white-space:nowrap; color:#1675B9;}



#menu2 a:hover, 
#menu2 li:hover a {
background-position: left bottom; 
cursor:pointer; 
}

ul#menu2 { list-style-type:none;
margin: 0;
padding:0;
display: block;
}

ul#menu2 li {display:block; float: left; margin:0; padding: 0; text-align:center; position:relative; height:38px; line-height: 38px;}
ul#menu12 li a {display: block; float: left; height:25px; padding: 5px 10px 0 10px; text-decoration:none; color: #016dad; }
ul#menu12 li a:hover {color: #ffffff;}


#siteby {position:absolute;	top:65px;	left: 709px;	font-size:10px;}
#siteby a {text-decoration: none; color: #1675B9;}
#siteby a:hover {color: #FFFFFF;}


#submenu a {color: #FFFFFF; text-decoration:none;}
#submenu a:hover {color: #F9A351; text-decoration:none;}



.size10 {font-size:10px;}