/*------- general layout */
body {margin: 0; padding: 0; width: 100%; background: url(http://www.bramalea.org/img/body-img-bk.png) repeat-x;}

h1 {font: bold 150% Arial, Helvetica, sans-serif; text-transform: uppercase; color: #4F6684;}
h2 {font: normal 120% Arial, Helvetica, sans-serif; text-transform: uppercase; color: #4F6684;}

/*  hr {margin: 0; width: 100%; border: 0; background-color: #999; height: 0.06em; size: 0.06em; } */
hr {color: #777; background-color: #777; height: 1px; border: none; margin: 40px 0 20px 0;}
img {border: 0;}
label {width: 160px; text-align: right;}

#errorDisplay {margin: 0 0 1em 0; padding: 0.1em; border: 1px solid #BB0000; background-color: #FFE813; display: none; }
#errorDisplay ul {margin: 0; padding: 0 0 0 2em; list-style-type: square;}
.quote {margin: 1em 0 1em 1em; padding: 0 0 0 1em; width: 43em; border-left: thin solid orange; font: italic 110%/180% Georgia, "Times New Roman", Times, serif; color: #444;}
#wrapper {margin: 0 auto; padding: 0; width: 50.125em;}

.comment {font: italic 100%/120% Verdana, Arial, Helvetica, sans-serif; color: #666;}
.normal {font: normal 90% Verdana, Arial, Helvetica, sans-serif;}
.title {font-weight: bold; text-transform: uppercase;}
.red {color: #990000;}

/*------- navigation */
#navigation {margin: 0; padding: 0; float: left; width: 50em; height: 1.88em;}

#menu {margin: 0; padding: 0; float: left; width: 60%; height: 1.88em;}

ul#navmenu {margin: 0; border: 0; padding: 0; width: 20em; /*For KHTML*/ list-style: none;}

ul#navmenu li {margin: 0; border: 0; padding: 0; float: left; /*For Gecko*/ display: inline; list-style: none; position: relative; height: 1.80em;}

ul#navmenu ul {margin: 0; border: 0; padding: 0; width: 10em; list-style: none; display: none; position: absolute; top: 1.88em; left: 0;}

ul#navmenu ul:after /*From IE 7 lack of compliance*/ {clear: both; display: block; font: 1px/0px serif; content: "."; height: 0; visibility: hidden;}

ul#navmenu ul li {width: 10em; float: left; /*For IE 7 lack of compliance*/ display: block !important; display: inline; /*For IE*/}

ul#navmenu a {border: 0; padding: 0; float: none !important; /*For Opera*/ float: left; /*For IE*/ display: block; background: none; color: #666; font: normal 80%/235% Arial, Helvetica, sans-serif; text-decoration: none; height: auto !important; height: 1%; /*For IE*/}

ul#navmenu a:hover, ul#navmenu li:hover a, ul#navmenu li.iehover a {margin: 0; padding: 0; background: none;}

ul#navmenu li:hover li a, ul#navmenu li.iehover li a {float: none; padding: 0 1em; background: #90A8BC; color: #FFF;}

ul#navmenu li:hover li a:hover, ul#navmenu li:hover li:hover a, ul#navmenu li.iehover li a:hover, ul#navmenu li.iehover li.iehover a {padding: 0 1em; background: #C6D3DE; color: #6F889D;}

ul#navmenu li:hover li:hover li a, ul#navmenu li.iehover li.iehover li a {margin: 0; background: #CAD7E1; color: #6F889D; border: 0;}

ul#navmenu li:hover li:hover li a:hover, ul#navmenu li:hover li:hover li:hover a, ul#navmenu li.iehover li.iehover li a:hover, ul#navmenu li.iehover li.iehover li.iehover a {background: #DEE7EF; color: #6F889D; border:0; margin:0;}

ul#navmenu li:hover li:hover li:hover li a, ul#navmenu li.iehover li.iehover li.iehover li a {background: #DEE7EF; color: #6F889D;}

ul#navmenu li:hover li:hover li:hover li a:hover, ul#navmenu li.iehover li.iehover li.iehover li a:hover {background: #C6D3DE; color: #6F889D;}
ul#navmenu ul ul, ul#navmenu ul ul ul {display: none; position: absolute; top: 0; left: 10em;}

ul#navmenu li:hover li:hover li:hover li:hover li a, ul#navmenu li.iehover li.iehover li.iehover li.iehover li a {background: #DEE7EF; color: #6F889D;}

ul#navmenu li:hover li:hover li:hover li:hover li a:hover, ul#navmenu li.iehover li.iehover li.iehover li.iehover li a:hover {background: #C6D3DE; color: #6F889D;}
ul#navmenu ul ul, ul#navmenu ul ul ul {display: none; position: absolute; top: 0; left: 10em;}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu li:hover ul ul, ul#navmenu li:hover ul ul ul, ul#navmenu li:hover ul ul ul ul, ul#navmenu li.iehover ul ul, ul#navmenu li.iehover ul ul ul {display: none;}

ul#navmenu li:hover ul, ul#navmenu ul li:hover ul, ul#navmenu ul ul li:hover ul, ul#navmenu ul ul ul li:hover ul, ul#navmenu li.iehover ul, ul#navmenu ul li.iehover ul, ul#navmenu ul ul li.iehover ul {display: block;}

#nav-logo {margin: 0; padding: 0; float: left; width: 40%; height: 1.88em;}

#photo {clear: both; padding: 0; margin: 0 auto; width: 50em; height: 9.38em; color: #FFF;}


/*------- content */
#wrapper-content {margin: 0; clear: both; float: left; padding: 0; width: 100%; background: #E0E4E4 url(content-bk-colour.png) repeat;}

.content {margin: 0 auto; width: 50em;}

.content-main {margin: 0; padding: 0 0 0.31em 0.63em; float: left; width: 73%; font: normal 73%/175% Verdana, Arial, Helvetica, sans-serif; color: #333333; text-align: left;}
.content-main p {padding: 0 0 0.75em 0;}
.content-main a:link, .content-main a:visited {text-decoration: none; color: #000099;}
.content-main a:hover {text-decoration: none; color: #0033FF;}

.event-date {margin: 0 0 2em 0; padding: 0; width: 20%; float: left; clear: left; font-weight: bold; line-height: 12px;}
.event-short-desc {margin: 0 0 2em 0; padding: 0.5% 0 0 1%; width: 79%; float: left;}
.event-short-desc ul {margin: 0; padding: 0; width: 75%; list-style: none;}
.event-short-desc ul li {margin: 0; padding: 0; line-height: 1.25em; font: normal 90% Verdana, Arial, Helvetica, sans-serif;}

.bio-box {margin: 0 0 1em 0; padding: 0 0 0.5em 0; float: left; clear: both; width: 48em; border-bottom: solid thin #CCCCCC;}
.bio-box-last {margin: 0 0 1em 0; padding: 0 0 0.5em 0; float: left; clear: both; width: 48em;}
.bio-photo {margin: 0; padding: 1.5em 0 0 0; float: left; width: 10em; }
.bio-text {margin: 0; padding: 0; float: left; width: 38em}

/*------- forms */
form h2 {
	margin-top: 30px;
	clear: both
}

.required {
	margin: 0;
	padding: 0;
	width: 5px;
	float: left;
	text-align: left;
	font: normal 14px Arial, Helvetica, sans-serif;
	color: #FF0000;
}
.form1 {
	margin: 0;
	padding: 0;
	width: 100%;
	float: left;
	clear: left;
}
.form2a {
	margin: 0;
	padding: 3px 5px 0 0;
	width: 125px;
	float: left;
	clear: left;
	text-align: right;
	font: normal 13px Arial, Helvetica, sans-serif;
	color: #333;
}
.form2b {
	margin: 0;
	padding: 0;
	float: left;
	clear: right;
	width: 420px;
	text-align: left;
	font: normal 13px Arial, Helvetica, sans-serif;
	color: #333;
}

/*------- BBC Classes list */
.col2-list {
	display:inline;
	list-style:none;
	width:575px;
	float: left;
	clear: both;
	margin: 20px 0px 0px 0px;
	padding: 0px;
}
.col2-list-left {
	width: 280px;
	float: left;
	clear: left;
	margin-bottom: 20px;
}

.col2-list-right {
	width: 280px;
	float: left;
	margin: 0px 0px 30px 15px;
}

/*------- sidebar */
.content-sidebar {float: right; margin: 0 0 15px 5px; padding: 10px 5px 20px 5px; width: 20%; border-left: thin dotted #999; font: normal 75%/120% Arial, Helvetica, sans-serif; text-align: left; color: #4f6684;}
.content-sidebar img {margin: 0 5px 0 0; padding: 0;}
.content-sidebar hr {margin: 0; width: 160px; border: 0; border-bottom: thin dotted #6f889d;}
.content-sidebar ul {margin: 0 0 15px 0; padding: 0; list-style: none;}
.content-sidebar ul ul {margin: 0 0 0 15px; padding: 0;}
.content-sidebar li a:link, .content-sidebar li a:visited {margin: 2px 0; padding: 1px 5px 3px 5px; color: #4f6684; display: block; text-decoration: none; height: 1em;}
/* display: block gives the huge leading in the li - http://www.hicksdesign.co.uk/journal/ie-whitespace-bug */
.content-sidebar li a:hover {color: #FFF; background-color: #4f6684; text-decoration: none;}

#register {margin: 5px 0px; padding: 7px; border: #000000 thin dotted; background: #FFFF66; width: 560px; height: 50px; font: italic 14px/16px Georgia, "Times New Roman", Times, serif; color: #000033;}
#register-text {margin: 0px; padding: 0px; float: left; width: 360px; text-align: center;}
#register-text h1 {margin: 0; font: 21px Georgia, "Times New Roman", Times, serif; color: #000033;}
#register-download {margin: 0px; padding: 4px 0px 0px 0px; float: right; width: 200px;}

#register-full {margin: 5px 0px; padding: 7px; border: #000000 thin dotted; background: #FFFF66; width: 560px; height: 100px; font: italic 14px/16px Georgia, "Times New Roman", Times, serif; color: #000033;}
#register-text-full {margin: 0px; padding: 0px; float: left; width: 560px; text-align: center;}
#register-text-full h1 {margin: 0; font: 24px Georgia, "Times New Roman", Times, serif; color: #000033;}

#summer-staff {margin: 5px 0px; padding: 7px; border: #000000 thin dotted; background: #CCC; width: 560px; height: 50px; font: italic 14px/16px Georgia, "Times New Roman", Times, serif; color: #000033;}
#summer-staff-text {margin: 0px; padding: 0px; float: left; width: 360px; text-align: center;}
#summer-staff-text h1 {margin: 0; padding-top: 15px; font: italic 18px Georgia, "Times New Roman", Times, serif; color: #000033;}
#summer-staff-download {margin: 0px; padding: 4px 0px 0px 0px; float: right; width: 200px;}

/*------- footer */
#wrapper-footer {margin: 0; padding: 0; clear: both; width: 100%; background-color: #FFF;}
.footer {margin: 0 auto; padding: 10px 0 0 0; clear: both; width: 800px; height: 80px; font: normal 70% Verdana, Arial, Helvetica, sans-serif; color: #666; text-align: left;}
.footer-links {margin: 0; padding: 0 0 20px 0; float: left; width: 570px;}
.footer-links a:link, .footer-links a:visited {padding: 0 15px 0 0; font: normal 110% Arial, Helvetica, sans-serif; color: #000099; text-decoration: none;}
.footer-links a:hover {padding: 0 15px 0 0; text-decoration: none; color: #0033FF;}
.footer-address {margin: 0; padding: 0 0 0 20px; float: right; width: 177px;}