/*City Standard StyleSheet.*/

body { 
	background-color: #FeFeFe;/*off-white*/
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
	font-size: 13px; 
	color: #333;
	margin: 0px;
	padding: 0px;}

#footer {
	font-size:10px;
	margin-left:160px;
	margin-right:30px;	margin-top:20px;
	padding-top:10px;
	border-top:1px solid #333;
	width:auto;
	clear:both;
	padding-bottom:20px;
	}
#footer p {font-size:10px;}


/*Apply this class to the globalnavbar so the links will be white.*/
.globalnavbar { color: #FFFFFF; font-family: "Trebuchet MS", Arial, "MS Sans Serif"; font-size: 12px; font-weight: bold; text-decoration: none}
a.globalnavbar:link { color: #FFFFFF; text-decoration: none; font-family: "Trebuchet MS", Arial, "MS Sans Serif"; font-size: 12px}
a.globalnavbar:visited { color: #FFFFFF; text-decoration: none; font-family: "Trebuchet MS", Arial, "MS Sans Serif"; font-size: 12px}
a.globalnavbar:hover { color: #FFFFFF; font-family: "Trebuchet MS", Arial, "MS Sans Serif"; font-size: 12px; font-weight: bold; text-decoration: none}
a.globalnavbar:active { color: #FFFFFF; font-family: "Trebuchet MS", Arial, "MS Sans Serif"; font-size: 12px; font-weight: bold; text-decoration: none}


/*Apply this class to the blackbar text so the links will be white and have a gold hover.*/
.blackbar { color: #FFFFFF; font-family: "Trebuchet MS", Arial, "MS Sans Serif"; font-size: 11px; text-decoration: none}
a.blackbar:link { color: #FFFFFF; text-decoration: none; font-family: "Trebuchet MS", Arial, "MS Sans Serif"; font-size: 12px}
a.blackbar:visited { color: #FFFFFF; font-family: "Trebuchet MS", Arial, "MS Sans Serif"; font-size: 12px; text-decoration: none}
a.blackbar:hover { color: #CC9900; text-decoration: none; font-family: "Trebuchet MS", Arial, "MS Sans Serif"; font-size: 12px}
a.blackbar:active { color: #FFFFFF; text-decoration: none; font-family: "Trebuchet MS", Arial, "MS Sans Serif"; font-size: 12px}

/*Apply this class to the sidelink text - color can be modified to match your colour scheme.  Do not remove the hover underline.*/
.sidelink { color: #000066; font-family: "Trebuchet MS", Arial, "MS Sans Serif"; font-size: 11px; text-decoration: none}
a.sidelink:link { color: #000066; text-decoration: none; font-family: "Trebuchet MS", Arial, "MS Sans Serif"}
a.sidelink:visited { color: #000066; font-family: "Trebuchet MS", Arial, "MS Sans Serif"; text-decoration: none}
a.sidelink:hover { color: #000066; text-decoration: underline; font-family: "Trebuchet MS", Arial, "MS Sans Serif"}
a.sidelink:active { color: #000066; font-family: "Trebuchet MS", Arial, "MS Sans Serif"; text-decoration: none}

/*This is the default link style for any links that you do not apply a class to.  These are the City standard and should not be changed.*/
a:link { color: #000066; text-decoration: underline}
a:visited { color: #336600; text-decoration: underline}
a:hover { color: #000066; text-decoration: underline}
a:active { color: #000066; text-decoration: underline}

/*These are the heading styles.  Colors can be changed to match your colour scheme*/

h1 {  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 20px; font-weight: normal; color: #990000}
h2 {  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 16px; color: #990000}
h3 {  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #990000}
h4 {  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #990000}

/*This is the main and secondary styles in the header bar.  Colours can be changed to match your colour scheme.  Fonts and sizes should stay as is*/
.maintitle {  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 22px; color: #FFCC00; font-weight: normal}
.secondarytitle {  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 20px; color: #CCCCCC}

/*This is the sidebartitle style.  Colour can be changed to match your colour scheme.  Fonts and sizes should stay as is.*/
.sidebartitle {  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; color: #990000; text-decoration: none}
a.sidebartitle:link { color: #990000; text-decoration: none; font-family: "Trebuchet MS", Arial, "MS Sans Serif"}
a.sidebartitle:visited { color: #990000; font-family: "Trebuchet MS", Arial, "MS Sans Serif"; text-decoration: none}
a.sidebartitle:hover { color: #990000; text-decoration: underline; font-family: "Trebuchet MS", Arial, "MS Sans Serif"}
a.sidebartitle:active { color: #990000; font-family: "Trebuchet MS", Arial, "MS Sans Serif"; text-decoration: none}


/*This is the styles for body, and tables.  Do not alter.*/
td {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
	margin-right: 25px;
}
body {  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; color: #333333}


/*This is the smalltext style.*/
.smalltext {  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 10px; color: #333333}

.heading1 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 20px; font-weight: normal; color: #990000 }
.heading2 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 16px; color: #990000 ; font-weight: normal}
.heading3 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #990000 }
.heading4 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #666633}
.whitetext {  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; color: #FFFFFF}
.medtext {  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; line-height: 16px}
.redtext {  color: #990000}
.fRight {
	float: right;
	margin-left: 15px;
}
#signal { float: right;	width: 185px; margin-left: 15px;}
#signal3, #construction2, #counts2, #smallbus { float: left; width: 275px; margin-right: 15px; margin-bottom: 5px;}
#construction1, #curb1, #peds1, #counts1, #tourLast, #tourRed, #bus1, #move { float: right; width: 275px; margin-left:15px;margin-bottom: 5px; margin-right:0; }
#busList1{ margin-left: 0px;}

#counts1 { margin-bottom: 20px; }
#homePg { width: 350px; float: right; margin-left: 15px; margin-bottom: 15px; }
form { clear: both;}

table.highlights { border: 1px solid #990000; margin-left: 25px; margin-bottom: 10px; width: 135px;}
th {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px; font-weight: bold;
	color: #FFFFFF;
	text-align: left;
	padding: 5px;
	padding-left: 10px;
	background-color: #990000;
}
td.highlights { padding:2px; margin:0px; }

#highlights { float: right; width: 200px; margin-left: 25px; border: 1px solid #990000; margin-bottom: 10px;}
#head {background-color: #990000; height: 20px; }
#head h4 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; margin:0;
	color: #FFFFFF;	text-align: left;
	padding: 5px;
	padding-left: 10px;
	}
	
#highlights ul {  margin-top:0; margin-bottom:0;}	

#sidebar { text-align: right; }
#sidebar ul {
	list-style-image: url(../images/square.gif);
}
#sidebar li { }
#sidebar p { margin: 0; }
#peds {	padding: 0px; margin-top: 15px;	margin-bottom: 15px; clear: both; }
#peds img { width: 40px; float: left; margin-right: 20px; margin-bottom: 15px;}

#devices { position: relative; clear: both; margin-top: 20px; margin-bottom: 20px; }
#dev1 {clear: left; width: 250px; float: left; margin-top: 0px; margin-right: 20px; margin-bottom: 0px; }
#dev2 { width: 250px; top: 0; float: left; margin-top: 0px; margin-right: 20px; margin-bottom: 0px;}
#dev3 { clear: right;  float: left; margin-top: 0px; margin-right: 0px; margin-bottom: 0px;}
#dev1 img, #dev2 img, #dev3 img { width: 40px; float: left; margin-right: 20px; margin-bottom: 15px; margin-top: 0; }

#pics { position: relative; clear: both; margin-top: 20px; margin-bottom: 20px;}
#peds2 { clear: left; width: 275px; float: left; margin-top: 0px; margin-right: 20px; margin-bottom: 0px;}
#peds3 { margin-left: 0px; width: 275px; float: left; margin-top:0;margin-right: 20px;}
#peds4  { width: 133px; float: left; margin:0; margin-bottom: 0px; clear: right; }
#peds2 img, #peds3 img { width: 275px; float: left; margin-right: 0px; margin-bottom: 15px; margin-top: 0;}
#peds4 img { width: 133px; float: left; margin-right: 20px; margin-bottom: 15px;}
#tips { width: 100%; clear: both; }
.clr {
	clear: both;
}
.imgLeft {
	float: left;
	margin-right: 15px;
}

.imgRight { float: right; margin-left: 15px; }

.italic {font-style:italic;}