/* page style */
.main_outer {position: relative; min-height: 100%; width: 900px; background: #fff url(/images/bg-page.gif) no-repeat 0 138px;}
.bg-home {background: url(/images/bg-home.gif) no-repeat 0 138px;}

.header {height: 138px; background: url(/images/header-page.gif) no-repeat 0 0}
.header-home {background: url(/images/header-home.gif) no-repeat 0 0}
.header a.home {position: absolute; top: 5px; left: 5px;}
.header .inside {padding: 85px 0 0 220px;}
.header .inside img {margin-top: 10px;}
.header h1 {font: bold 35px Verdana; font-style: italic; color: #48aa43}

#calculator_link {position: absolute; margin: 16px 0 0 530px; display: block}

.content {padding: 25px 128px 50px 20px; margin-left: 187px; border-top: 6px solid #000}
.bg-home .content {padding: 25px 128px 50px 200px; margin: 0; border-top: 6px solid #000}

.menu {position: absolute; top: 138px; left: 0;}
.menu ul {}

.menu ul li {position: relative; height: 25px; margin-bottom: 3px;}
.menu ul li a {display: block; height: 100%;}
.menu ul li.home {width: 184px;}
.menu ul li.home a {background: url(/images/menu-home.gif) no-repeat 0 0}
.menu ul li.services {width: 182px;}
.menu ul li.services a {background: url(/images/menu-services.gif) no-repeat 100% 0}
.menu ul li.vistor {width: 180px;}
.menu ul li.vistor a {background: url(/images/menu-vistor.gif) no-repeat 100% 0}
.menu ul li.news {width: 178px;}
.menu ul li.news a {background: url(/images/menu-news.gif) no-repeat 100% 0}
.menu ul li.about {width: 176px;}
.menu ul li.about a {background: url(/images/menu-about.gif) no-repeat 100% 0}
.menu ul li.civil {width: 174px;}
.menu ul li.civil a {background: url(/images/menu-civil.gif) no-repeat 100% 0}
.menu ul li.more {width: 172px;}
.menu ul li.more a {background: url(/images/menu-more.gif) no-repeat 100% 0}
.menu ul li.contact {width: 170px;}
.menu ul li.contact a {background: url(/images/menu-contact.gif) no-repeat 100% 0}
.menu ul li a:hover, .menu ul li.services a.active {background-position: 100% 100%}

.menu ul li ul {display: none;}
.menu ul li.services ul.sub {position: absolute; left: 178px; top: -2px; height: 61px; width: 214px; background: url(/images/menu-services-sub.png) no-repeat 0 0}
.menu ul li.services ul.sub-1 {position: absolute; left: 203px; top: -5px; height: 117px; width: 164px; padding: 3px 0 0 5px; background: url(/images/menu-services-sub-1.png) no-repeat 0 0}
.menu ul li.services ul.sub-2 {position: absolute; left: 208px; top: 0; height: 105px; width: 167px; padding: 10px 0 0 5px; background: url(/images/menu-services-sub-2.png) no-repeat 0 0}

.menu ul li ul.sub li {margin: auto; padding: 7px 0 6px 10px;}
.menu ul li ul.sub-1 li {padding: 6px 0 6px 10px;}
.menu ul li ul.sub-2 li {padding: 0px 0 11px 10px;}

.menu ul.sub li {height: 16px;}
.menu ul.sub li.bus a {background: url(/images/submenu-bus.gif) no-repeat 0 0}
.menu ul.sub li.special {height: 17px;}
.menu ul.sub li.special a {background: url(/images/submenu-special.gif) no-repeat 0 0}
.menu ul.sub li.how_to_ride a {background: url(/images/submenu-how_to_ride.gif) no-repeat 0 0}
.menu ul.sub li.routes a {background: url(/images/submenu-routes.gif) no-repeat 0 0}
.menu ul.sub li.fares a {background: url(/images/submenu-fares.gif) no-repeat 0 0}
.menu ul.sub li.transfers a {background: url(/images/submenu-transfers.gif) no-repeat 0 0}
.menu ul.sub li.accessibility a {background: url(/images/submenu-accessibility.gif) no-repeat 0 0}
.menu ul.sub li.policies a {background: url(/images/submenu-policies.gif) no-repeat 0 0}
.menu ul.sub li.sub-services {height: 17px;}
.menu ul.sub li.sub-services a {background: url(/images/submenu-services.gif) no-repeat 0 0}
.menu ul.sub li.application a {background: url(/images/submenu-application.gif) no-repeat 0 0}

.menu ul.sub li a:hover, .menu ul.sub li a.active {background-position: 0 100%}

.slides {background: #000; position: relative; height: 379px;}
.slides .l {position: absolute; width: 100%; top: 0; height: 385px; background: url(/images/slides-l-1.png) no-repeat 0 0;}
.slides .r {position: absolute; width: 100%; top: 0; height: 385px; background: url(/images/slides-r-1.png) no-repeat 100% 0;}
.slides #photobox {position: relative; height: 379px;}

.slides #photobox .photos {position: absolute; top: 6px; left: 150px; height: 379px; width: 100%;}
.slides .photo1 {background: url(/images/photo5.jpg) no-repeat 0 0; display: none;}
.slides .photo2 {background: url(/images/photo4.jpg) no-repeat 0 0; display: none;}
.slides .photo3 {background: url(/images/photo3.jpg) no-repeat 0 0; display: none;}
.slides .photo4 {background: url(/images/photo2.jpg) no-repeat 0 0; display: none;}
.slides .photo5 {background: url(/images/photo1.jpg) no-repeat 0 0;}

.slides_txt {position: absolute; bottom: 10px; left: 20px; width: 370px; padding: 10px 10px 10px 20px; background: url(/images/slides_txt.png) no-repeat 0 0; color: #000; font-weight: bold; line-height: 16px; font-style: italic}

fieldset.form {border: 0; width:100%; margin:20px 0 20px 0; padding:0}
fieldset.form ol {list-style-type:none}
fieldset.form ol li {margin-bottom:10px}
fieldset.form label {display:block}
.full_width {width:100%}

.footer {position: relative; height: 25px; background: #000; margin: auto; margin-top: -25px;}