/*
Colour Palette:
Beige/Green: #98a384;
Dark Beige: #2e302a;
Red: #eb2a2d;
Light Blue: #e8efff;
Blue: #2d2c68;
Yellow: #fdb725;
*/
@charset "UTF-8";
@font-face {
font-family:'Communist Serif';
src: url(http://blomha.on.ca/themes/Blomha2010/'fonts/Communist_se.ttf') format('truetype');
}
@font-face {
font-family:'Communist Italic';
src: url(http://blomha.on.ca/themes/Blomha2010/'fonts/Communist_it.ttf') format('truetype');
}
@font-face {
font-family:'Communist Bold';
src: url(http://blomha.on.ca/themes/Blomha2010/'fonts/Communist_bo.ttf') format('truetype');
}
@font-face {
font-family:'Communist Sans';
src: url(http://blomha.on.ca/themes/Blomha2010/'fonts/Communist_sa.ttf') format('truetype');
}
body, h1, h2, h3, h4, h5, h6, blockquote, p, form, li, ul{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}
a img {
	border:0;
}
a:visited {
	font-style:italic
}
a:focus { outline: none; }
.clearboth {
	clear: both;
	height:0px;
}
body {
	background-color:#e8efff;
	background-image:url(http://blomha.on.ca/themes/Blomha2010/images/layout/icebg.gif);
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
#menubar {
	background-color:#98a384;
	background-image:url(http://blomha.on.ca/themes/Blomha2010/images/layout/border_darklight_horiz.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	height:42px;
	font-family:"Communist Serif", "Trebuchet MS", Arial, Helvetica, sans-serif;;
	font-size:12px;
	text-shadow:-1px 1px 1px #e8efff;
}
#menubar ul {
	width:820px;
	margin:0 auto;
	height:40px;
	background-image:url(http://blomha.on.ca/themes/Blomha2010/images/layout/border_lightdark_vert.gif);
	background-repeat:repeat-y;
	background-position:left;
	padding-left:2px;
	z-index:3;
	position:relative;
}
#menubar ul li {
	display:inline;
}
#menubar ul li a {
	display:inline-block;
	height:42px;
	vertical-align:top;
	background-color:#98a384;
	background-image:url(http://blomha.on.ca/themes/Blomha2010/images/layout/border_darklight_horiz.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	text-decoration:none;
	text-transform:uppercase;
	color:#2e302a;
	line-height:40px;
	text-align:center;
}
#menubar ul li div {
	background-image:url(http://blomha.on.ca/themes/Blomha2010/images/layout/border_lightdark_vert.gif);
	background-repeat:repeat-y;
	background-position:right;
}
#menubar .b {
	height:30px;
	padding-top:10px;
	line-height:20px;
}
#menubar ul li div div {
	background-image:none;
}
#menubar ul li img {
	margin:0 20px;
}
#menubar ul li div div img {
	margin:0;
}
#menubar ul li a.yellow:hover {
	border-top:solid 2px #fdb725;
}
#menubar ul li a.red:hover {
	border-top:solid 2px #eb2a2d;
}
#menubar ul li a.blue:hover {
	border-top:solid 2px #2d2c68;
}
#menubar ul li a.darkbeige:hover {
	border-top:solid 6px #2e302a;
}
#thewrapper {
	width:813px;
	margin:0 auto;	
}
#wrapper {
	border-left:solid 1px #2e302a;
	border-right:solid 1px #2e302a;
	background-color:#e8efff;
}
div.headerimage {
	height:267px;
	position:relative;
	left:-23px;
}
div.headerimage img.blomhabadgehl {
	position:absolute;
	right:-65px;
}
div.headerimage img.blomhabadgebd {
	position:absolute;
	left:0;
	top:30px;
}
img.headerimage {
	position:absolute;
}
#sidebar {
	padding:0 30px 0 10px;
	width:25%;
	float:left;
	background-image:url(http://blomha.on.ca/themes/Blomha2010/images/layout/sidebarshadow.gif);
	background-repeat:no-repeat;
	background-position:right top;
	min-height:994px;
}
#sidebar ul {
	border-left:solid 1px #2e302a;
	border-right:solid 1px #2e302a;
	padding:0 5px;
	background-color:#98a384;
	list-style:none;
}
#sidebar ul li {
	margin:0;
	padding:0;
	border:solid 1px #98a384;
}
#sidebar ul li a {
	display:block;
	color:#2e302a;
	text-decoration:none;
	background-image:url(http://blomha.on.ca/themes/Blomha2010/images/layout/border_darklight_horiz.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	padding:8px 30px 8px 20px;
	font-family:"Communist Serif", "Trebuchet MS", Arial, Helvetica, sans-serif;;
	font-size:12px;
	text-shadow:-1px 1px 1px #e8efff;
	text-transform:uppercase;
}
#sidebar ul li a:hover {
	color:#4c4e48;
}
#sidebar ul li.nav-selected {
	background-image:url(http://blomha.on.ca/themes/Blomha2010/images/layout/rightarrow.gif);
	background-repeat:no-repeat;
	background-position:20px center;
}
#sidebar ul li.star {
	background-image:url(http://blomha.on.ca/themes/Blomha2010/images/layout/star.gif);
	background-repeat:no-repeat;
	background-position:160px center;
}
#sidebar ul li.external {
	background-image:url(http://blomha.on.ca/themes/Blomha2010/images/layout/external-link.gif);
	background-repeat:no-repeat;
	background-position:160px center;
}
#sidebar ul li.nav-selected a {
	padding-left:35px;
}
#sidebar ul li.last a {
	background-image:none;
}
#sidebar img.bottom {
	margin-top:0;
	margin-bottom:15px;
}
#sidebar h2 {
	margin-left:-6px;
	margin-right:-10px;
	border-right:solid 1px #e8efff;
	height:49px;
	width:201px;
}
#sidebar h2.blomha {
	background-image:url(http://blomha.on.ca/themes/Blomha2010/images/layout/blomhasidebarheader.gif);
}
#sidebar h2.houseleague {
	background-image:url(http://blomha.on.ca/themes/Blomha2010/images/layout/houseleaguesidebarheader.gif);
}
#sidebar h2.rep {
	background-image:url(http://blomha.on.ca/themes/Blomha2010/images/layout/repsidebarheader.gif);
}
#footer {
	margin-top:50px;
	padding-top:50px;
	clear:both;
	font-size:12px;
}
#footer .copyright {
	background-image:url(http://blomha.on.ca/themes/Blomha2010/images/layout/copyright.gif);
	background-repeat:no-repeat;
	width:120px;
	height:40px;
	padding-top:8px;
	padding-left:50px;
	margin:0 auto;
}
#footer ul {
	text-align:center;
	padding-bottom:10px;
	list-style:none;
}
#footer ul li {
	display:inline;
	margin:0 20px;
	line-height:22px;
}
#footer ul li a {
	color:#2e302a;
	display:inline-block;
}
#footer ul.affiliates {
	text-align:center;
	padding-bottom:20px;
}
#footer ul.affiliates li {
	display:inline;
	margin:0 20px;
	line-height:22px;
}
#footer ul li a:hover {
	color:#eb2a2d;
}
#menubar ul li a:active, #sidebar ul li a:active {
	text-shadow:-1px 1px 1px #2e302a;
	color:#e8efff;
}
#sponsors {
	position:absolute;
	right:0;
	top:0;
	height:42px;
}
.sponsorspulldown {
	display:none;
	position:absolute;
	top:0;
	right:0;
	background-color:#2e302a;
	color:#e8efff;
	text-shadow:none;
}
.sponsorspulldown div {
	float:left;
	width:33%;
	height:90px;
	overflow:hidden;
	padding:5px 0;
	text-align:center;
}
.sponsorspulldown div img {
	padding:0 0 5px;
}
#content {
	padding-top:0px;
	padding-left:242px;
	padding-right:15px;
	color:#2e302a;
	clear:right;
	width:550px;
}
h1.titleimage {
	background-position:center;
	background-repeat:no-repeat;
	position:relative;
	height:303px;
	margin-bottom:20px;
}
h1.titleimage span {
	display:block;
	position:absolute;
	bottom:25px;
	right:25px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: #2e302a;
	background: rgba(46, 48, 42, 0.9);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2e302a', endColorstr='#000000'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(46, 48, 42, 0.9)), to(rgba(0, 0, 0, 0.9))); /* for webkit browsers */
	background: -moz-linear-gradient(top,  rgba(46, 48, 42, 0.9),  rgba(0, 0, 0, 0.9)); /* for firefox 3.6+ */
	color:#e8efff;
	font-size:24px;
	padding:5px 15px;
	text-align:right;
	border:solid 1px #e8efff;
}
.content {
	line-height:1.5em;
}
#content img {
	max-width: 100%;
}
.content .shadowed {
	padding:1px !important;
	border:solid 1px #b2b8c4 !important;
	margin:10px !important;
}
#content .content p {
	margin:5px 50px 15px;
	font-size:smaller;
}
#content .content table p, #content .content table h1, #content .content table h2, #content .content table h3, #content .content table h4 {
	margin:0;
}
.content table ul {
	margin-left:0;
	margin-right:0;
}
#sidebar .content p {
	margin:5px 15px 15px;
	font-size:smaller;
}
.content h2, .content h1 {
	font-family: 'Communist Serif', "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin:15px 10px 10px;
}
.content h3 {
	font-family: 'Communist Serif', "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin:10px 20px 5px;
}
.content h4 {
	font-family: 'Communist Serif', "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin:5px 25px 0px;
}
.content ul {
	list-style:url(http://blomha.on.ca/themes/Blomha2010/images/layout/bullet.gif);
	margin:5px 10px 15px 70px;
	list-style-position:outside;
	font-size:14px;
}
.content li {
	margin-bottom:5px;
}
.content ol {
	margin:5px 10px 15px 25px;
	list-style-position:inside;
	font-size:14px;
}
.content img {
	margin-bottom:0 !important
}
.content a:link {
	font-family: 'Communist Italic', "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-style:italic;
	color:#2d2c68;
}
.content a:visited {
	font-family: 'Communist Italic', "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-style:italic;
	color:#2d2c68;
}
.content a:active {
	font-family: 'Communist Italic', "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-style:italic;
	color:#eb2a2d;
}
.content a:hover {
	font-family: 'Communist Italic', "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-style:italic;
	color:#2e302a;
}
.subnav {
	margin:0;
	padding:0;
	color:#2e302a;
	clear:right;
	border-radius: 4px 4px 8px 8px;
	background: #e8efff;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e8efff', endColorstr='#f8ffff'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#e8efff), to(#f8ffff)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #e8efff,  #f8ffff); /* for firefox 3.6+ */
	font-family:"Communist Serif", "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	text-shadow:-1px 1px 1px #e8efff;
	float:left;
	border:solid 1px #2e302a;
	margin:15px;
}
.subnav ul {
	list-style:none;
	padding:5px;
	margin:0;
}
.subnav ul li a {
	margin:2px 10px;
	text-decoration:none;
	display:inline-block;
	font-size:14px;
}
.subnav .external {
	background-image: url(http://blomha.on.ca/themes/Blomha2010/images/layout/subnav-external-link.gif);
	background-repeat:no-repeat;
	background-position: 10px center;
	padding-left:12px;
}
.subnav ul li a:link {
	font-family: 'Communist Italic', "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-style:italic;
	color:#2e302a;
}
.subnav ul li a:visited {
	font-family: 'Communist Italic', "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-style:italic;
	color:#2e302a;
}
.subnav ul li a:active {
	font-family: 'Communist Italic', "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-style:italic;
	color:#e8efff;
}
.ccm-remo-expand-title {
	margin:10px 10px 0;
	padding:3px;
	border-radius: 4px 4px 0 0;
	font-family:"Communist Serif", "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-shadow:none;
	color:#e8efff;
	font-weight:bold;
	padding-left:20px;
	font-size:16px;
	border:solid 1px #2e302a;
	display:block;
	width:500px;
	background-position:2px 5px;
	color: #2d2c68 !important;
}
.ccm-remo-expand-content {
	margin:0 10px;
	padding:3px;
	background:#e8efff;
	border-radius: 0 0 8px 8px;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e8efff', endColorstr='#f8ffff'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#e8efff), to(#f8ffff)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #e8efff,  #f8ffff); /* for firefox 3.6+ */
	font-family:"Communist Serif", "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-shadow:-1px 1px 1px #e8efff;
	font-size:16px;
	border-left:solid 1px #2e302a;
	border-right:solid 1px #2e302a;
	border-bottom:solid 1px #2e302a;
	display:block;
	width:517px;
}
.ccm-gallery-wrap, .ccm-gallery-wrap table {
	border:0;
}
.document {
	width:180px;
	display:inline-block;
	vertical-align:top;
}
.document a {
	padding: 100px 15px 10px;
	background-repeat:no-repeat;
	background-position:top center;
	font-size:12px;
	text-align:center;
	line-height:1.6em;
	display:block;
	width:150px;
	margin:0 auto;
	text-decoration:none;
}
.document span {
	text-decoration:none;
	display:block;
	font-size:12px;
	text-align:center;
	line-height:1.6em;
	color:#eb2a2d;
}
.pdf a {
	background-image: url(http://blomha.on.ca/themes/Blomha2010/images/documents/pdf.png);
}
.doc a {
	background-image: url(http://blomha.on.ca/themes/Blomha2010/images/documents/doc.png);
}
.xls a {
	background-image: url(http://blomha.on.ca/themes/Blomha2010/images/documents/xls.png);
}
.ppt a {
	background-image: url(http://blomha.on.ca/themes/Blomha2010/images/documents/ppt.png);
}
.document a:hover {
	background-color:#c8cfdf;
	border-radius:25px;
	-moz-border-radius:25px;
	-webkit-border-radius:25px;
}