@charset "utf-8";
/* CSS Document */
body {background-color:#f1f1f1; margin:0;}
#page {width:840px; padding:0 10px 0 20px;  margin:0 auto; font-family:Arial; position:relative; background-image:url(img/page-border.gif)}
#page-bottom {width:860px; height:14px;  margin:0 auto;left:-12px; position:relative; margin-bottom:-5px;font-family:Arial; background-image:url(img/border-bottom.jpg)}
.text_normal {font-size:8px}
.text_large {font-size:11px}
#top_bar {width:100%; padding:5px 0 5px 0; margin:0 0 5px 0; border-bottom:1px solid #e8e8e8;}
#quick_links {height:84px;} 
#ql {float:left;border:2px solid #e8e8e8; margin:0 0 0 5px;}
#ql img {border:0;}
#access {background-color:#e8e8e8;padding:13px 14px 0 15px; float:right; font-size:10px;border-left:3px solid #fff;height:72px; width:109px;}
#access img { border:0; margin:0}
a.increase {cursor:pointer; float:left; margin:0 3px 0 0; width:25px; height:25px; display:block; background: url("img/plus.gif") 0 0 no-repeat;}
a:hover.increase {background-position: -25px 0;}
a.decrease {cursor:pointer; float:left; width:25px; height:25px; display:block; background: url("img/minus.gif") 0 0 no-repeat;}
a:hover.decrease {background-position: -25px 0;}
a.bookmark {cursor:pointer; float:left;margin:10px 0 0 0; width:102px; height:25px; display:block; background: url("img/bookmark.gif") 0 0 no-repeat;}
a:hover.bookmark {background-position: -102px 0;}
#banner img {margin:0; padding:0; float:left;}
#uec {font-size:-2; text-align:center;}
h3 {margin:0;padding:0; font-size:1.4em;}
#index-content h3 {border-top:1px solid #CCC; margin:10px 0 0 0; padding:5px 0 0 0;}
h2 {border-bottom:1px solid #CCCCCC;margin:0 0 10px 0;padding:0; font-size:2.1em;}
h4 {margin:10px 0px; color:#000;}
h5 {margin:0;padding:0; color:#555;}
h6 {width:100%;}
h6 a {width:100%; display:block; cursor:pointer; color:#fff}
h6 a:hover {color:#fff}
a {color:#006699; text-decoration:none;}
a:hover {color:#FF6600;}
.menu {border-top:solid 1px #e8e8e8; width:100%; float:left;}
#menu 
{ width:100%; display:table;
  padding:2px 0 2px 0;
  margin:0 10px 0px 10px;
  font-family: arial, helvetica, sans-serif;
  white-space:nowrap;
  list-style-type:none;
  font-weight:bold;
  font-size:1.4em;
}
#menu li {display:table-cell;float:left;}
#menu a
{
display:block;
  padding:0.2em 1em;
text-decoration:none;
color:#000000;
}
#menu a:hover
{
color:#fff;
background-color:#2FA4FF;
}
.submenu {border-top:solid 1px #CCC;}
#submenu ul
{
padding:5px 0 10px 50px;
margin: auto;
width: 750px;
font-family: arial, helvetica, sans-serif;
font-size:14px;
float:left;
background-color:#eeffe3;
}
#submenu ul li { display: inline; }
#submenu ul li a
{
padding: 0.1em 0.4em 0.2em;
color: #000000;
background-color:#eeffe3;
text-decoration: none;
float: left;
}
.current {}
#submenu ul li a:hover
{
text-decoration:underline;
}
.news-meta {margin:10px 0px; color:#777; font-size:0.8em}
#main
{
clear:both;
border-top:solid 1px #e8e8e8;
}
#content 
{position:relative;width:555px;
margin:0px 5px 10px 10px;
float:left;
background-color:#FFF;
padding:10px 15px 10px 15px;
font-size:1.5em;
}
#index-content 
{position:relative;width:409px;
margin:0px 5px 10px 10px;
float:left;
background-color:#FFF;
padding:10px 15px 10px 15px;
font-size:1.5em;
}
#event {width:210px;
float:left;
margin:20px 0px 5px 0px;
font-size:1em; 
}
#event-bg {margin:3px 0 0 0; padding:4px; background-color:#F7FBFA;border: 1px solid #ccc;}
#event-bg b {font-size:1.5em}
#event p, #event table {font-size:1.6em;}
#right-box {
width:144px;
float:left;
margin:20px 10px 15px 10px;
}
#right-box a {width:144px; margin:1px 0; display:block;}
a.utm {height:36px; background: url("img/utm.jpg") 0 0 no-repeat;}
a:hover.utm {background-position: -144px 0;}
a.uoft {height:27px; background: url("img/uoft.jpg") 0 0 no-repeat;}
a:hover.uoft {background-position: -144px 0;}
a.rotman {height:34px; background: url("img/rotm.jpg") 0 0 no-repeat;}
a:hover.rotman {background-position: -144px 0;}
a.artsci {height:20px; background: url("img/ans.jpg") 0 0 no-repeat;}
a:hover.artsci {background-position: -144px 0;}
a.myutor {height:17px; background: url("img/myut.jpg") 0 0 no-repeat;}
a:hover.myutor {background-position: -144px 0;}
a.alumni {height:51px; background: url("img/alum.jpg") 0 0 no-repeat;}
a:hover.alumni {background-position: -144px 0;}
a.hazel {height:42px; background: url("img/hazl.jpg") 0 0 no-repeat;}
a:hover.hazel {background-position: -144px 0;}
a.eco {height:33px; background: url("img/eco.jpg") 0 0 no-repeat;}
a:hover.eco {background-position: -144px 0;}
a.mng {height:33px; background: url("img/mng.jpg") 0 0 no-repeat;}
a:hover.mng {background-position: -144px 0;}
.blue {color:#2FA4FF; font-weight:bold; width:40px;}
#sponsorlink {background-color:#666666; color:#CCC; position:relative; left:-10px; top:10px; width:100%; text-align:center; font-size:1.5em;}
#sponsorlink:hover {background-color:#2fa4ff; color:#fff;}
#sponsor
{width:125px;
float:left;margin:5px 10px; display:none;}
#sponsor a {float:left; margin:10px; border:0 display: block;  text-decoration: none;}
a.td {width: 63px; height: 55px; background: url("img/td.gif") 0 0 no-repeat;}
a:hover.td {background-position: -63px 0;}
a.rbc {width: 43px; height: 55px; background: url("img/rbc.gif") 0 0 no-repeat;}
a:hover.rbc {background-position: -43px 0;}
a.bmo {width: 55px; height: 55px; background: url("img/bmo.gif") 0 0 no-repeat;}
a:hover.bmo {background-position: -55px 0;}
a.spon {width:75px; height:75px; background: url("img/spon.jpg") 0 0 no-repeat;}
a:hover.spon {background-position: -75px 0;}
#search {position:relative; background-color:#f5f5f5; border:solid 1px #ccc; float:left; padding:10px; margin:13px 0 0 0; font-size:1.2em;}
#searchform {margin:0}
#button {position:relative; float:left; background-color:#2FA4FF;border:1px solid #666; color:#fff; font-weight:bold;}
#right-box h3, #sponsor h3, #event h3 {margin:0; padding:0; border:solid 1px #D6E4E4; background-color:#FFF;}
.right {background-color:#E9F6F3; color:#000; font-size:1em; padding:0 5px;}
.event {margin:10px 0 0 0; border-top:1px solid #ccc}
.event img {float:left; margin:10px 0 10px 0;}
.event table {margin:0; width:160px; float:left;}
.event p {margin:10px 0 0 160px;}
.event br {clear:both;}
.r-bg {margin:5px 0 0 0; padding:0px;background-color:#D6E4E4;float:left; width:125px;}
#right-box img {margin:1px 0; border:0;}
.top {font-size:1.2em; color:#13246D;}
.exec {margin:10px 0; float:left; width:540px;}
.exec p {float:right; width:413px; margin:5px 0 5px 0;}
.exec h4{margin:0px}
.exec img {float:left; width:115px; height:115px; margin:0px 5px; border:1px solid #666;}
* html #menu a {
  display:inline-block;    /* for IE only */ 
  margin:0 -2px;           /* to correct an IE bug that doubles the border width */  
  }
* html #menu {
  display:inline-block;    /* for IE only */
  width:1px;               /* IE will expand 1px width to fit menu width */
  padding:0 2px;           /* fix bug in IE to get border spacing correct */
  }  
* html #menu li {
  display:inline;          /* for IE only */
  }
#sitemap {margin:auto; text-align:center; width:600px; font-size:1.2em;}
#sitemap li {display:inline; padding:0 5px; border-right:1px solid #666;}
#sitemap a {color:#000;}
#linkmap {margin: 5px auto 10px auto; text-align:center; width:600px;font-size:1.2em;}
#linkmap li {display:inline; padding:0 5px; border-right:1px solid #666;}
#linkmap a {color:#000;}
.endborder {border:1px solid #CCC; border-bottom:0; height:1px;}
#footer {color:#395f83; text-align:center; font-size:1.5em; font-weight:bold; padding:5px 0px 1px 0;}
#bannerimg {float:left;}
.element {float:left;}
.toggler {float:left;}
hr {border-top:1px solid #ccc; border-bottom:0; border-left:0; border-right:0;}
#oldnews {color:#666;}
.yellow {background-color:#FFFF66;}

a.vote{height:48px; background: url("img/vote1.png") 0 0 no-repeat; width:160px; display:block; margin:auto;}
a:hover.vote {background-position: -160px 0;}
a.elect{height:48px; background: url("img/elections1.png") 0 0 no-repeat; width:160px; display:block; margin:auto;}
a:hover.elect {background-position: -160px 0;}