@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,600);
.openSans {
	font-family: 'Open Sans', Arial, sans-serif;
}
* {font-family:'Open Sans', Arial, sans-serif; font-weight:400; font-size:14px; line-height:1.5em;}
html, body, div, span, applet, object, iframe, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {font-size:14px;}


h1, h2, h3, h4, h5, h6 { font-family: 'Open Sans', Arial, Helvetica, sans-serif; color:#CC0000; font-weight:600;}
.heading {font-family: 'Open Sans', Arial, Helvetica, sans-serif;}

.allCaps {text-transform:uppercase;}
.lighter {font-weight:lighter;}

body {background:url("../img/bodyMicroBG.png") repeat-x; color:#666666;}
header, #header {min-height:130px;}

.polaroid.noShadow {margin: 5px; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; }

#microLogo {position: relative; top: 26px; width: 200px; float: left;}
/*#microHeaderNav {position: relative; top: 43px; float: right;}
	#microHeaderNav ul {}
		#microHeaderNav ul li {float:left; margin-left: 10px;}
			#microHeaderNav ul li a {border-left: 1px solid #666666; padding-left: 10px; border-left: 1px solid #666666; padding-left: 10px; font-size: 14px; text-decoration: none; color: #666666;}
				#microHeaderNav ul li:first-child a {border-left:0 !important; padding-left: 0 !important;}
				#microHeaderNav ul li a:hover, #microHeaderNav ul li a#headerGetTowing {color:#CC0000;}*/

#microHeaderNav {position: relative; top: 43px; float: right;}
#microLogo {position: relative; top: 26px; width: 200px; float: left;}
#microHeaderNav ul li {color:#666666; font-size:14px; line-height:14px; float:left; margin:0 0 0 1em; padding:0 0 0 1em; border-left:1px solid #CCC;}
    #microHeaderNav ul li:first-child {margin:0; padding:0; border-left:0;}
    #microHeaderNav ul li a {color:#666666; text-decoration:none; border-bottom:2px solid #DDD; padding-bottom:2px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out;}
    #microHeaderNav ul li a:visited, #preferTalk ul li a:link, #preferTalk ul li a:active {color:#666666;}
    #microHeaderNav ul li a:hover {color:#CC0000; border-bottom:2px solid #CC0000;}
    #microHeaderNav ul li a.active {color:#CC0000;}
	
@media only screen and (max-width: 760px) {	
	#BUSlogoResponsive {margin-top:10px;}
}

/* Responsive : 20160129ba */
@media only screen and (min-width: 761px) {
	#showPPCMenu {display:none;}
}
@media only screen and (max-width: 760px) {
	body #page {padding-top: 60px;}

	#microLogo {position: relative; top: 0; width: 100%; float: left;}
	header #ppc-header #microLogo #logo {width:160px; margin:.4em 0 0 .4em;}
	#microHeaderNav {top: 47px;}

	header {position:fixed; top:0; background:#FFF; z-index:9999;}
	header #ppc-header.container_30 {width:100%;}
	header {padding:0 0 5px 0; width:100%; height:42px;
		-webkit-box-shadow:0px 3px 10px rgba(0,0,0,0.2);
		-moz-box-shadow:0px 3px 10px rgba(0,0,0,0.2);
		box-shadow:0px 3px 10px rgba(0,0,0,0.2);}
	header #ppc-header #showPPCMenu {display:block; margin:10px 15px 0 0; float:right;}
	header #ppc-header #showPPCMenu i {display:inline-block; font-size:25px; }

	#showPPCMenu {display:block;}
	#microHeaderNav {display:block;}
	#page, #microHeaderNav {transition: .2s all ease;}
	/*body{overflow-x: hidden;}
	body #page {padding-top:45px; margin-left: 1em; float: left;}
	 If any problems with margins in mobile, remove the margin and float of the above rule. Will lose body transition when showing menu, but small tradeoff 
	body.respond #page {margin-left: -60%;}*/
	body #microHeaderNav {margin-right: -200%; float: right; width:60%; position: fixed; right: 0; height: 100%; overflow-y: scroll; overflow-x: hidden;}
	body.respond #microHeaderNav {margin-right: 0; background: #333333; z-index:999;
		-webkit-box-shadow: -3px 0px 10px rgba(0,0,0,0.2);
		-moz-box-shadow: -3px 0px 10px rgba(0,0,0,0.2);
		box-shadow: -3px 0px 10px rgba(0,0,0,0.2);}
		
	.respond #microHeaderNav ul li {float:none; display:block; margin:0; padding:0; width:100%; border-left:0;}
	.respond #microHeaderNav ul li a {display:block; padding:.8em 0 .8em .5em; border-bottom-width:1px; border-bottom-color:#222; color:#CCC;}
	.respond #microHeaderNav ul li a.active {color:#FFF; border-bottom-color:#C00;}
}