	/* styles*/
body{
	background-color:#1C2674;
	margin:0px;
	color: #103174;
	font: 100%/1.4 Arial, Helvetica, sans-serif;	 	 
}
#header{
	background-image:url(../media/banner/banner.jpg);
	background-repeat:no-repeat;
	width: 980px;
	height:170px;
	font: 100%/1.4 Arial, Helvetica, sans-serif;
	margin: 0px auto;
}
.logoBox{
	width:220px;	
	height: 60px;
	background-image:url(../media/banner/logoMed.gif);	
	position:relative;
	top:15px;
	left:22px;
	cursor: pointer;
}
.logoTrans{
	background-image:url(../media/banner/logoMedTrans.gif);
}
#headline{
	margin-top:28px;
	margin-left:32px;
	font-size: 1.4em;
	font-weight:bold;
	width:210px;
	text-align:center;
	color: rgba(30,37,117,1);
}
.iconSchedules{
	background-color: rgba(30,37,117,1);
	background-image:url(../media/icons/schedules100.gif);
	background-position:top;
	background-repeat:no-repeat;
	width:100px;
	height: 122px;
	position:relative;
	top: -154px;
	left: 480px;
	cursor:pointer;
}
.iconSchedulesOver{
	background-color: rgba(230,230,230,1);	
	background-image:url(../media/icons/schedulesOver.gif);
}
.iconContact{
	background-color:  rgba(153,0,51,1);
	background-image:url(../media/icons/contact100.gif);
	background-position:top;
	background-repeat:no-repeat;
	width:100px;
	height: 122px;
	position:relative;
	top: -280px;  
	left: 580px;
	cursor:pointer;	
}
.iconContactOver{
	background-color: rgba(230,230,230,1);
	background-image:url(../media/icons/contactOver.gif)
}
.iconMobile{
	background-color: rgba(30,37,117,1);	
	background-image:url(../media/icons/mobile100.gif);
	background-position:top;
	background-repeat:no-repeat;
	width:100px;
	height: 122px;
	position:relative;
	top: -406px;
	left: 680px;
	cursor:pointer;	
}
.iconMobileOver{
	background-color: rgba(230,230,230,1);	
	background-image:url(../media/icons/mobileOver.gif);
}
.iconFares{
	background-color: rgba(153,0,51,1);	
	background-image:url(../media/icons/fares100.gif);
	background-position:top;
	background-repeat:no-repeat;
	width:100px;
	height: 122px;
	position:relative;
	top: -532px;
	left: 780px;
	cursor:pointer;	
}
.iconFaresOver{
	background-color: rgba(230,230,230,1);	
	background-image:url(../media/icons/faresOver.gif);
}
.iconFastbreak{
	background-color: rgba(30,37,117,1);	
	background-image:url(../media/icons/fastbreak100.gif);
	background-position:top;
	background-repeat:no-repeat;
	width:100px;
	height: 122px;
	position:relative;
	top: -658px;
	left: 880px;
	cursor:pointer;	
}
.iconFastbreakOver{
	color: rgba(30,37,117,1);
	background-color: rgba(230,230,230,1);	
	background-image:url(../media/icons/fastbreakOver.gif);
}
.box{
	color:#FFF;
	font:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	font-size:14px;
	font-weight:600;
	text-align:center;
	padding-top:4px;
	cursor:pointer;	
}
.box2{
	color:#000;
	font:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	font-size:10px;
	text-align:center;
	padding-top:4px;
	cursor:pointer;	
}
.textMove{
	position:relative;
	top: 100px;
}
#content{
		background-color:#E6E8FA ;
		width:100%;
		min-height:800px;
		padding-top:20px;
}
#twit{
	position: relative;
	top:-692px;
	left: 490px;
	width: 100px;
	line-height: 24px;
}
#fb{
	position:relative;
	top:-672px;
	left: 612px;	
	width:100px;
}
#search{
	position:relative;
	top:-648px;
	left: 725px;
	width: 250px;
}


#menuNav{
	width:980px;
	height: 48px;
	margin:0 auto;	
	margin-top:-20px;	
	background-color: #1C2674;
	font-size:0.90em;
}
	/* drop menu */

	.nav_menu .dropmenu { 
	margin: 0; 
	padding: 0; 
	height: 28px; 
	display: none; /* displays after menu load */ }
	
	/* all items  */
	.nav_menu ul.dropmenu li { height: 28px; }
	.nav_menu ul.dropmenu li:hover { background-color: #820000; color:#1c2674; }
	.nav_menu ul.dropmenu li.selected { background-color: #2327CF;}
	.nav_menu ul.dropmenu li a { color: #1c2674; text-decoration: none; padding: 0px; line-height: 1em; }
	.nav_menu ul.dropmenu li.selected a { color: #f0f0f0;}
	
	/* topitems */
	.nav_menu ul.dropmenu { margin: 0px; padding: 0px; }
	.nav_menu ul.dropmenu a.toplevel { height: auto; margin: 7px 20px 7px 20px; padding: 0px 0px 4px 0px; color: #f0f0f0; font-weight: bold; text-decoration: none; }
	.nav_menu ul.dropmenu a.toplevel.hover { color: #f0f0f0; }
	.nav_menu ul.dropmenu a.toplevel.selected { color: #f0f0f0; }
	.nav_menu ul.dropmenu a.toplevel.hover.selected {  }
	
	/* subitems */
	.nav_menu ul.dropmenu li ul { background-color: #f0f0f0; color: #1c2674; border-top: 1px solid #1c2674; font-weight:600; }
	.nav_menu ul.dropmenu li ul li a.sublevel { color: #1c2674; width: 150px; padding: 5px 5px 5px 20px; margin: 0px; }
	.nav_menu ul.dropmenu li ul li a.sublevel.hover { background-color: #820000; color: #f0f0f0; }
	.nav_menu ul.dropmenu li ul li a.sublevel.selected { color: #f0f0f0; }
	.nav_menu ul.dropmenu li ul li a.sublevel.hover.selected {  }
	
	/* sub subitems */
	.nav_menu ul.dropmenu li ul ul { left: -10px; border: none; border-left: 1px solid #fff; }
	
	/* Sub Menu Indicators */
	.nav_menu ul.dropmenu a.indicator { background: url(../media/images/arrow_right_blue.gif) no-repeat right 50%; }
	.nav_menu ul.dropmenu a.toplevel.indicator { background: url(../media/images/arrow_down.gif) no-repeat 0px bottom; }
	.nav_menu ul.dropmenu a.toplevel.indicator.selected {  }	

#mainContent{
	width:960px;
	min-height:780px;
	background-color: #FFF;
	margin:0 auto;
	margin-top:-40px;
	padding: 0px 10px;
	padding-bottom:20px;
}
#prefooter{
	width:100%;
	height:8px;
	background-color:#b3b3b3;	
	margin: 0px auto;	
	margin-top:-20px;
}
#footer{
	width:100%;
	height:55px;
	background-color:#1C2674;
	color: #FFF;
	text-align:center;
	margin: 0px auto;
	padding-top:10px;
	font-size: 0.75em;
	margin-top:0px;
}
#footer #inline{
	list-style-type:none;
	width: 980px;
	margin: 0px auto;
	margin-top:-10px;
	line-height:1em;
}
#footer li  {
	display:inline;
}

#footer li a{
	padding:0.1em 1em;
	color:#fff;
	text-decoration:none;
	float:left;
	border-right: #fff thin solid;	
}
#footer li a:hover{
	color:#fff;
	text-decoration:underline;
}
#footer ul li.last a{
	border-right: none;
}

#footer .copy{
	clear:left;
}
.title{
	padding-top:10px;
	text-align: center;
}
/* ~~ Styling for links must remain in this order - including the group of selectors that create the hover effect. ~~ */
a:link {
	color: #3144C8;
	text-decoration: underline; 
}
a:visited {
	color: red;
	text-decoration: underline;
}
a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
	text-decoration: none;
}

.button5 a:link, a:visited{
  text-decoration: none;
  background-color: #D6DAF5;
  color: navy;
  padding: 2px 6px 2px 6px;
  border-top: 1px solid #BBB;
  border-right: 1px solid #666666;
  border-bottom: 1px solid #666666;
  border-left: 1px solid #BBB;	
}
.button5 a:hover{
  text-decoration: none;
  background-color: #FFFFFF;
  color: #000000;
  padding: 2px 6px 2px 6px;
  border-top: 1px solid #BBB;
  border-right: 1px solid #666666;
  border-bottom: 1px solid #666666;
  border-left: 1px solid #BBB;	
}

.contactTable{
	width:76%;
	font-size: .9em;
}
.scheduleTable{
	width:95%;
	font-size: .8em;
}
.img{
	float:left;
	padding-right:4px;
}
.imgLeft{
	float:left;
	padding-right:8px;
}
.img2{
	float:left;
	padding-left:20px;
}
.imgRight{
	float:right;
	padding-left:5px;
	padding-right:10px;
}
.red{
	color:red;
}
.redBold{
	color:red;
	font-weight:bold;
}
.PVTAred{
	color:rgba(153,0,51,1);
}
.PVTAredBold{
	color:rgba(153,0,51,1);
	font-weight:bold;
}

.greenBold{
	color:green;
	font-weight:bold;
}
.green{
	color:green;
}
.pinkBold{
	color:#FB4DB4;
	font-weight:bold;
}

.orangeBold{
	color:#F88F0A;
	font-weight:bold;
}
.orange{
	color:#F88F0A;
}
.blue{
	color:blue;
}
.blueBold{
	color:blue;
	font-weight:bold;
}
.lime{
	color:#32cd32;
}
.limeBold{
	color:#32cd32;
	font-weight:bold;
}
.purple{
	color:purple;
}
.purpleBold{
	color:#5D077E;
	font-weight:bold;
}
.noPhoneLeft{
	display:block;
	float:left;
	padding-right:4px;
}
.noPhoneRight{
	display:block;
	float:right;
	padding-left:4px;
}
.mapMsg{
	background:#CCFFFF;
	font-size:0.95em;
}
.mapcanvas{
	margin:0 auto;
    border: solid 1px #000;
}
#mapContainer{
	border: #4674F0 1px dashed;
	position:relative;
	width:900px;
	height:800px;
	margin: 0 auto;
}
#mapContainerLine{
	border: #4674F0 1px dashed;
	position:relative;
	width:900px;
	height:500px;
	margin: 0 auto;
}
.loadScreen{
	position:absolute; 
	text-align:center; 
	background-color:#FF3399;
	color:blue;
}
.highlight{
	background-color:#CFF;
	vertical-align:middle;
	padding:5px;
	text-align:center;
}
.highlight3{
	background-color:#CFF;
	vertical-align:middle;
	padding:5px;
	text-align:center;
	font-size:0.9em;	
}
.highlight2{
	background-color:#CCFFCC;
	vertical-align:middle;
}	
.t1{
	background-color:#D6DAF5;
	color:#103174;
	font-size: 0.9em;
	/* [disabled]font-weight:bold; */
}
.t1Red{
	color:red;
	font-size: 0.9em;
}
#imgColJob{
	float:left;
	margin:5px;
	width:150px;
	text-align:center;
}
#txtColJob{
	float:left;
	width: 770px;
	margin-top:10px;
}
.hr{
	border-bottom:thin  #2F10F1 dashed;
	clear:left;
}
.small{
	font-size:0.85em;
}
.button{
	background-color:#99FFFF;
	border:#000 1px solid;
	padding:3px;
	margin:5px;
}
.button3{
	background-color:#036;
	color:#fff;
	border:1px solid #000;
	padding:0.5em 0.7em;
	border-radius: 5px;
}
.button4{
	background-color:#3286F8;
	color:#fff;
	border:1px solid #000;
	padding:0.5em 0.7em;
}
.button2{
	background-color:#FFF;
	color:#036;
	border:1px solid 036;
	padding:0.5em 0.7em;
}
table .styled{
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	font-size:0.9em;
	text-shadow: 1px 1px 0px #fff;
	background:#eaebec;
	margin:5px;
	border:#ccc 1px solid;

	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;

	-moz-box-shadow: 0 1px 2px #d1d1d1;
	-webkit-box-shadow: 0 1px 2px #d1d1d1;
	box-shadow: 0 1px 2px #d1d1d1;
}
table .styled th {
	padding:15px;
	border-top:1px solid #fafafa;
	border-bottom:1px solid #e0e0e0;

	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ebebeb));
	background: -moz-linear-gradient(top,  #ededed,  #ebebeb);
}


table .styled tr {
	text-align: center;
	padding-left:10px;
}

table .styled td {
	padding:10px;
	border-top: 1px solid #ffffff;
	border-bottom:1px solid #e0e0e0;
	border-left: 1px solid #e0e0e0;

	background: #fafafa;
	background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));
	background: -moz-linear-gradient(top,  #fbfbfb,  #fafafa);
}

table.styled tr:hover td {
	background: #f2f2f2;
	background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f0f0f0));
	background: -moz-linear-gradient(top,  #f2f2f2,  #f0f0f0);	
}
.highLtA {
	background:#F6F976;
	padding: 3px;
	background:#F8F6C5;
	border:yellow solid thin;
	padding: 2px;
}
.highLtB {
	background:#FFFFFF;
	border:#FB070B solid thin;
	padding: 2px;
}
.highLtC {
	background:#FFFFFF;
	border:#000000 solid thin;
	padding: 2px;
}
	.highLtX{
		background-color: white;
        background-image: radial-gradient(white, rgba(39,55,165,0.4));
	
		font-size:1.1em; 
		font-weight:bold; 
		color:rgba(39,55,165,1);
		color:navy;
		vertical-align:middle;
		padding: 3px 15px 3px 15px;		
		/*border: rgba(39,55,165,0.5) 1px solid;*/
		border-radius: 5px;
    }
	.highLtY{
        background-color: rgba(255,246,143,0.8);
		font-size:0.9em;
		line-height: 1.1em;
		color:navy;
		padding: 3px 10px 3px 10px;	
    }		
	.inset { 
		text-shadow:#fff 0px 1px 0, #fff 0 -1px 0;
	}


.yellowBG{
	background-color:#FF9;
	padding:5px;
}
.centerIt{
	vertical-align:middle;
	text-align:center;	
}
.image2 {
    position:relative;
    float:left;  /*optional */
}
.image2 .text {
	position: absolute;
	top: 10px; /* in conjunction with left property, decides the text position */
	left: 10px;
	background-color: rgba(256,256,256,.7);
    /*width:300px; /* optional, though better have one */
}
