/* CSS Document SnowBus */


/* RESET STYLES */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* END RESET STYLES */


html {
	height: 100%;
	margin-bottom: 1px;
	}

body {
	text-align: center;
	font-family: verdana, helvetica, arial, sans-serif;
	background: url(../decor/bax-body.jpg) #fff top center repeat-x;
	color: #333;
	}

#container {
	width: 960px;
	margin: 0 auto;
	}

#logo {
	width: 960px;
	height: 120px;
	margin: 0 auto;
	background: url(../decor/bax-header.png) top left no-repeat;
	}

	img#logo-link {margin: 45px 0 0 7px; border: 0; float: left; clear: both;}

/*#music {float: left; margin: 10px 0 0 7px;}*/

#nav {
	background: url(../decor/bax-nav2.png);
	width: 960px;
	height: 93px;
	margin: 0 auto;
	}
	
	#home, #booking, #prices, #schedule, #schedule2, #ride, #snow-report, #partner, #contact, #wifi {
			width: 82px;
			height: 83px;
			float: left;
			margin: 5px 0 0 5px;
			}
			
		#booking {
			margin-left: 9px;
			}
			
		#prices, #schedule, #schedule2, #ride, #snow-report, #contact {
			margin-left: 10px;
			}
			
		#partner {margin-left: 11px;}

#nav a img {
	border: 0;
	}

#content {
	text-align: left;
	width: 960px;
	margin: 15px auto;
	line-height: 1.2;
	}

	h1 {
		font-size: 20px;
		margin: 10px 15px 10px 20px;
		font-weight: bold;
		border-bottom: 1px dotted #ccc;
		color: #1e3242;
		}
		
	h3 {
		font-size: 16px;
		margin: 10px 15px 5px 20px;
		font-style: oblique;
		}

	#content p {
		font-size: 12px;
		margin: 0 30px 7px 20px;
		}

	#content p a, table a {
		color: #1d313f;
		}
		
	table a {text-decoration: none; position: absolute;}

	#content p a:hover, table a:hover {
		color: #fff;
		background: #1d313f;
		text-decoration: none;
		}

	#content p a:hover.button {
		background: #fff;
		}

#col-left {
	width: 309px;
	height: 379px;
	background: url(../decor/bax-left.png) top center no-repeat;
	float: left;
	}

#col-right {
	width: 633px;
	height: 379px;
	background: url(../decor/bax-right2.jpg) top center no-repeat;
	float: right;
	}

.col-right1 {
	width: 315px;
	float: left;
	}

.col-right2 {
	width: 315px;
	float: right;
	}

#leftimg {margin: 2px 0 0 2px;}

#slideshow1 {
	margin: 2px 0 0 2px;
	position: absolute;
	}

iframe#forecast {
	overflow: hidden; 
	border: 1px dotted #333; 
	margin-left: 20px; 
	padding: 0 0 0 50px;
	background: #fff;
	width: 540px;
	height: 220px;}

.route, .fare, .fare1 {
	width: 590px;
	margin-left: 20px;
	font-size: 12px;
	text-align: center;
	/*background: #c4d7e4;*/}

.route, .fare1 {background: url(../decor/table-head.png) top center no-repeat;}

.fare1 {margin-bottom: 10px;}

.fare {background: url(../decor/table-head2.png) top center no-repeat;}

.fare {margin-top: 10px;}

.fare td {height: 20px; min-height: 20px;}

tr.route-bold, .fare-bold {font-weight: bold;}

tr.route-bold, tr.fare-bold, tr.fare-bold2 {color: #fff;}
tr.route-bold, tr.fare-bold {/*background: url(../decor/table-head.png) top left no-repeat;*/ position: relative; height: 22px; min-height: 22px;}
tr.fare-bold2 {/*background: url(../decor/table-head2.png) transparent top left no-repeat;*/ position: relative; height: 32px; min-height: 32px;}

/*
.route


td.route-bold, td.fare-bold {background: transparent;}*/

td {vertical-align: middle;}
.route td {vertical-align: top;}

tr.top {border-bottom: 1px dotted #687581;}
tr.bottom {border-bottom: 1px dotted #687581;}

td.blue {background: #2d4d67; color: #fff; text-align: left; padding-left: 6px;}
td.blue2 {background: #2d4d67; color: #fff;}

.location {text-align: left; height: 20px; min-height: 20px; padding-left: 10px;}
td.location2 {text-align: left; height: 18px; min-height: 18px; padding-left: 10px;}

.stop {width: 200px; padding-top: 4px; padding-bottom: 4px;}
.time {width: 130px; padding-top: 4px; padding-bottom: 4px;}

.stop2 {width: 460px; padding-top: 4px; padding-bottom: 4px;}
.time2 {width: 130px; padding-top: 4px; padding-bottom: 4px;}

.stop3 {width: 290px; padding-top: 4px; padding-bottom: 4px;}
.time3 {width: 300px; padding-top: 4px; padding-bottom: 4px;}
td.location3 {text-align: left; height: 18px; min-height: 18px; padding-left: 10px;}


table#info-form {
	border: 0;
	margin: auto;
	font-size: 9px;
	text-transform: uppercase;
	}

table#info-form td {
	width: 260px;
	vertical-align: top;
	}

table#info-form td.field {
	height: 30px;
	/*background: url(../decor/shadow.png) top left no-repeat;*/
	}

table#info-form td.shadow-text {
	height: 100px;
	/*background: url(../decor/shadow-text.png) top left no-repeat;*/
	}

table#info-form textarea {
	width: 250px;
	height: 94px;
	}

table#info-form input.idle, table#info-form input.activeField  {
	width: 250px;
	height: 22px;
	}

.activeField {
	border: solid 1px #333;
	}

.idle {
	border: solid 1px #999;
	}

table#info-form select {
	text-transform: none;
	width: 250px;
	}



table#info-form input.button {
		width: 100px;
		margin-top: 3px;
		background: url(../decor/grad.png) top left repeat-x;
		}

table#info-form td#space {
	width: 50px;
		}

#social-buttons {float: right; width: 240px; height:276px; margin-right: 40px; margin-top: 10px; text-align: center;}

#social-buttons a.buttons:hover {background-color: transparent;}

#bottom {
	height: 140px;
	width: 960px;
	padding: 15px 0 0 0;
	clear: both;
	}

	ul.box {
		list-style-type: none;
		}

	.box li {
		width: 309px;
		height: 126px;
		float: left;
		text-align: left;
		}

		#box1 {
			background: url(../decor/box1.png) top center no-repeat;
			margin-right: 17px;
			}

		#box2 {
			background: url(../decor/box2.png) top center no-repeat;
			}

		#box2 img {margin-top: 8px;}
		
		
		#box3 {
			background: url(../decor/box3.png) top center no-repeat;
			float: right;
			margin-right: 0;
			}

		.box a {
			color: #333;
			text-decoration: none;
			}

		.box a span {
			color: #333;
			text-decoration: underline;
			}		

		.box li a {
			display: block;
			padding: 40px 8px 0 103px;
			color: #333;
			font-size: 9px;
			line-height: 1.4;
			text-transform: uppercase;
			width: 195px;
			height: 80px;
			}


#indicia {
	margin: 5px 0;
	text-align: center;
	clear: both;
	}


#indicia a img {
	border: 0;
	}

p.clear {
	clear: both;
	}

#CallCenterStatus {
	text-decoration: none;
	}
	
#CallCenterStatus img {
	border: 0;
	}

.idTabs, .idTabs3 {margin: 2px 0 0 2px;}

.idTabs2 {margin-left: 20px;} 

.idTabs a {
		width: 314px;
		height: 30px;
		background: url(../decor/orange.png) top center no-repeat;
		display: block;
		text-align: center;
		padding-top: 6px;
		float: left;
		font-size: 16px;
		text-decoration: none;
		color: #fff;
		margin-right: 1px;
		}

.idTabs a:hover {background: url(../decor/orange.png) top center no-repeat;}

.idTabs a.selected {
		width: 314px;
		height: 30px;
		background: url(../decor/green.png) top center no-repeat;
		display: block;
		text-align: center;
		padding-top: 6px;
		float: left;
		}

.idTabs3 a {
		width: 209px;
		height: 30px;
		background: url(../decor/orange.png) top right no-repeat;
		display: block;
		text-align: center;
		padding-top: 6px;
		float: left;
		font-size: 13px;
		text-decoration: none;
		color: #fff;
		margin-right: 1px;
		}

.idTabs3 a:hover {background: url(../decor/orange.png) top right no-repeat;}

.idTabs3 a.selected {
		width: 209px;
		height: 30px;
		background: url(../decor/green3.png) top center no-repeat;
		display: block;
		text-align: center;
		padding-top: 6px;
		float: left;
		}

.idTabs2 a {
		width: 196px;
		height: 15px;
		display: block;
		text-align: center;
		float: left;
		font-size: 12px;
		text-decoration: none;
		color: #1d313f;
		font-weight: bold;
		}
		
.idTabs2 a.selected {
		border-bottom: 3px double #548916;
		color: #548916;
		}

.idTabs4 {margin-left: 45px;}

.idTabs4 a {
		width: 270px;
		height: 15px;
		display: block;
		text-align: center;
		float: left;
		font-size: 12px;
		text-decoration: none;
		color: #1d313f;
		font-weight: bold;
		}
		
.idTabs4 a.selected {
		border-bottom: 3px double #548916;
		color: #548916;
		}


#content .idTabs p a:hover {color: #fff;}

#section-1, #section-2, #section-3, #section-4, #section-5, #section-6, #section-7, #section-8, #section-9, #section-10, #section-11, #section-12, #section-13, #section-14, #section-15, #section-16, #section-17 {clear: both;}

#section-16, #section-17 {padding-top: 7px;}