﻿*{
	margin: 0px;
	padding: 0px;
}

#alertsBar
{
	height: 25px;
	width: 897px;
	background-color: #FFFFFF;
	padding-top: 3px;
	padding-bottom: 0px;
}

.alertsBarText 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: x-small; 
    font-weight: normal; 
    color: #333333; 
    text-decoration: none;
}

a.alertsBarText 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: x-small; 
    font-weight: bold; 
    color: #333333; 
    text-decoration: none;
}

a.alertsBarText:hover 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: x-small; 
    font-weight: bold; 
    color: #333333; 
    text-decoration: underline;
}

.bannertitles
{
	color:#FFFFFF;
}

body 
{
	background-color: #B7E6E4;
	background-image: url('../images/mainBG.gif');
	background-repeat: repeat-y;
	background-position: center;
}

.bridgeLinks td
{
	padding: 5px;
}

#centerContent 
{
	height:72%; 
	width:897px; 
	background-color: #FFFFFF; 
	padding-top: 15px;
	padding-bottom: 15px;
}

#helpContent 
{
	height:72%; 
	width:897px; 
	background-color: #FFFFFF; 
	padding-top: 15px;
	padding-bottom: 15px;
}     

.commute 
{
	margin: 45px 20px 20px 240px;
}

.commute 
{
	margin: 45px 20px 20px 240px;
}

.commute h4 
{
	padding: 10px 0px 5px 0px; 
	margin:0px 0px 0px 0px;
	text-align: left;
}

.commute h4 a 
{
	color: #003366; 
	text-decoration:none;
}

.commute h4 a:hover 
{
	text-decoration:underline;
}

.commutehead 
{
	color:#003366; 
	font-size:14px; 
	font-weight:bold;
}

#content511 
{
	margin-left:auto; 
	margin-right:auto; 
	width:897px; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:12px; 
	color:#333333;
}

#help511 
{
	margin-left:auto; 
	margin-right:auto; 
	width:897px;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:6px; 
	color:#003399
}

#helplists
{
	list-style-type:decimal; 
	line-height:20px; 
	list-style-position:outside; 
	padding-left:20px
}

#help511 a {
	color:#003399;
	text-decoration:underline;
}

#help511 p
{
	padding-top: 10px;
	padding-bottom: 10px;
}

#content511 a {
	color:#003399;
	text-decoration:underline;
}

#content511 p
{
	padding-top: 10px;
	padding-bottom: 10px;
}

.customizeAlertsHeader
{
	text-align: left;
	color:#333333;
	border-bottom: 1px solid #333333;
	font-weight: bold;
}

.emergency ul  
{
	margin: 1px 1px 1px 30px;
	padding: 0px 0px 0px 0px; 
	vertical-align:top; 
	font-size:12px;
}

#footer 
{
	background-color: #006699;
	width: 897px;
	height: 30px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #FFFFFF;
	text-decoration: none;
}

a.footerLink
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: normal;
}

a.footerLink:hover 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #FFFFFF;
	text-decoration: underline;
}

#footerShadow
{
	width: 897px;
	height: 7px;
	background-image: url('../images/bottomShadow2.gif');
	background-repeat: repeat-x;
	background-position: top;
}

.formControl 
{
	color: #333333;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: x-small;
}

#fullBody
{
	background-image: url('../images/mainBG.gif');
	background-repeat: repeat-y;
	background-position: center;
}

#homeBottomNav
{
	background-color: #FFFFFF;
	width: 897px;
	height: 186px;
	padding-top: 10px;
}

#homeCenterContent
{
	width:897px; 
	background-color: #FFFFFF; 
	padding-top: 0px;
	padding-bottom: 0px;
}

#homeCenterContent a {
	color:#003399;
	text-decoration:underline;
}

#homeContainer {
   position: absolute;
   top: 0px; 
   right: 0px;    
}

.homeNav 
{
	position: relative;
	border: 0px;
	height: 171px;
	width: 171px;
	top: 0px;
}

a.homeNavLink
{
	color: #291500;
	text-decoration: none;
	font-size: large;
	font-weight: normal;
	font-family: Franklin Gothic Demi;
	line-height: 15px;
}

a.homeNavLink:hover
{
	color: #FFFFFF;
	text-decoration: none;
	font-size: large;
	font-weight: normal;
	font-family: Franklin Gothic Demi;
	line-height: 15px;
}

#homeRightBG1 {
   width: 313px; height: 284px;     /* to match DIVs size          */
   filter:alpha(opacity=100);
   -moz-opacity:1;
   opacity: 1;
   position: absolute;
   background-image: url('../images/home1.jpg');
   background-repeat: no-repeat;
   background-position: right;
}

#homeRightBG2 {
   width: 313px; height: 284px;     /* to match DIVs size          */
   filter:alpha(opacity=0);
   -moz-opacity:0;
   opacity: 0;
   background-repeat: no-repeat;
   background-position: right;
}

#homeRightRound {
   width: 313px; height: 100px;     /* to match DIVs size          */
   background-color: transparent;   /* transparent background      */
   position: absolute;              /* absolute positioning        */
   z-index: 2;                      /* place it over the other DIV */
}

#homeTextContent
{
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:12px; 
	color:#333333;
	width: 90%;
	text-align: left;
	font-weight: normal;
	padding-top: 10px;
	padding-left: 20px;
}

#homeTextTitle 
{
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:12px; 
	color:#333333;
	width: 100%;
	text-align: left;
	padding-top: 10px;
	padding-left: 20px;
}
#homeTextTitleIE 
{
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:15px; 
	color:#333333;
	width: 100%;
	text-align: left;
	padding-top: 0px;
	padding-left: 20px;
}

.mainMenuLink
{
	color:#FFFFFF;
	font-size: x-small;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	text-decoration: none;
}

a.mainMenuLink
{
	color: #FFFFFF;
	font-size: x-small;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	text-decoration: none;
}

a.mainMenuLink:hover
{
	color: #FFFFFF;
	font-size: x-small;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	text-decoration: underline;
}

.mainContent
{
	font-size: small;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    color:#333333; 
    text-align:left;
}

a.mainContent 
{
	font-family: Arial, Verdana, Helvetica, Sans-Serif;
	font-size: small;
	color: #006699;
	text-decoration: underline;
}

a.mainContent:hover
{
	font-family: Arial, Verdana, Helvetica, Sans-Serif;
	font-size: small;
	color: #000066;
	text-decoration: underline;
}

.mapLegend
{
	background-color: #FFFFFF;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:small; 
	font-weight:bold; 
	color: #333333;
}

.mapLegendHeader
{
	background-color: #006699;
	color: #FFFFFF;
	font-weight: bold;
	font-size: medium;
	font-family: Arial, Verdana, Helvetica, Sans-Serif;
}

.mapTitle 
{
	background-color: #006699;
	color: #FFFFFF;
	font-weight: bold;
	font-size: small;
	font-family: Arial, Verdana, Helvetica, Sans-Serif;
}

.markerTooltip {
	padding: 0px;
	background-color: #FFFFFF;
	font-size: small;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	/*Remove below line to remove shadow. Below line should always appear last within this CSS
	opacity: .80; 
	-moz-opacity: .80; 
	filter: alpha(opacity=50);*/
}

.mobileLinks td
{
	padding: 5px;
}

.padMe{padding-left:15px;}

.pleaseWaitTable
{
	background-image: url('../images/pleaseWaitBG.gif');
	background-repeat: no-repeat; 
	background-color: #04689B;
	height: 102px; 
	border: 1px solid #003366;
}

#pleaseWaitText 
{
	font-family: Arial, Verdana, Helvetica, Sans-Serif;
	font-size: small;
	color: #003366;  

}

.rideshareHeader
{
	text-align: left;
	color:#005600;
	border-bottom: 1px solid #005600;
	font-weight: bold;
}

.rideshareMainContent
{
	background-color:white; 
    padding:5px;
    font-size: small;
    font-family: Helvetica, Arial, Verdana, sans-serif;
    line-height: 20px;
    color:#333333; 
    background-image: url('../images/rideshareFade.gif');
    background-repeat: repeat-x;
}

.rideshareSubMainContent
{
	padding:5px;
    font-size: small;
    font-family: Helvetica, Arial, Verdana, sans-serif;
    line-height: 20px;
    color:#005600; 
}

a.rideshareSubMainContent
{
	padding:5px;
    font-size: small;
    font-family: Helvetica, Arial, Verdana, sans-serif;
    line-height: 20px;
    color:#005600;
    text-decoration: underline; 
}

.rideshareWhyCarpool
{
	background-color:#a3bcca;	 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:small; 
	color:#3C3C3C;
	line-height:18px; 
	font-weight:bold; 
	padding-left:5px;	
}

a.rideshareSubMainContent:hover
{
	padding:5px;
    font-size: small;
    font-family: Helvetica, Arial, Verdana, sans-serif;
    line-height: 20px;
    color:#005600; 
    text-decoration: none;
}

#rideShareTable
{
	padding-bottom:20px;
	font-family: Helvetica, Arial, Verdana, sans-serif;
}

#rideShareTable a
{
	color:#005600;
}

.tickerText 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: x-small; 
    font-weight: normal; 
    color: #333333; 
    text-decoration: none;
}

a.tickerText 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: x-small; 
    font-weight: normal; 
    color: #333333; 
    text-decoration: underline;
}

a.tickerText:hover 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: x-small; 
    font-weight: normal; 
    color: #333333; 
    text-decoration: none;
}

#topHeader
{
	background-image: url('../images/511header.gif');
	background-repeat: no-repeat;
	width: 897px;
	height: 110px;
}

a.topHeaderLink
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #333333;
	text-decoration: none;
	font-weight: normal;
}

a.topHeaderLink:hover 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #333333;
	text-decoration: underline;
}

#topHeaderNav 
{
	float: right; 
	position: relative;
	width: 898px;
}

#topMenu
{
	background-color: #005400;
}

#topNavCont
{
	position: absolute; 
	width: 898px;
}

.travellinksHeader
{
	text-align: left;
	color:#005600;
	border-bottom: 1px solid #005600;
	font-weight: bold;
}

.travellinksMainContent
{
	background-color:white; 
    padding:5px;
    font-size: small;
    font-family: Helvetica, Arial, Verdana, sans-serif;
    line-height: 20px;
    color:#005600; 
    background-image: url('../images/rideshareFade.gif');
    background-repeat: repeat-x;
}

a.travellinksLink
{
	padding:5px;
    font-size: small;
    font-family: Helvetica, Arial, Verdana, sans-serif;
    line-height: 20px;
    color:#005600;
    text-decoration: underline; 
}

a.travellinksLink:hover
{
	padding:5px;
    font-size: small;
    font-family: Helvetica, Arial, Verdana, sans-serif;
    line-height: 20px;
    color:#005600; 
    text-decoration: none;
}

ul {
	text-indent: 5px;
	list-style-position: inside;
	list-style-type: disc;
	padding: 6px;
	margin: 2px;
	text-align: left;
}

.weatherAlertsText 
{
	font-size: small;
    font-family: Helvetica, Arial, Verdana, sans-serif;
    color:#005600; 
    text-decoration: none;
    padding: 5px;
    text-align: left;
}

h4 {
	text-align:left;
}

.homepagefont 
{
	font-family: Helvetica, Arial, Verdana, sans-serif;
}
.TOUHeader
{
	text-align: left;
	color:#333333;
	border-bottom: 1px solid #333333;
	font-weight: bold;
}
 .tableHead
      {
        font-weight: bold;
        font-size: medium;
        border-left: 1px solid #006699;
        border-bottom: 1px solid #006699;
        padding: 2px;
        background-color: #ABC8DC;
        text-align:left;
      }
      table.descTable
      {
        border-right: 1px solid #006699;
        border-top: 1px solid #006699;
        text-align: left;
      }
      td.descTable
      {
        border-left: 1px solid #006699;
        border-bottom: 1px solid #006699;
        padding: 2px;
        font-weight: normal;
        font-size: small;
      }
