﻿
body {
	width: 100%;
	margin: 0px;
	padding: 0px;
	text-align: center;
	font: 13px/18px helvetica, arial, sans-serif;
	background: #fff;
}

a { color: #0083e9; text-decoration: none }
a:hover { text-decoration: underline }
a:visited { color: #0083e9; }

ul { margin: 0; padding: 0 }

li { margin: 0; padding: 0 }

h3 { display: block; font-size: 1.0625em; line-height: 19px; margin: 0 0 10px 0 }

form, form #form1 { margin: 0; padding: 0 }

.clear { display: block; clear: both; height: 0; margin: 0; padding: 0 }

.photoRight { margin: 0 0 15px 15px; padding: 4px; border: 1px solid }
.photoLeft { margin: 0 15px 15px 0; padding: 4px; border: 1px solid }


#container { position: relative; width: 100%; margin: 0; padding: 0; background: #fff url(img/archuraPattern.gif) top center repeat-x; text-align: left }

#mainNav {

	position: absolute;

	top: 5px;

}

#navBar #mainNav li {
	float: left;
	font-size: 13px;
	font-weight: bold;
	color: #000000;
	margin: 0;
	padding: 0;
	background: none;
	border-right: 1px solid #66a7d9;
}

#navBar #mainNav ul.rmHorizontal a {
	display: block;
	color: #fff;
	text-decoration: none;
	padding: 4px 11px;
	margin: 0 4px;
}

ul.rmRootGroup .rmHorizontal a.rmLink:hover { background-color: #005699 }

ul.rmRootGroup .rmHorizontal a.selected { color: #fff; background-color: #005699 }

ul.rmRootGroup li.rmItem ul.rmVertical { background: #0089f3; margin-top: 4px; padding: 10px 0 15px 0; border-left: 1px solid #0066b6; border-bottom: 2px solid #0066b6; border-right: 1px solid #0066b6 }

#billboard {
	height: 345px;
	width: 935px;
	margin: 0px auto 0 7px;
}

#header {
	margin: 0px auto;
	padding: 0;
	height: 135px;
	width: 966px;
	position: relative;
}



#header #mainLogo {

	background: url(img/mainLogo.jpg);

	height: 135px;

	width: 151px;

}



#header #contact {

	width: 200px;

	position: absolute;
	
	display: block;
	
	text-align: right;

	top: 50px;

	right: 15px;

	font-size: 12px;

	font-weight: bold;

	background: url(img/ttlCustomerCareCenter.gif) top left no-repeat;

}



#header #contact span { display: block; font-size: 18px; margin: 0 }



#header #contact .custNumber { float: none; width: 190px; margin-top: 45px; padding: 0 }



#navBar {

	position: relative;

	margin: 0px auto 9px;

	height: 87px;

	width: 950px;

	background: url(img/navBarBckgrnd.jpg) top left no-repeat;
	
	z-index: 7777777;

}





/* #ctl00_SubNavigation_tm_Breadcrumb3 { border: 1px solid } */

#navBar .breadcrumb { padding: 0; position: absolute; top: 53px; left: 0px; width: 500px; font-size: 11px; font-weight: bold; overflow: hidden; background: none; border: 0px solid }
#navBar .breadcrumb span { background-image: none }
#ctl00_BreadCrumb_breadCrumb_SkipLink { display: none }
#navBar .breadcrumb a { display: block; float: left; padding: 3px 5px 3px 15px; background: url(img/bulletArrowSmall.gif) 4px 8px no-repeat; border: 0px solid }
#navBar .breadcrumb .current { }
#navBar .breadcrumb .bcPathSeparator { background: url(img/bulletArrowSmall.gif) 0 0 no-repeat; display: none }

#navBar .breadcrumb .rootNode { display: none }

#mainBody {

	margin: 0px auto;

	padding: 0px;

	width: 947px;

	border-right: 1px solid #C7C7C2;

	border-left: 1px solid #C7C7C2;

	padding-bottom: 15px;

	background: #fcfcfb url(img/gradientBckgrnd.jpg) top left repeat-x;

}


#mainContent {

	/* background: #fcfcfb; */

	width: 875px;
	_width: 880px;

	/* border-right: 1px solid #0074cf; */

	/* border-bottom: 1px solid #0074cf; */

	margin: 20px auto 0 0;

	padding-bottom: 20px;

}

#mainContent #highlight {

	width: 207px;

	border-right: 1px solid #7eb8e5;

	float: left;

	margin-left: 25px;
		
	margin-botto: 0;
	
	_margin-left: 30px;

	padding-top: 20px;
	
}

#mainContent #highlight li { margin:  0 10px 10px 0; padding: 0 }

#mainContent #quote {

	margin: 25px auto 0px 10px;
	#margin-left: 10px;

	padding: 0;

	float: left;

	height: 340px;

	width: 370px;

	padding-top: 20px;
	
	overflow: hidden;
	
}





#highlightBckgrnd {

	width: 930px;

	padding: 0px 0px 12px;

	margin-left: 7px;

	margin-bottom: 27px;

	background: url(img/patternBckgrnd.jpg) bottom right no-repeat;

	padding-top: 0px;

}

#supportBox {

	float: left;

	height: auto;

	width: 370px;
	
	width: 425px;

	margin-right: 7px;

	margin-left: 7px;

	border-right: 1px solid #0074cf;

	border-bottom: 1px solid #0074cf;

	background: #f3f3ef;

	padding-bottom: 15px;

}

#footer {

	position: relative;

	margin: 0px auto;
	
	/*height: 237px;*/

	width: 950px;

	padding: 28px 0;

	background: url(img/footerBckgrnd.jpg) top left no-repeat;

}

#footerCap { width: 950px; height: 15px; margin: 0 auto; background: url(img/footerCap.gif) top left no-repeat }

#footer .footerNav {

	margin: 0px auto 18px 18px;

	height: 42px;

	width: 600px;

	/*border-bottom: 1px solid #007bda;*/

	font-size: 12px;
}

#footer .footerNav li { float: left; margin-right: 10px }



#footer #linksBox {

	float: left;

	padding: 10px 30px;

	border-right: 1px solid #d4d4d0;

}



#footer h4 { font-size: 12px; margin: 0 0 10px 0 }



#footer #linksBox ul { margin: 0; padding: 0 }



#footer #linksBox li {

	background: url(img/bulletArrowSmall.gif) no-repeat 0px 7px;

	display: block;

	list-style: none;

	padding: 2px 0px 2px 10px;

	font-size: 11px;

	line-height: 14px;

	margin: 0px;

}



#footer #linksBox li a { color: #007bdc; text-decoration: none  }



#footer #minorityBusLogo {

	position: absolute;

	height: 121px;

	width: 115px;

	top: 85px;

	right: 25px;

	background: url(img/MSDVOB_Logo.gif) no-repeat;
	
	display: none;

}

#highlight .highlightImage {
	height: 90px;
	width: 180px;
	border-top: 12px solid #0074cf;
	background: #333;
	overflow: hidden;
}

#highlight h4 {
	font-size: 17px;
	font-weight: normal;
	color: #000000;
	margin: 0px 0px 10px 0;
}

#highlight p {
	font-size: .95em;
	width: 180px;
	margin: 0 0 15px 0;
	line-height: 15px;
	color: #0066b6;
}

.infoLink {
	font-size: 12px;
	font-weight: bold;
	color: #007bdc;
	margin: 12px 0 0 0;
	margin-bottom: 0;
	background: url(img/bullet_gray.gif) 0 4px no-repeat;
	padding: 2px 0 0 20px;
	border: 0px solid;
}


#supportBox h4 {
	margin: 25px 30px 15px 45px;
	font-size: 15px;
	font-weight: normal;
	color: #000;
}

#supportBox strong {
	font-size: 12px;
	font-weight: bold;
	color: #007bdc;
	margin: 0px 30px 10px 45px;
	display: block;
}

#supportBox p {
	font-size: 11px;
	margin: 0px 30px 20px 45px;
	line-height: 15px;
}

#copyright {
	display: block;
	width: 950px;
	margin: 7px auto 20px;
	padding: 0;
	font-size: 10px;
	color: #d4d4d0;
	clear: both;
}

#navBar #searchBar, #footer #searchBar {
	position: absolute;
	height: 30px;
	width: 295px;
	right: 22px;
	background: url(img/searchBckgrnd.gif) no-repeat;
}

.sf_searchSubmit { position:absolute; top: 7px; right: 10px }

#navBar #searchBar { top: 48px }

#footer #searchBar { top: 25px }

#searchBar label { display: none }
.sf_searchText { border: none; width: 190px; margin-left: 15px; padding: 7px 7px 3px 7px; font-weight: bold; background: transparent }


/* Basic Subpage Styles */

li { padding: 3px 0 3px 10px; list-style: none; background: url(img/bulletArrowSmall.gif) 0 10px no-repeat }

.feedLink { display: block; padding: 4px 4px 4px 12px; background-image: url(img/bulletArrowSmall.gif) 0px 10px no-repeat }

#subBanner {

	height: 96px;

	width: 935px;

	margin: 0px auto 0 7px;

	background: url(img/subBanner.jpg) top left no-repeat;

	position: relative;

}

#subBanner #pageTitle { float: left; margin: 25px 10px auto 20px; padding: 0 }

#subBanner #subNav { float: left; width: 535px; _width: 525px; padding: 0; overflow: hidden; font-size: 12px; margin-top: 35px; border: 0px solid }

#subBanner #subNav li { float: left; list-style: none; margin: 0; /*margin-bottom: 2px;*/ padding: 0; border-left: 0px solid #8b8b8b; background: none }

/*#subBanner #subNav li.rmLast { border-right: 1px solid #8b8b8b }*/

#subBanner #subNav a { background: url(img/subNavArrow_off.gif) 0 7px no-repeat; color: #fff; display: block; margin: 0 4px 0 0; padding: 3px 10px 3px 15px; font-weight: normal }

#subBanner #subNav li a.selected { color: #0083e9; font-weight: bold; border-color : #8b8b8b }

#subBanner #subNav a:hover { text-decoration: none; background: #333 }



#content {
    position: relative;
    font-size: 1.10em;
	line-height: 1.5em;
	margin: 0px 15px 20px 30px;
	_margin-left: 20px;
    width: 410px;
	_width: 400px;
	color: #686868;
	padding-top: 25px;
	z-index: 999;
	float: left;
}

#content p {
	margin: 0 0 25px 0
	}
	
#content h2 {
	font-size: 1.5em;
    line-height: 1.125em;
	font-weight: normal;
	color: #0068b9;
	display: block;
	margin: 0px 0px 20px;
	clear: both;
}

#content h4 {
	font-size: 20px;
	line-height: 17px;
	font-weight: normal;
	color: #0068b9;
	display: block;
	margin: 20px 0px 7px;
	padding-bottom: 7px;
	border-bottom: 1px solid #C7C7C2
}

#content ul { margin-bottom: 20px }

#content .introText { font-size: 1.5em; line-height: 1.15em; font-weight: normal }

#content ul { margin-bottom: 20px }


#content #whitePanel {
	float: right;
	width: 410px;
	margin-right: 8px;
	_margin-right: 0;
	background: #fff url(img/whitePanelBackground.gif) top left repeat-y;
	position: relative;
	border: 1px solid;
}


.type2 #gradientWrapper { position: relative; display: block; width: 875px; margin: 0px 0px 3px 0px; padding: 20px 0 20px 0; background: url(img/gradientPanelBckgrnd.jpg) top left repeat-y; clear: both; overflow: hidden; _overflow: visible }
.type2 #content { width: 800px; margin: 0 50px 20px 20px }
.type2 #whitePanel { float: right }
.type2 #highlightPanel { float: left; width: 452px; margin-right: 2px }
.type2 #highlightBckgrnd { background: none }

.landing #gradientWrapper { position: relative; display: block; width: 875px; margin: 0px 0px 3px 0px; padding: 20px 0 20px 0; background: url(img/gradientPanelBckgrnd.jpg) top left repeat-y; clear: both; overflow: hidden }
.landing #content { width: 800px; margin: 20px 50px 20px 20px }
.landing #whitePanel { float: right }
.landing #highlightPanel { float: left; width: 452px; margin-right: 2px;  }

.sf_anchorList { display: block; margin: 0 0 15px 0 }
.sf_anchorList li { float: left }
.sf_anchorList li a { display: block; padding: 3px }


#highlight ul.sf_newsList { margin-bottom: 0; padding-bottom: 0 }
#highlight ul.sf_newsList li { list-style: none; background: none; width: 180px; color: #000; margin-bottom: 0; padding-bottom: 0; overflow: hidden }
.sf_newsList .sf_newsDate { font-size: 10px; color: #0074cf; text-transform: uppercase; margin : 14px 0 10px 0; font-style: italic; font-weight: normal; display: none }
#highlight .sf_newsList h4.sf_newsTitle { font-size: 15px; line-height: 17px; margin: 0 0 7px 0; color: #000 }
#highlight .sf_newsList li p { font-size: 11px; line-height: 13px; margin: 0 0 15px 0; color: #000 }
 
#highlight ol.sf_pager { margin: 0; margin-top: 0; width: 180px }
#highlight ol.sf_pager li { background: none }

.sf_expandedList { margin: 0; padding: 0 }
.sf_expandedList li { display: block; margin: 0 0 40px 0; padding: 0; background: none }
.sf_expandedList .sf_listItemBody { margin-bottom: 25px; padding-bottom: 25px; border-bottom: 1px dotted }
.sf_expandedList h3.sf_listItemTitle { display: block; font-size: 17px; font-weight: 19px; margin: 0 0 10px 0 }

#highlightPanel .sf_newsList li { width: 48%; float: left; border-right: 1px solid #7eb8e5; overflow: hidden; margin-bottom: 0 }
#whitePanel .sf_newsList li { width: 140px; float: left; padding: 15px 28px; border-right: 1px solid #7eb8e5 }
#whitePanel .sf_newsList h4.sf_newsTitle { font-size: 17px; line-height: 18px; margin: 0 0 7px 0; color: #000; display: normal }
#whitePanel .sf_newsList .highlightImage { width: 140px; overflow: hidden }



#whitePanel {
	float: right;
	width: 410px;
	margin-right: 8px;
	padding: 20px 0;
	background: #fff url(img/whitePanelBackground.gif) top left repeat-y;
	position: relative;
}

/* #whitePanel img { position: relative; display: block; margin: 0 auto } */

#whitePanel #horizontalPanel {

	position: relative;

	margin: 0px 8px 7px 8px;

	border-bottom: 1px solid #7eb8e5;

	border-top: 1px solid #fff;

}

#whitePanel #horizontalPanel #descript {
	margin: 40px 0px 25px 25px;
	width: 153px;
	font-size: 11px;
	line-height: 15px;
}

#whitePanel #horizontalPanel #icon {
	float: right;
	width: 210px;
}

#whitePanel #horizontalPanel #descript h4 {
	font-size: 17px;
	line-height: 15px;
	margin: 0px 0px 10px;
	font-weight: normal;
	color: #333;
}

#whitePanel #horizontalPanel #descript p {
	margin: 0px 0px 10px;
	padding: 0px;
}

#whitePanel h2 {
	font-size: 24px;
	font-weight: normal;
	display: block;
	margin-top: 25px;
	margin-bottom: 12px;
	margin-left: 28px;
}

/*
ul.rmHorizontal { background: none }

#ctl00_MainNavigation_ctl00_RadMenu1 { backround: none }
*/

.mainNav ul {

	position: absolute;

	top: 5px;

}

.mainNav li {

	float: left;

	font-size: 13px;

	font-weight: bold;

	color: #000000;

	margin: 0;

	padding: 0;

	background: none;

	border-right: 1px solid #66a7d9;

}

.mainNav a {

	display: block;

	color: #fff;

	text-decoration: none;

	padding: 4px 11px;

	margin: 0 4px;

}


.mainNav a.selected { color: #fff; background-color: #005699 }

.mainNav a.visited { color: #fff }

.mainNav a.link { color: #fff }