body {margin:0;color:#007751;background-color:#D3FEE1;font:small Arial, Helvetica, sans-serif;}
h1 {font-size:150%}
h2 {font-size:130%}
h3 {font-size:120%}

a {color: #CC0000;font-weight:bold;}
a:hover {color:#FFFFFF;background-color:#007751;}
#StaffTable {border-collapse:collapse}
#StaffTable tbody tr.even td {background-color:#eee;}
#StaffTable tbody tr.odd  td {background-color:#fff;}
#wrapper {text-align: left;width: 580px;margin-top: 50px;margin-right:auto;margin-bottom:0px;margin-left:auto;position:relative;background-color:#BBFFBB;padding:10px 10px 10px 10px;}
#content {}
.PageTitle {color:#336666;font:24px Arial, Helvetica, sans-serif;font-style:normal;font-variant:normal;text-decoration:none;width:100%;text-shadow:1px 1px 2px grey, 0 0 1em grey, 0.2em 0.2em 0.2em grey;}
.popup {background:#FFFFCC;border:1px solid #333;padding:1px;background-color:#FFFFCC;}
.popup-header {height:24px;padding:7px;background:url("http://www.schoolqc.ca/graphics/bgr_popup_header.jpg") repeat-x;}
.popup-header h2 {margin:0;padding:0;font-size:130%;float:left;}
.popup-header .close-link {float:right;font-size:90%;}
.popup-body {padding:5px;color:#333366; text-align:left}
.menubox {border:1px solid #CCC;padding:5px;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;background-color:#FFFFF0;width:700px;}
.adminmenubox {border:1px solid #CCC;padding:5px;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;background-color:#FFFF00;width:700px;}
.roundcorners {border:1px solid #CCC;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;}
.expandbox {border:1px solid #CCC;padding:0;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;background-color:#FFFFF0;width:200px;}
.copyright, .copyright a {font-size:90%;height:20px;color:#00A;}
.copyright a:hover {color:#F00; background-color:#FF0}
.eventList {font-size:90%}.eventList ul, .eventList li {padding: 0;margin-left: -30px;list-style-image:none;list-style:none;list-style-type:none;}
#d_language, #d_language a {text-align:center; height:20px}
textarea{resize:vertical}
#content{overflow:hidden;}
.image, .image a {margin:0;padding:0}
.c_marquee {width:98%; height:24px; font-size:150%; padding:0 3px 0 3px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;border:1px solid #CCC;margin:5px 2px }
.filemodified {clear:both;text-align:left; margin-top:0;font-size:70%;}
.id{font-size:8px; font-weight:100}
.mobile_event_detail{margin:0 0 0 5px; font-style:italic}
.staff_event_detail{margin:0 0 0 5px; font-style:italic; cursor:pointer}