/* CSS Document */

body {font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #666666; margin: 0 auto; background-color: #ffffff; line-height: 17px; background-image: url(images/topbg.jpg); background-repeat:no-repeat; width: 900px; }
#header {background-image: url(images/header.jpg); background-repeat:no-repeat; height: 102px; max-width: 812px; text-align:center;}
#logo {width: 462px; color: #0050a3; padding-top: 25px; font-size: 16px; font-weight: bold; text-align: right; font-style: italic};
#level0 {width: 900px; margin: 0 auto; background-color: #ffffff;}
#leftbar {width: 200px; float: left; background-color: #ffffff;}
#vision {width: 160px; background-color: #fafcfd; padding: 10px; color: #0099cf; font-size:12px; margin: 25px 10px 0 10px;}
#vision h1{font-weight: bold; font-size: 14px; color: #343e92;  padding: 0; margin: 0;}
#menu {width: 180px; background-color: #f2faff; margin: 20px 10px; display: block; height: 250px;}

.button {width: 165px; height: 16px; padding: 5px 5px 5px 10px; float: left; border-top: 1px dashed #80cfe9; display: block; background-color: #f2faff;}
.button a {color: #80cfe9; font-weight:bold; text-decoration: none; display: block;}
.button a:hover {color: #0099cf; display: block;}

.buttonpress {width: 165px; height: 16px; padding: 5px 5px 5px 10px; float: left; border-top: 1px dashed #80cfe9; display: block; background-color: #ddf0fc; border-bottom: 1px dashed #80cfe9;}
.buttonpress a {color: #80cfe9; font-weight:bold; text-decoration: none; display: block;}
.buttonpress a:hover {color: #0099cf; display: block;}

.buttonht {width: 165px; height: 16px; padding: 5px 5px 5px 10px; float: left; border-top: 1px solid #ffffff; display: block; background-color: #0099cf; border-bottom: 1px solid #ffffff;}
.buttonht a {color: #ffffff; font-weight:bold; text-decoration: none; display: block;}
.buttonht a:hover {color: #ffffff; display: block;}


.button2 {font-size: 11px; width: 155px; height: 14px; padding: 3px 5px 5px 20px; float: left; border-top: 1px dashed #80cfe9; display: block; background-color: #ffffff;}
.button2 a {color: #80cfe9; font-weight:bold; text-decoration: none; display: block;}
.button2 a:hover {color: #0099cf; display: block;}
#rightbar {width:188px; float: right; background-color: #ffffff;}
#rightbar a{color: #666666;}
#mainmap {margin:0; background-color: white; float: left; min-width: 400px; width: 640px; padding: 15px 20px 20px 20px;}
#mainmap h2 {color: #343e92; margin: 20px 0 3px 0; padding: 0; font-size: 14px; font-weight:bold; }

#main {margin:0; background-color: white; float: left; min-width: 400px; width: 470px; padding: 15px 20px 20px 20px;}
#main a{color:#0099cf; text-decoration:none;}
#main a:hover {color:#0099cf; text-decoration:underline;}
#main h1 {color: #0099cf; margin: 20px 0 3px 0; padding: 0; font-size: 13px; font-weight: bold;}
#main h2 {color: #343e92; margin: 20px 0 3px 0; padding: 0; font-size: 14px; font-weight:bold; }
#main h3 {color: #0099cf; margin: 15px 0 0 0; padding: 0; font-size: 13px; font-weight:bold;}
#main h4 {color: #999999; margin: 0; padding: 0; font-size: 13px; font-weight:normal; font-style: italic; padding-left:25px;}
#main h5 {color: #666666; margin: 10px 0 0 0; font-weight:normal; font-style: italic;}
.img {margin-right: 10px; border:1px #666666 solid;}
#getinvolved {font-size: 14px; font-weight: bolder; color: #ffffff; background-image: url(images/getinvolvedbg.gif); background-repeat: no-repeat; padding: 8px; text-align:center; width: 152px; }
#getinvolved a{text-decoration:none; color: white;}
#getinvolved a:hover{text-decoration:none; cursor: pointer;}
#getinvolved a:visited{color: white;}
#involvedbox {background-color: white; border: #c7dee8 1px solid; width: 148px; margin: 10px 0px; padding: 12px 10px 10px 10px; font-size: 11px; line-height: 13px; display: block; font-color: #999999;}
#involvedbox:hover {border: #0099cf 1px solid; cursor:pointer;}
#involvedbox a{text-decoration:none;}
.center {text-align:center;}

#news {background-color: white; border: #c7dee8 1px solid; width: 148px; margin: 10px 0px; padding: 12px 10px 10px 10px; font-size: 11px; line-height: 13px; display: block; font-color: #999999;}
#news a{color:#0099cf; text-decoration:none;}
#news a:hover {color:#0099cf; text-decoration:underline;}
#involvedbox h1{font-size: 18px; margin:4px 0 8px 0; color: #0099cf; text-align: center;}
#involvedbox h2{font-size: 13px; margin:0; color: #0099cf; float: left;}
#involvedbox h3{font-size: 11px; font-weight:normal; margin:8px 0 0 0; }

#ibox {background-color: white; margin: 10px 0px; padding: 8px 8px 8px 8px; font-size: 11px; font-weight: bold; line-height: 13px; display: block; border: 1px solid white;}
#ibox a{text-decoration:none; color: #0099cf;}
#ibox:hover {background-color: #fafcfd; cursor:pointer; text-decoraton:none; border: 1px solid #c7dee8; }
#ibox img {padding-top:2px;}
#ibox form {padding-left:25px;}
a {text-decoration: none}

#head1 {font-size: 15px; margin:0 0 8px 0; color: #0099cf; text-decoration:none; font-weight: bold;}
#head2 {font-size: 13px; margin:0; color: #0099cf; float: left; text-decoration:none;}
#head3 {font-size: 11px; font-weight:normal; margin:8px 0 0 0; text-decoration:none; }
#allaboard a{background-color: #0099cf; color: white; padding: 5px; margin-left: 175px; text-decoration: none; width: 100px;}
#allaboard a:hover{background-color: #343e92;}


#leftbox {background-color: #fafcfd; border: #fafcfd 1px solid; width: 160px; margin: 10px; padding: 12px 10px 10px 10px; font-size: 11px; font-weight: bold; line-height: 13px; display: block; text-align: center; clear:both;}
#leftbox:hover {border: #c7dee8 1px solid; cursor:pointer;}
#leftbox h1{font-size: 18px; margin:2px; color: #666666; text-align: center;}
#leftbox h2{font-size: 13px; margin:2px; color: #666666; text-align: center;}
#leftbox h3{font-size: 11px; font-weight:normal; margin:8px 0 0 0; color: #666666;}
#leftbox a{color:#0099cf; text-decoration:none;}

.right {float: right;}
.left {float: left;}

.green {color: #2faf59}
.blue {color: #0099cf}

#bottom {clear: both; background-color: #fafcfd; padding: 20px; font-size: 11px; color: #999999; line-height: 13px; text-align: center;}

#more {width: 180px; border: 1px solid #c7dee8; font-weight: bold; font-size: 10px; color: #0099cf; padding: 5px; float: left; margin: 50px 10px 0 0;}
#more a{color: #999999;; text-decoration: none;}
#more a:hover{color: #0099cf; text-decoration: none;}

#more2 {width: 180px; border: 1px solid #c7dee8; font-weight: bold; font-size: 10px; color: #0099cf; padding: 5px; float: left; margin: 50px 10px 0 0;}
#more2 a{color: #999999;; text-decoration: none;}
#more2 a:hover{color: #0099cf; text-decoration: none;}
 
.forminput{margin: 5px;}

.hide{
display: none;
}

.show{
display: block;
}

#politicians {float: right; padding: 10px; width: 290px;}
#politicians a {color: #0099cf; text-decoration:none;}
#politicians a:hover {color: #343e92;}
#politicians a:visited {color: #0099cf;}
#polibox {border: 1px solid #c7dee8; padding: 10px; margin: 5px; background-color: #fafcfd; height: 180px; display: block; font-size:12px;}

#spacer{height: 20px; display:block;}

#petition{font-size: 33px; font-weight:bold; color: white; background-color: #0099cf; float:right; padding: 15px 10px 10px 10px; text-align:center; margin-top: 20px;}
.noofpeople {font-size: 12px; font-weight:bold; line-height: 12px; padding-top: 5px;}

#downloadbox {border: 1px solid #343e92; color: #343e92; padding: 10px; margin: 5px; height: 200px; display: block; font-size:12px;}

#specialbox {border: 1px solid #343e92; color: #343e92; padding: 10px; margin: 5px; display: block; font-size:12px;}

.download {color: #666666;}

.instructions {font-size: 12px;}

#addus {font-size: 11px; text-align:center; margin-left: 10px; color: #999999; padding:0; width: 170px;}

#docbox {border: 1px solid #c7dee8; padding: 5px; margin: 5px; background-color: #fafcfd; display: block; font-size:12px;}

#events td {border: 1px white solid;}

#petitionbox{border: 1px solid #cccccc; padding: 20px; width: 428px;}

#metrolinx a{font-size: 18px; font-weight: bold; text-align: center; color: #343e92; text-decoration: none;}
#metrolinx a:hover{color: #0099cf; text-decoration: none;}

.metrolinx {font-size: 18px; font-weight: bold; text-align: center; background-color:#0099cf; color: white}

#humantrain {margin-top: 15px;}