﻿body {background-color:#032C6A; font-family:Arial, Helvetica, sans-serif}
.heading { font-weight:bold;color: #0156AF;font-size:10pt;}
.ContentLink,.MakeADif { font-weight:bold; color:green; text-decoration:none;}
#menuList, .VMenu, .subMenu {list-style: none; margin:0; padding: 0;}
#leftPanel {width:186px; background-color:#D2F2C1;}
#leftPanelWrap {width:186px; background-color:#D2F2C1; text-align:center; 
	font-family:Arial, Helvetica, sans-serif; font-weight:normal}
#menuWrapper {background:url('/images/vMenu3bBG.gif')}
#mainContent {margin-left:10px}
.vMenu {background: #BCDEAB; text-align:left;}
a.vMenuItem, a.vMenuItem1, a.subMenuItem, a.vMenuItemNoSub {font-size:11px; display:block; color:black; text-decoration:none}
a.vMenuItem {background:url('/images/divider1.gif') bottom right no-repeat; padding-left:7px; 
	font-weight:bold; line-height:22px; width:179px;}
a.vMenuItem1 {background:url('/images/divider4.gif') bottom right no-repeat; height: 34px; padding-left:7px; 
	font-weight:bold; line-height:15px; width:185px;}

a.vMenuItemNoSub {background:url('/images/divider1NoSub.gif') bottom left no-repeat; padding-left:7px; 
	font-weight:bold; line-height:22px; width:179px;}
a.subMenuItem {padding-left:20px; line-height:18px; width:166px; font-weight:normal;}
a.vMenuItem:hover {background:url('/images/divider1b.gif') bottom right no-repeat; color:white}
a.vMenuItem1:hover {background:url('/images/divider4b.gif') bottom right no-repeat; color:white}
a.subMenuItem:hover, a.vMenuItemNoSub:hover {background: #0088FF; color:white}
ul.subMenu {background:url('/images/divider1.gif') bottom left no-repeat;}
a.MakeADif {width:160px; margin-left:6px; font-weight:bold; color:green; text-decoration:none; }
a.MakeADif:hover {background:#E6F5DE; color:navy;}
.makeADifBox {width:177px; text-align:center; font-size:8pt; font-weight:normal;color:black;
	;border-color: #0073E6; border-width:1px;border-style:solid;background-color:white;margin:auto;}
.makADifTitle {background-color:#0073E6; height: 20px; line-height:20px; color:white; 
	;text-align:center; font-size:10pt; font-weight:bold;}
.textMiddle {border-width: 0; vertical-align: middle; margin-left:7px; margin-right:7px;}
.textMiddle1 {float:left; border-width: 0; vertical-align: middle; margin-top:6px; margin-left:7px; margin-right:7px;}
.leftAlign {text-align:left}

a.footerLink,a.footerLink:visited {text-decoration:none; color:white;}
a.footerLink:hover, a.fMenu:hover {text-decoration:underline;}
a.fMenu {font-weight:normal; color:black; font-size:9pt; text-decoration:none;}
#footerMenu {padding-top:6px; margin:auto; width:817px; height:27px; clear:both; background-color:#7AC142; text-align:center;}
.dummy {background:url('/Images/SGMenuBG2.gif') repeat-x;}
#footerMSG {margin:auto; width:817px; height:35px; line-height:35px; color:white; 
	font-size:9px; font-weight:normal; text-align:right;background:#0061C2;}
#fLink {margin-right:10px; margin-left:80px;}

#headerWrapper {width:817px; background:url('/images/headerbg.gif') repeat-x; font-family:Arial, Helvetica; 
	font-size:11pt; font-weight:bold; color:white; text-align:right; margin:auto; vertical-align:bottom;}
#metrolinxLogo {margin-right:10px;}
#Places {margin-top:17px}
#menuBarWrap {text-align:left; background:url('/images/MenuBarBG-m.gif') repeat-x;height:32px;font-family:Arial,Helvetica;
	width:817px; font-size:9pt; font-weight:bold;color:white;text-align:right; vertical-align:middle}
#menuBarChoice {background:inherit; padding-top:6px;vertical-align:middle;}
#searchBox {height:14px; border:thin}
a.demoLink {text-decoration:none;color:white}
a.demoLink:hover {text-decoration:underline;color:white}

#tlc, #trc, #blc, #brc {background-color: transparent; background-repeat: no-repeat;}
#tlc {background-image:url("/images/tlc.gif"); background-position: 0% 0%;}
#trc {background-image:url("/images/trc.gif"); background-position: 100% 0%;}
#blc {background-image:url("/images/blc.gif"); background-position: 0% 100%;	}
#brc {background-image:url("/images/brc.gif");	background-position: 100% 100%;}
#tb, #bb {background-color: transparent; background-repeat: repeat-x;}	
#tb {background-image:url("/images/tb.gif"); background-position: 0% 0%;}
#bb {background-image:url("/images/bb.gif"); background-position: 50% 100%;}
#rb {background-image:url("/images/r.gif"); background-position: 100% 0%; background-repeat: repeat-y;}
#lb {background-color: #EFF8FC; background-image:url("/images/l.gif"); background-position: 0% 100%; background-repeat: repeat-y;
	width:600px;}
.boxWrap {background:url('/images/newsWindowBG.gif') top right repeat-y #F3F3F3;}
#rightPanelWrap {background:url("/images/pageBG-small.gif") repeat-y #E6F5DE;}
#ContentPanel {margin-left:17px; margin-right:17px; font-size: 9pt; width:570px; background:white;
	font-family:Arial, Helvetica, sans-serif;}
.ContentLink {font-weight:bold; color:green; text-decoration:none;}
#boxWrap {margin-left:15px; margin-top:15px;}
.filler {font-size:4pt; line-height:15px;}
#makingNewsHeader {background:url("/images/newsIconSmall.gif") no-repeat #7AC142;}
#boardInfoHeader {background:url("/images/boardNewsIcon-s.gif") no-repeat #7AC142;}
#consultationHeader {background:url("/images/eventsIcon-s.gif") no-repeat #7AC142;}
#greenPaperHeader {background:url("/images/greenPaperIconSmall.gif") no-repeat #7AC142;}
.boxHeader {clear:both; height:40px;line-height:40px; font-size:11pt;font-weight:bold; color:black;
 	padding-left:45px; background-color:#BCDEAB;}
.boxLeftPanel {width:49%;float:left; margin:0 5 20 5}
#titleBlock {background-image:url('/images/GeenArrowBG.gif'); background-repeat:no-repeat;
	 height:47px; margin-left:-7px; margin-top:5px;}
#titleBlock1 {background-image:url('/images/GeenArrowBG-long.gif'); background-repeat:no-repeat;
	 height:47px; margin-left:-7px; margin-top:5px;}
#pageTitle {padding-top:13px; margin-left:30px; text-align:center; width: 234px; font-size:16px;font-style:italic;
	  color:white; font-weight:bold;}
.videoCtrl {float: left; margin:0 15 20 5}
.heading {font-weight:bold;color: #0156AF;font-size:10pt;}
.shortDesc {display:block;clear:both;}
.boxRightPanel {width:46%;float:right; margin-right:5px}
.alignCenter {text-align:center;}
.bio-photo {float:left; margin-right:15px; margin-bottom:15px;}
.BlueLine {color: #3966BF;font-weight:bold; font-size:11pt;}
a.rpgNum {color:navy; text-decoration:none;}
#pageTitle1 {padding-top:13px; margin-left:30px; text-align:center; width: 434px; font-size:16px;font-style:italic;
	  color:white; font-weight:bold;}
.videoCtrl {float: left; margin:0 15 20 5}
.heading {font-weight:bold;color: #0156AF;font-size:10pt;}
.shortDesc {display:block;clear:both;}
.boxRightPanel {width:46%;float:right; margin-right:5px}
.alignCenter {text-align:center;}
.bio-photo {float:left; margin-right:15px; margin-bottom:15px;}
.BlueLine {color: #3966BF;font-weight:bold; font-size:11pt;}
a.rpgNum {color:navy; text-decoration:none;}
#pageNum {text-align:right;}
.hide {display:none;}
.show {display:block;padding-left:40px;padding-right:5px;}
.questionHeading {color:green; cursor:pointer; padding-left:28px; line-height:21px; font-weight:bold;
 background:url("/images/arrow-g-small.jpg") no-repeat;margin-left:8px; text-decoration:underline;}
.question {font-weight:bold;color: #0156AF; margin-left:15px;}
.yesButton{float:left; border-width:0; margin-left:14px; margin-right:7px;}
table.standardTable {border-width:1px; border-style:solid; border-color:black; background-color:white; 
border-collapse:collapse;}
table.standardTable th {border-width:1px; padding:5px; border-style:solid; border-color:black; 
background-color: #0073E6; color:white; font-size: 1em}
table.standardTable td {border-width:1px;padding:5px;border-style: solid;border-color:black; 
background-color: white;}
.MakingNewsPhoto {float:left; border-style:solid; border-width:1px; margin-right:8px;}
.cssform p{width: 300px;clear: both; margin: 0; padding: 5px 0 8px 0;padding-left: 155px; }
.cssform label{font-weight: bold;float: left;margin-left: -155px; width: 150px;}
.cssform input[type="text"]{width: 180px;}
.cssform textarea{width: 250px;}
.colorRed {color: #FF0000;}
.smText {font-size: 9pt; font-family:"Arial Narrow"}
.pictureLeft {float:left;margin-right:5px; margin-bottom:8px; text-align:center;}
.pictureRight {float:right; margin-left:8px; margin-bottom:5px; text-align:center;}
.pictureRight img, .pictureLeft img {border-style:solid; border-width:1px; border-color:black;}
.pictureRight a, .pictureLeft a{ color:green; text-decoration:none; font-style:italic;}
.halfWidth {width:48%; float:left; margin-left:1%;}