
/***************************GENERAL******************************/
div, td, p, span, a, input, select{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: x-small;
	text-decoration: none;
	text-align:left;
	line-height: 1.5;
}

body{
	background-image: url(../images/template/bg-lines.jpg);
	background-repeat: repeat;
	color: #000066;
}

a{color: #FF0066;text-decoration: underline;}
a:link{}
a:visited{color: #FF0066;} 
a:hover{color: #000066;}
a:active{}

li, ul, ol{	color: #000066;	list-style-type: disc;	font-size: x-small;	line-height:2; padding:0px; margin:0px;margin-left:10px;}

h1{	margin:0px;padding-bottom:6px;	color: #3969A5;	font-size: large;}
h2{	margin:0px;	font-size: medium;	color: #666666;}

input, select{
}

.verticalImage{	height:350px;}

.floatImage{ padding-left:5px;}
/***************************CONTAINER (header)******************************/

#pageContent{
	background-image: url(../images/template/busmain1.gif);
	background-repeat: no-repeat;
	position:relative;
	top:0;
	left:0;
	z-index=17;
	background-position: center top;
}

#maincenter{text-align:center;}

#container {
	text-decoration: none;
	background-position: bottom;
	background-image: url(../images/template/bg1.jpg);
	background-repeat: repeat-x;
	width: 750px;
	left: 50%;
}
#mainCell{margin:0px;padding: 5px 5px 20px 5px;}	

.pageHeaderRow{
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: dotted;
	border-color: #003C84;
}

.mainContent{
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #003C84;
	border-right-color: #003C84;
	border-bottom-color: #003C84;
	border-left-color: #003C84;
	padding-bottom:20px;
}
/*************************LEFT NAV********************************/
#mainNavContainer{padding: 7px 2px 0px 7px;margin-bottom: 20px;}


#mainNavTop {background: #003C84;width: 135px; position: relative; /*IE needs this to show float properly*/float: left;}
			
#mainNavShadow {position: relative;padding-right: 0px;top: -4px;left: -4px;background: #3D6BA1;color:white;}

#navItem, #navSubItem{width:100%;}
#navSubItem{padding-left: 0px;}

#spacerdiv{line-height:0px;width:100%;height:0px;padding-left: 4px;}

a.leftNavLink, a.leftNavLink:visited{
	text-decoration:none;
	line-height:22px;
	display:block;
	padding-left:4px;
	background-image: url(../images/template/x1.gif);
	background-repeat: no-repeat;
	color:white;
}
a.leftNavLink:hover{
	text-decoration:none;
	line-height:22px;
	display:block;
	padding-left:4px;
	background-image: url(../images/template/x2.gif);
	background-repeat: no-repeat;
	background-color: #5A88C0;
	color:#000066;
}

a.leftNavSubLink {
	text-decoration:none;
	line-height:22px;
	display:block;
	padding: 0 2px 0 10px;
	}

a.leftNavSubLink, a.leftNavSubLink:visited{
	color:#CCCCCC;
}
a.leftNavSubLink:hover{
	color: #000066;
	background-color: #CAD5CF;
}

/*************************RIGHT NAV********************************/
#rightNavContainer{
	padding: 7px 2px 0px 7px;
	margin-bottom: 20px;
}

#rightNavTop {
	background: #666666;
	width: 130px; 
	position: relative; /*IE needs this to show float properly*/
	float: left;
}
			
#rightNavShadow {
	position: relative;
	padding: 10px; 
	top: -4px; /* these two define the shadow 'offset'*/
	left: -4px; /*...*/
	background: #cccccc no-repeat;
	width:90%;
	color:white;
}


select{
	color:black;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
}


a.rightNavLink{
	display:block;
	width:110px;
	background-image: url(images/template/a1.gif);
	background-repeat: no-repeat;
	text-decoration:none;
	color:white;
	height:20px;
}
a.rightNavLink:hover{
	display:block;
	width:110px;
	background-image: url(images/template/a2.gif);
	background-repeat: no-repeat;
	text-decoration:none;
	color:white;
	height:20px;
}
#tripSubmit{
	color:white;
	width:100%;
	height:auto;
	font-size:xx-small;
	text-align: right;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	text-decoration: none;
	background-color: #3D6BA1;
	border: 1px solid #FFFFFF;
}
/*************************FOOTER (content)********************************/
#footerLogo {
	display: block;
	position:relative;
	float:left;
}
#footerText {
	padding: 0 4px 0 0px;
	color: #000066;
	float:right;
	/*border: 1px solid red;*/
	line-height: 20px;
}
#footerContainer{
	display: block;
	height: 100%;
	/*border: 1px solid blue;*/
}
/*************************HEADER (content)********************************/
#headerLogo {
	padding: 38px 4px 0 0px;
	display: block;
	position:relative;
	float:left;
}
#headerLogo2 {
	padding: 0 4px 0 0px;
	color: #000066;
	float:right;
}
#headerContainer{
	display: block;
	height: 100%;
}


/************************* NEWS *********************************/
#newsContainer{
	display:block;
	width:100%;
	margin:0;
	padding:0;
}
#newsLeft{
	margin:0;
	padding:0;
	height:100px;
	border: 1px solid #000066;
}
#newsRight{
	margin:0;
	padding:0;
	height:100px;
	border: 1px solid #000066;
}
#newsTitle, #eventTitle{
	padding: 4px;
	display:block;
	background: #A3BEE0;
	height:20px;
	font-size: x-small;
	color: #000066;
	font-style: normal;
	font-weight: bold;
}
#newsCopy, #eventCopy{
	padding: 4px;
	background-color:#FFFFFF;
	height:100%;
}
#newsCopy.img{
	border: 1px solid #000066;
}

#spotBoxContainer{
	width:60%;
	margin:0;
	padding:0;
	clear:left;
	border: 1px solid #000066;
}
#spotBoxTitle{
	width:auto;
	padding: 4px;
	background: #A3BEE0;
	height:20px;
	font-size: x-small;
	color: #000066;
	font-style: normal;
	font-weight: bold;
}
#spotBoxCopy{
	width:auto;
	padding: 4px;
	background-color:#FFFFFF;
}

/*****************EVENT LISTING**********************/

