@charset "utf-8";
/* CSS Document */

/* GLOBAL STYLES */
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF
}
img { border: 0px; vertical-align: bottom }
a { border: 0px }
a:link { text-decoration: underline }
h1 {
	font-size: 24px;
	color: #000066;
	margin: 0px;
	font-weight: normal;
	text-align: left;
}
h2 {
	font-size: 24px;
	color: #000066;
	margin: 0px;
	font-weight: normal;
	text-align: left;
}
h3 {
	font-size: 20px;
	color: #000066;
	margin: 0px;
	font-weight: normal;
	text-align: left;
}
strong { font-size: 14px; color: #000099 }

/* LAYOUT STYLES */
.clearRule { clear: both; width: 0px; height: 0px; margin: 0px; padding: 0px }
#mainContainer {
	margin: 15px auto;
	width: 700px;
	color: #000
}
#logo { height: 125px; }
#navigation {
	padding: 5px 28px;
	background-color: #CCCC00;
	float: left;
}
#contentContainer {
	background-color: #FFF;
	width: 700px;
	height: auto
}
#pageImage {
	float: left;
	width: 190px;
	padding: 10px 5px;
}
#mainContent {
	float: left;
	width: 480px;
	padding: 10px 10px;
	text-align: left;
}
#subContainer1 {
	background: url(../oaembg.jpg) repeat-y left;
	width: 700px;
	height: auto
}
#subContainer2 {
	background: url(../oaembg2.jpg) repeat-y left;
	width: 700px;
	height: auto
}
#subContentA {
	float: left;
	width: 190px;
	padding: 10px 5px;
}
#subContentB {
	float: left;
	width: 480px;
	padding: 10px 10px;
}
#memberLogin {
	float: left;
	width: 180px;
	padding: 10px 10px;
}
#subContentC {
	float: left;
	width: 200px;
	margin: 0px;
	padding: 10px 0px;
	color: #000000;
	text-align: center;
	font-size: 16px;
	text-decoration: none;
}
#subContentC strong { padding: 5px; font-size: 16px; text-align: center; display: block }
#subContentC a:hover { text-decoration:underline }
#sponsors {
	border:  2px solid #336699;
	background-color: #FFFFFF;
	margin: 10px 0px;
}
#sponsors a { border: 0px }
#sponsors p {
	color: #000066;
	font-size: 14px;
	font-weight: bold;
	margin: 0px;
	padding: 5px 0px;
}
#subContentD {
	float: left;
	width: 290px;
	padding: 10px 5px;
	text-align: center;
}
.footer {
	float: left;
	width: 700px;
	background-color: #92B1C6;
	list-style: none;
	padding: 10px 0px;
	margin: 0px;
	font-size: 16px;
	color: #FFF;
	text-transform: uppercase;
	text-align: center;
}
.footer li {
	display: inline;
	padding: 0px;
	margin: 0px;
}
.footer a { font-size: 12px }
.footer a:link { color: #000099; text-decoration: none }
.footer a:visited { color: #000099; text-decoration: none }
.footer a:hover { color: #000099; text-decoration: underline }
.footer a:active { color: #000099; text-decoration: underline }
#lastFooter { border: 0px none #000; padding-right: 0px; }

/* MAIN CONTENT STYLES */
#mainContent ul { color: #000099 }
.linkList {
	list-style: none;
	padding-left: 10px;
	font-weight: bold;
}
.linkList li { padding-bottom: 5px }
.linkList a { color: #000099 }
#subContentA a { color: #CC9900 }
#subContentA h4 {
	font-size: 14px;
	font-weight: bold;
	color: #CC9900;
	margin: 0px;
	padding: 0px 5px;

}
#subContentA p {
	margin: 3px 10px 5px 10px;
}
#subContentA ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#subContentA ul li {
	margin: 3px 10px 5px 10px;
}
#subContentA ul li ul {
	list-style: none;
	color: #CC9900;
	font-size: 14px;
	font-weight: bold;
	padding-left: 10px;
	margin-top: 5px;
	margin-bottom: 10px;
}
#subContent ul li ul li { margin-bottom: 10px }
#subContentB ol li { margin-bottom: 5px }
#subContentB h5 {
	font-size: 14px;
	font-weight: bold;
	color: #000099;
	padding: 0px 5px;
	margin: 0px;
}
#subContentB p {
	margin: 5px 15px;
}
#subContentB dl { margin: 0px }
#subContentB dt {
	font-size: 14px;
	font-weight: bold;
	color: #000099;
	padding: 0px 5px;
}
#subContentB dd { margin: 5px 15px }
#memberLogin p { margin-top: 0px; margin-bottom: 5px; font-size: 10px }
#memLogin { margin: 10px 10px }
#memLogin fieldset { margin: 0px; padding: 0px; border: 0px }
#memLogin legend { display: none }
#memLogin #username, #password { margin-bottom: 5px; width: 140px }
#studentAssoc {
	list-style: none;
	color: #CC9900;
	font-size: 14px;
	font-weight: bold;
	padding-left: 10px;
	margin-top: 10px
}
#studentAssoc li { margin-bottom: 10px }
#appForm { color: #000099; font-size: 14px; font-weight: bold }
#eventsTable { width: 480px }
#eventsTable table { border-collapse: collapse; color:#000 }
#eventsTable th { color: #000099; border-bottom: 2px solid #000099; cursor:pointer }
#eventsTable th:hover { background-color: #e2f4fe }
#eventsTable td { font-size: 10px; text-align: left; padding: 2px 5px; cursor:pointer }
#eventsTable .date { width: 70px }
.eventSponsored { background-color: #d3e3ed }
.eventWorkshop { background-color: #f5c73c }
.eventForeign { background-color: #fffcd6 }
.eventOntario { background-color: #fbd6e6 }
#eventsTable tbody tr:hover { text-decoration: underline }
#hiddenSpry dl {
	width: 600px;
	border: 2px solid #000099;
	background-color: #CCC;
	padding-top: 10px;
	padding-bottom: 5px
}
#hiddenSpry dt {
	float:left;
	clear:left;
	width: 90px;
	text-align: right;
	color: #000099;
	font-weight: bold
}
#hiddenSpry dd {
	margin: 0px 0px 0px 100px;
	padding: 0px 20px 5px 0px;
	min-height: 1em;
}
#eventReady {
	text-align: center;
	border: 1px solid #000099;
	padding: 2px;
	margin: 0px;
	background-color: #CCC
}
#quickSwitch { 
	position: relative;
	width: 480px;
	margin-top: 5px;
	margin-bottom: 10px;
	z-index: 2;
	height: auto
}
#eventContent {
	position: absolute;
	left: -160px;
	top: -20px;
}
.quickSwitchA #eventContent { display: none }
.quickSwitchA #closeContent { display: none }
#closeContent {
	position: absolute;
	right: 48px;
	top: -10px;
	color: #000099;
	border: 1px solid #CC9900;
	font-weight: bold;
	background-color: #FFF;
	cursor: pointer;
	padding: 2px 5px
}
#closeContent:active { background-color: #e2f4fe }
.address {
	margin: 10px;
	font-size: 90%
}
#subContentB #memberCat { margin-top: 10px }
#subContentB #feesNote { color: #900 }
#boardTable { margin-top: 20px }
#boardTable caption {
	font-size: 20px;
	text-align: left;
	color: #000066
}
#boardTable td {
	width: 156px;
	background-color: #E2F4FE
}
#boardTable .title, .name { color: #000099; font-weight: bold }
#committeeTable { margin-top: 20px }
#committeeTable caption {
	font-size: 20px;
	text-align: left;
	color: #000066
}
#committeeTable td { background-color: #E2F4FE; vertical-align: top }
#committeeTable .contact { width: 120px }
#committeeTable .description { width: 335px; text-align: justify }
#committeeTable h4 {
	margin: 0px;
	padding: 0px;
}
#committeeTable ul {
	list-style:none;
	margin:0px;
	padding:0px;
}
#committeeTable li {
	padding: 5px 0px;
	margin: 0px;
}
#committeeTable dl {
	margin: 0px;
	padding: 0px;
}
#committeeTable dt { font-weight: bold }
#committeeTable dd {
	margin: 0px;
	padding: 5px 0px
}
#pageImage #address {
	margin-top: 10px
}
#pageImage #address dd {
	margin: 0px;
	padding: 5px 0px;
}
#underCon {
	text-align: right;
	background-color: #E2F4FE;
	width: 700px;
	height: auto
}
#userLogin {
	width: 700px;
	height: auto;
	text-align: center
}
#dlHome strong { font-size: 150% }
#dlHome dt { margin-top: 30px }
#dlHome dd { font-size: 150% }
#groupImage {
	display: block;
	text-align:center;
	margin: 10px auto
}
#members li {
	color: #000
}
#emailBtn {
	text-align: center;
	margin-top: 5px;
	margin-left: -20px;
}