/* Page Elements */

body {margin: 0; height: 100%; padding: 0; font-family: Segoe UI, Arial; font-size: 11px; color: #000000; background-color: #FFFFFF;}
#content {width: 100%; margin: auto; padding: 0px;}
#footer {width: 771px; height: 11px; clear: both; margin: 0 auto; padding: 2px 2px 2px 2px; color: #000000; font-weight: bold; border-top: 1px #00A28D solid;}
#header {width: 100%; margin: auto; padding: 0px;}
#page {background-color: white; margin-right: auto; margin-left: auto; margin-top: 0px; margin-bottom: 0px; padding: 0px; clear: both; width: 100%; _width: 775px; max-width: 775px; min-width: 775px; height: 100%; position: relative; top: 0px;}
.pagehalfspace {width: 100%; clear: both; height: 5px; margin: auto; padding: 0px; font-size: 3px;}
.pagespace {width: 100%; clear: both; height: 10px; margin: 0 auto; padding: 0px;}#whereru {width: 773px; margin: auto; padding: 0px 0px 0px 2px; color: #00A28D;}
#whererult {float: left; width: 495px; margin: 0 auto; padding: 0px 0px 0px 5px; color: #00A28D;}
#whererurt {float: right; width: 250px; margin: 0 auto; padding: 0px 15px 0px 0px; font-weight: bold; text-align: right; color: #00A28D;}

/* Link Elements */

a {text-decoration:none; color:#000000;}
a:link {color:#000000;}
a:visited {}
a:active {color:#000000;}
a:hover {color: #000000;}
.conmenu a {color: #000000;}
.conmenu a:hover {color: #00A28D; line-height: 14px; margin-bottom: 2px; border-bottom: dotted 1px #000000;}
.conmenu a:link {}
.context a {color: #000000; line-height: 14px; margin-bottom: 2px; border-bottom: dotted 1px #00A28D;}
.context a:link {}
.context a:hover {color: #00A28D; line-height: 14px; margin-bottom: 2px; border-bottom: dotted 1px #000000;}
.linkpic a {width: 100%; text-decoration: none;}
.linkpic a:link {}
.linkpic a:hover {width: 100%; text-decoration: none;}.sidenavtxt a {color: #00A28D;}
.sidenavtxt a:link {}
.sidenavtxt a:hover {display: block; color: #00A28D; line-height: 13px; font-weight: bold; font-style: italic; border-bottom: dotted 1px #00A28D; background-image: url('images/elements/sidenavroll.png');}
.titlelink {font-size: 15px; line-height: 17px; margin: 0px 0px 2px 0px; border-bottom: dotted 1px #FFFFFF;}
.titlelink a {color: #00A28D;}
.titlelink a:link {}
.titlelink a:hover {font-size: 15px; color: #00A28D; line-height: 17px; margin: 0px 0px 2px 0px; border-bottom: dotted 1px #000000;}
.rightpic a {float: right; width: 110px; text-decoration: none; padding: 2px 3px 2px 10px;}
.rightpic a:link {}
.rightpic a:hover {float: right; width: 110px; text-decoration: none; padding: 2px 3px 2px 10px;}

/* Content Elements */

#contentpage {width: 600px; float: right; margin: 0px 5px 0px 0px; padding: 0px 5px 0px 0px;}
#sidenav {width: 150px; float: left; margin: 0 auto; padding: 0px;}

/* Header Elements */

#clock {width: 100px; height: 100px; float: right; text-align: center; margin: 0 auto; padding: 0px;}
#logo {width: 773px; height: 100px; float: left; margin: 0 auto; padding: 0px; border-left: #00A28D 1px solid; border-right: #00A28D 1px solid; background-image: url('images/elements/sbitimelogo.jpg');}
#topnav {width: 773px; float: left; margin: 0 auto; padding: 0px; border-left: #00A28D 1px solid; border-right: #00A28D 1px solid; background-image: url('images/elements/topnav.png'); vertical-align: middle; font-weight: bold; font-size: 12px; color: white;}
#topnavbot {width: 775px; height: 10px; clear: both; margin: 0 auto; padding: 0px; font-size: 2px; background-image: url('images/elements/topnavbot.png');}

/* Top Navigation Elements */

#TNBlog {margin: 0; list-style-type: none; padding: 0;}
#TNBlog li {float: left;}
#TNBlog li a {display: block; width: 101px; text-align: center; color: #FFFFFF;}
#TNBlog li a:hover {background-image: url('images/elements/topnavroll.png'); color: #000000;}
#TNFoto {margin: 0; list-style-type: none; padding: 0;}
#TNFoto li {float: left;}
#TNFoto li a {display: block; width: 101px; text-align: center; border-right: solid 1px #FFFFFF; color: #FFFFFF;}
#TNFoto li a:hover {background-image: url('images/elements/topnavroll.png'); color: #000000;}
#TNPast {margin: 0; list-style-type: none; padding: 0;}
#TNPast li {float: left;}
#TNPast li a {display: block; width: 101px; text-align: center; border-right: solid 1px #FFFFFF; color: #FFFFFF;}
#TNPast li a:hover {background-image: url('images/elements/topnavroll.png'); color: #000000;}
#TNSBI {margin: 0px auto; list-style-type: none; text-decoration: none; padding: 0;}
#TNSBI li {float: left; text-decoration: none;}
#TNSBI li a {display: block; width: 90px; text-align: center; text-decoration: none; border-right: solid 1px #FFFFFF; color: #FFFFFF;}
#TNSBI li a:hover {background-image: url('images/elements/topnavroll.png');color: #000000;}
#TNSBIM {margin: 0px auto; list-style-type: none; text-decoration: none; padding: 0;}
#TNSBIM li {float: left; text-decoration: none;}
#TNSBIM li a {display: block; width: 172px; text-align: center; text-decoration: none; border-right: solid 1px #FFFFFF; color: #FFFFFF;}
#TNSBIM li a:hover {background-image: url('images/elements/topnavroll.png'); color: #000000;}
#TNTime {margin: 0; list-style-type: none; padding: 0;}
#TNTime li {float: left;}
#TNTime li a {display: block; width: 101px; text-align: center; border-right: solid 1px #FFFFFF; color: #FFFFFF;}
#TNTime li a:hover {background-image: url('images/elements/topnavroll.png'); color: #000000;}

/* Side Navigation Elements */

#snbox {width: 150px; margin: 0px 0px 10px 0px; padding: 0;}
.snboxbot {width: 150px; height: 10px; margin: 0 auto; padding: 0px; background-image: url('images/elements/snbot.png');}
.snboxmid {width: 148px; margin: 0 auto; padding: 5px 0px 0px 0px; border-left: solid 1px #00A28D; border-right: solid 1px #00A28D; text-align: center;}
.snboxmidin {width: 140px; margin: 0px auto; padding: 2px; background: #CFFFF9; color: #FF9966; text-align: left; font-size: 11px;}
.snboxtop {width: 145px; height: 20px; margin: 0 auto; padding: 0px 0px 0px 5px; background-image: url('images/elements/sntop.png'); font-size: 10pt; font-weight: bold; color: #FFFFFF; vertical-align: middle;}

/* Content Elements */

.conbox {width: 600px; float: left; margin: 0 auto; padding: 0px; text-align: center;}
.conboxbot {width: 600px; height: 10px; clear: both; margin: 0px 0px 2px 0px; padding: 0px; background-image: url('images/elements/conbot.png');}
.conboxfill {width: 563px; float: left; margin: 0 auto; padding: 5px; border: solid 1px #00A28D; background-color: #CFFFF9;}
.conboxmid {width: 588px; float: left; margin: 0 auto; padding: 5px; border-left: solid 1px #CFFFF9; border-right: solid 1px #CFFFF9; text-align: justify;}
.conboxmidin {width: 575px; margin: 0 auto; padding: 0px 5px 0px 5px; text-align: justify; font-size: 11px;}
.conboxtop {width: 595px; height: 20px; margin: 0 auto; padding: 0px 0px 0px 5px; background-image: url('images/elements/contop.png'); font-size: 10pt; font-weight: bold; color: #FFFFFF; vertical-align: middle; text-align: left;}
.confill {width: 596px; float: left; margin: 0 auto; padding: 2px; border: solid 1px #00A28D; background-color: #CFFFF9; text-align:lef;}
.conspace {width: 100%;	height: 10px; font-size: 9px;}
.menubox {width: 100%; float: left; margin: 1px 0px 1px 0px;}

/* Text Styles */

.context {line-height: 14px; text-alignment: justify; margin-bottom: 2px;}
.conmenu {line-height: 14px; text-alignment: justify; margin-bottom: 2px; text-decoration:none;}
.conline {clear: both; margin: 5px 0px 5px 0px; width : 100%; line-height: 3px; border-bottom: dotted 1px #00A28D;}
#diversion{width: 575px; margin: 0px auto; padding: 2px; background: #CFFFF9; color: #000000; text-align: center; font-size: 11px; border: dotted 1px #00A28D;}
.footertext {font-weight: bold; color: #00A28D;}
.note {float: left; font-size: 10pt; color: #000000; font-weight: bold; text-align: center; font-style: italic;}
.plnote {width: 140px; margin: 0px auto; padding: 2px; text-align: left;}
#servicechange{width: 575px; margin: 0px auto; padding: 2px; background: #00A28D; color: #FFFFFF; text-align: center; font-size: 11px; border: dotted 1px #CFFFF9;}
.sidenavtxt {color: #00A28D; line-height: 14px; border-bottom: dotted 1px #00A28D;}
.title {float: left; font-size: 15px; color: #00A28D; text-align: left;}
.titlehide {float: left; font-size: 15px; color: #00A28D; text-align: left; display: block;}

/* Image Styles */

.rightpic {float: right; width: 110px; padding: 2px 3px 2px 10px; min-height: 80px;}
.linkpic {width: 100%; min-height: 80px;}
.month {display: none;}

/* Homepage */

.hpconfill {width: 418px; float: left; margin: 0 auto; padding: 5px; border: solid 1px #00A28D; background-color: #CFFFF9;}
#hpconright {Float: right; width: 150px; padding: 0px 5px 0px 5px; text-align: center;}
#hpcontent {float: left; width: 430px; text-align: justify;}

/* Tables */

.opcode {width: 65px; text-align: left; font-size: 12pt; font-weight: bold; vertical-align: top; color: #00A28D; border-bottom: 1px dotted #00A28D;}.RouteDesc {width: 345px; text-align: left; vertical-align: top; text-decoration: none; border-bottom: 1px dotted #CC9999;}
.opdesc {width: 345px; text-align: left; vertical-align: top; border-bottom: 1px dotted #00A28D;}
.RouteDesc {width: 345px; text-align: left; vertical-align: top; text-decoration: none; border-bottom: 1px dotted #CC9999;}
.RouteNo {width: 65px; text-align: left; font-size: 14pt; font-weight: bold; text-decoration: none; vertical-align: top; color: #00A28D; border-bottom: 1px dotted #CC9999;}
.timeallservice {width: 100px; text-align: left; vertical-align: top; font-weight: bold; font-size: 20pt; color: #00A28D; border-bottom: dotted 1px #00A28D;}
.timeallvia {width: 480px; text-align: left; vertical-align: top; font-style: italic;  border-bottom: dotted 1px #00A28D;}
.timeroute {width: 480px; text-align: left; vertical-align: top; font-weight: bold;}
.timeservice {width: 100px; text-align: left; vertical-align: top; font-weight: bold; font-size: 20pt; color: #00A28D;}
.timevia {width: 480px; text-align: left; vertical-align: top; font-style: italic;}

/* Frequency Guide */

.hday {width: 75px; vertical-align: top; text-align: center; border-top: dotted 1px #FFFFFF; border-bottom: dotted 1px #00A28D; border-left: solid 1px #CCCCCC; background: #CCFFFF; color: #000000;}
.heve {width: 75px; vertical-align: top; text-align: center; border-top: solid 1px #FFFFFF; border-bottom: dotted 1px #00A28D; border-left: solid 1px #FFFFFF; border-right: solid 1px #FFFFFF; background: #99CCFF; color: #000000;}
.hhday {width: 75px; vertical-align: top; text-align: center; border-top: solid 1px #FFFFFF; border-bottom: solid 1px #00A28D; border-left: solid 1px #CCCCCC; background: #CCFFFF; color: #000000;}
.hheve {width: 75px; vertical-align: top; text-align: center; border-top: solid 1px #FFFFFF; border-bottom: solid 1px #00A28D; border-left: solid 1px #FFFFFF; border-right: solid 1px #FFFFFF; background: #99CCFF; color: #000000;}
.hhsunday {width: 75px; vertical-align: top; text-align: center; border-top: solid 1px #FFFFFF; border-bottom: solid 1px #00A28D; background: #CCCCFF; color: #000000;}
.hservice {width: 75px; vertical-align: top; text-align: center; color: #FFFFFF; background-image: url('images/elements/freq.png'); color: #FFFFFF;}
.hoperator {width: 75px; vertical-align: top; text-align: center; color: #FFFFFF; border-left: 1px solid #CCCCCC; background-image: url('images/elements/freq.png');}
.hroute {width: 225px; vertical-align: top; text-align: center; color: #FFFFFF; border-left: solid 1px #CCCCCC; background-image: url('images/elements/freq.png');}
.hweekday {width: 150px; vertical-align: top; text-align: center; background-image: url('images/elements/freq.png'); border-top: solid 1px #00A28D; border-left: solid 1px #CCCCCC; color: #FFFFFF;}
.hsunday {width: 75px; vertical-align: top; text-align: center; background-image: url('images/elements/freq.png'); border-top: solid 1px #00A28D; border-left: solid 1px #CCCCCC; border-bottom: solid 1px #FFFFFF; color: #FFFFFF;}
.hsunday {width: 75px; vertical-align: top; text-align: center; border-top: dotted 1px #FFFFFF; border-bottom: dotted 1px #00A28D; background: #CCCCFF; color: #000000;}
.operator {width: 75px; vertical-align: top; border-left: 1px solid #CCCCCC;}
.route {width: 225px; vertical-align: top; border-left: solid 1px #CCCCCC;}
.service {width: 75px; vertical-align: top;}
.sunday {width: 75px; vertical-align: top; text-align: center; background-image: url('images/elements/freq.png'); border-top: dotted 1px #00A28D; border-left: dotted 1px #CCCCCC; color: #FFFFFF;}
.tday {width: 75px; vertical-align: top; text-align: center; border-left: solid 1px #CCCCCC; background: #CCFFFF; color: #000000;}
.teve {width: 75px; vertical-align: top; text-align: center; border-left: solid 1px #FFFFFF; border-right: solid 1px #FFFFFF; background: #99CCFF; color: #000000;}
.toperator {width: 75px; vertical-align: top; text-align: center; border-left: solid 1px #CCCCCC;}
.troute {width: 225px; vertical-align: top;	text-align: left; margin-left: 2px; border-left: solid 1px #CCCCCC;}
.tservice {width: 75px; font-size: 12pt; font-weight: bold; color: #00A28D; text-decoration: none; vertical-align: top; text-align: center;}
.tsunday {width: 75px; vertical-align: top; text-align: center; background: #CCCCFF; color: #000000;}
.tteve {width: 75px; vertical-align: top; text-align: center; border-left: solid 1px #FFFFFF; border-right: solid 1px #FFFFFF; background: #99CCFF; color: #000000; border-bottom: dotted 1px #00A28D;}
.ttoperator {width: 75px; vertical-align: top; text-align: center; border-left: solid 1px #CCCCCC; border-bottom: dotted 1px #00A28D;}
.ttroute {width: 225px; vertical-align: top;	text-align: left; margin-left: 2px; border-left: solid 1px #CCCCCC; border-bottom: dotted 1px #00A28D;}
.ttservice {width: 75px; font-size: 12pt; font-weight: bold; color: #00A28D; text-decoration: none; vertical-align: top; text-align: center; border-bottom: dotted 1px #00A28D;}.ttday {width: 75px; vertical-align: top; text-align: center; border-left: solid 1px #CCCCCC; background: #CCFFFF; color: #000000; border-bottom: dotted 1px #00A28D;}
.ttsunday {width: 75px; vertical-align: top; text-align: center; background: #CCCCFF; color: #000000; border-bottom: dotted 1px #00A28D;}
.weekday {width: 150px;	vertical-align: top; text-align: center; background-image: url('images/elements/freq.png'); border-top: dotted 1px #00A28D; border-left: dotted 1px #CCCCCC; color: #FFFFFF;}