/*bohjass css by Andrew Morcom T&AWEB*/

body{
text-align:center;
}

#container{
	clear:both;
	width: 500px;
	height:100%;
	border: thin solid #8F2B0B;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 10px;
}
.hr_line {
	color: #8F2B0B;
	width: 75%;
	margin-right: auto;
	margin-left: auto;
	background-color: #8F2B0B;
}


#logo{
	width: 500px;
	height: 150px;
	background-position:center;
}

#logo2{
clear:both;
width:500px;
height:18px;
text-align:left;
text-indent:30px;
margin-bottom:10px;
}

#nav-bar{
clear:both;
width: 500px;
height: 40px;
padding-top:20px;
text-align:center;
}

#content{
	clear:both;
	width: 500px;
	height: 100%;
}

#main-content{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 15px;
	text-align: left;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}

#newscontent{
clear:both;
width: 500px;
}

#newsletter{
	width:496px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 15px;
	text-align: center;
	margin:20px 0 10px 0;
	border: 2px solid #000066;
}

#newsletter1{
	width:200px;
	float:left;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 15px;
	text-align: center;
	margin:10px 0 10px 0;
	border: 2px solid #000066;
}

#newsletter2{
width:200px;
float:right;
font-family:Georgia, "Times New Roman", Times, serif;
font-size: 15px;
text-align: center;
margin:10px 0 10px 10px;
border: 2px solid #000066;
}

#newsletter3{
width:200px;
float:right;
font-family:Georgia, "Times New Roman", Times, serif;
font-size: 15px;
text-align: center;
margin:10px 0 10px 10px;
border: 2px solid #000066;
}

#roll-over-left{
float:left;
width:250px;
height:200px;
}

#roll-over-right{
float:right;
width:250px;
height:200px;
}

#footer{
	width:500px;
	height:100%;
	text-align:center;
	margin:0 auto 0 auto;
	font-size: small;
}
.bus_hours {
	text-align: center;
}




/* TEXT */


h2 {
	color: #8D2A0B;
	font-size: 24px;
	font-family: "Felix Titling";
}
.footer {
	text-align: center;
}


h3 {
	color: #8D2A0B;
	font-family: Felix Titling;
	font-size: 18px;
}

h4 {
color: #8D2A0B;
font-size: 15px;
font-family:Georgia, "Times New Roman", Times, serif;
font-style: italic;
}

h5 {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-style:italic;
font-weight:bold;
}
.style1 {
color: #8D2A0B;
font-style: italic;
}

.stepcarousel{
position: relative; /*leave this value alone*/
/*border: 10px solid black;*/
overflow: scroll; /*leave this value alone*/
width: 500px; /*Width of Carousel Viewer itself*/
height: 160px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 10px; /*margin around each panel*/
width: 500px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
.bold {
	font-weight: bold;
	color: #000;
}