@charset "utf-8";

/* CSS Style Sheet for screen */

body {
	margin: 0px; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0px;
	font-family: Verdana, Geneva, sans-serif;
	font-size:1em;
	text-align: center; /* centers the container. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	background: transparent url(../images/banners/header_bac.gif);
	background-repeat: repeat-x;
}

div#wrapper {
	margin: 0px auto; /* the auto margins (in conjunction with a width) center the page */
	padding: 0px;
	width: 1310px;
	height: 125px;
}

div#container {
	margin: 0px auto;
	padding: 0px;
	width: 960px;
	clear: both;
	background-color: #FFF;
	text-align: left; /* this overrides the text-align: center on the body element. */
}

div#header {
	margin: 0px;
	background-color: #7BE212;
}

div#sidebar {
	margin: 0px;
	padding: 0px !important;
	width:218px;
	float:left;
	clear:left;
	background: transparent url(../images/banners/sidemenu.jpg);
	background-repeat:no-repeat;
}

div#mainContent {
	margin: 0px;
	padding: 0px 5px 10px 5px;
	width:715px;
	float: right;
	clear: right;
	background: #FFFFFF;
	font-size: 0.9em;
}

div#footer {
	margin: 0px;
	padding: 0px;
	clear: both;
	border-top: 5px solid #360;
	color: #000;
	font-size: 0.8em;
}

/********** div#wrapper **********/

div#topsection {
	margin: 0px;
	width: 960px;
	height: 125px;
	float: left;
	background: transparent url(../images/banners/CampKawartha.jpg);
	background-repeat:no-repeat;
	background-position:left;
}

div#siteID {
	display: none;
}

/********** div#header **********/

/* navigation */

ul#navbar {
	font-size: 0.8em;
}

#navbar, #navbar ul {
	padding: 0;
	margin: 0;
	list-style: none;
	font-family: "arial";
	font-weight: bold;
	background-color: #7BE212;
	z-index:100; /* to keep menu overtop of rotating image */
}

#navbar a {
	display: block;
	width: 8.25em;
	color: #000;
	text-decoration: none;
	text-align: center;
}

#navbar ul a {
	width: 15em;
	text-indent: 5px;
}

#navbar li {
	float: left;
	width: 8.25em; /* width needed or else Opera goes nuts */
	background-color:#7BE212;
}

#navbar li ul { /* second-level lists */
	position: absolute;
	width: 15em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#navbar li ul li { /* second-level lists */
	line-height:2em;
}

#navbar li:hover ul, #navbar li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

#navbar li:hover li a, #navbar li.sfhover li a {
	color: #000;
	text-align: left;
	border-bottom: 1px solid #360;
}

#navbar li li a:hover {
	background-color: #c2ec61;
	text-decoration:none;
}

/* banners */

#abtbanner, #scbanner, #oebanner, #grbanner, #ecbanner, #donatebanner, #cmbanner, #cubanner, #vtbanner, #genbanner {
	margin: 0px !important;
	padding: 0px !important;
	width: 100%;
	height: 150px;
	clear: both;
	background-repeat:no-repeat;
}

#abtbanner { /* About Us Section */
	background-image: url(../images/banners/abtbanner.jpg);
}

#scbanner { /* Summer Camp Section */
	background-image: url(../images/banners/scbanner.jpg);
}

#oebanner { /* Outdoor Education Section */
	background-image: url(../images/banners/oebanner.jpg);
}

#grbanner { /* Rentals Section */
	background-image: url(../images/banners/grbanner.jpg);
}

#ecbanner { /* Environment Centre Section */
	background-image: url(../images/banners/ecbanner.jpg);
}

#donatebanner { /* Donate Section */
	background-image: url(../images/banners/donatebanner.jpg);
}

#cmbanner { /* Community Section */
	background-image: url(../images/banners/cmbanner.jpg);
}

#cubanner { /* Contact Us Section */
	background-image: url(../images/banners/cubanner.jpg);
}

#vtbanner { /* Virtual Tour Section */
	background-image: url(../images/banners/vtbanner.jpg);
}

#genbanner { /* General */
	background-image: url(../images/banners/genbanner.jpg);
}

h1.sectionTitle {
	display: none;
}

/********** div#sidebar **********/

/* submenu */

div#submenu {
	margin: 0px !important;
	padding: 0px;
	min-height:400px;
	float: inherit;
	width: inherit;
}

#submenu ul {
	margin: 0px;
	padding:5px 0px;
	list-style:none;
	background-color: transparent;
}

#submenu ul li {
	padding: 5px 5px;
	font-size:0.8em;
	line-height: 1.5em;
}

#submenu a:link, #submenu a:visited {
	color: #000;
	text-decoration:none;
}

#submenu li:hover {
	color: #000;
	text-decoration:none;
	background-color: #c2ec61
}

#submenu .vtour {
	line-height: .5em;
}

/* googlesearch */

#googlesearch {
	text-align:center;
	padding-bottom: 30px;
}

/* subbuttons */

#subbuttons {
	width: inherit;
	float: inherit;
	text-align:center;
}

#sidebar .donatebutton, #sidebar .sharebutton {
	padding-bottom: 30px;
}

/* SC Accreditations */

#accreditations {
	text-align:center;
}


/********** div#subbanner **********/

#subbanner {
	text-align:right;
	margin:0;
	padding:0;
}

#textsize {
	color: #360;
	font-size: .8em;
}

#textsize a:link, #search a:visited {
	color: #360;
	text-decoration:none;
}

#textsize a:hover {
	color: #360;
	text-decoration:underline;
}

/********** div#mainContent **********/

#mainContent h1 {
	font-size: 2em;
	color: #360;
}

#mainContent h2 {
	font-size: 1.5em;
	color: #009900;
}

#mainContent h3 {
	font-size: 1.25em;
	color: #060;
}

/* Links */

#mainContent a {
	font-weight: bold;
	text-decoration: underline;
}

#mainContent a:link {
	color: #009900;
}

#mainContent a:visited {
	color: #006600;
}

#mainContent a:hover {
	color: #66cc00;
}

/* Images */

img { /* for all images */
	border: none;
}

.imgl { /* for left aligned images */
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

.imgr { /* for right aligned images */
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}

#slideshow { /* rotating image */
	float: right;
}

.arrowup { /* back-to-top image */
	clear: both;
	float: right;
	margin-left: 5px;
	margin-top: 2px;
	margin-bottom: 2px;
}

.globe {
	background-image: url(../images/graphics/grnglobe.jpg);
	background-repeat:no-repeat;
	padding-left: 60px;
	min-height: 50px;
}

/* Lists */

#mainContent ul li { /* all lists */
	margin-bottom: .5em;
}

ul.pdflist {
	list-style-image: url(../images/logos/pdficonsml.gif);
}

ul.pdflist li {
	margin-top: 1em;
}

ul.pdflist li li {
	list-style-image: none;
	line-height: 2em;
}

/* special boxes */

blockquote { /* individual quotations or testimonials */
	padding: 5px;
	padding-left: 30px;
	border: 1px solid #360;
	font-style: italic;
	background: transparent url(../images/graphics/quote.gif);
	background-repeat: no-repeat;
}

#dukeofed { /* sc leadership & sr canoe trip */
	margin: auto;
	padding: 5px;
	width: 80%;
	border: 1px solid #030; 
}

.grnbox {
	border:1px solid green;
	padding:5px;
}

.testimonial { /* for testimonial pages */
	padding-left: 30px;
	border-bottom: 1px solid #060;
	background: transparent url(../images/graphics/quote.gif);
	background-repeat: no-repeat;
}

#ecsubsidies { /* env ctr subsidies message */
	margin: auto;
	padding: 0px 10px;
	width: 500px;
	border: 1px solid #360;
	background-color: #FFC;
	text-align: center;
	font-size: .9em;
	color: #360;
}

#eventbutton {
	margin-top: 15px;
	width: 160px;
	float:right;
}

#sale { /* oe sale */
	margin-left: 10px;
	padding: 0px 10px;
	float:right;
	border: 1px solid #360;
	background-color:#FFC;
	text-align: center;
	font-size: .9em;
	color: #360;
}

/* Curriculum Links Page */

.strand {
	background-color: #c0c0c0;
	text-align: center;
	vertical-align: bottom;
}

.grade {
	background-color: #ECE9D8;
	text-align: left;
	vertical-align: middle;
}

.topics {
	background-color: #ECE9D8;
	text-align: center;
	vertical-align: middle;
	font-size: 9pt;
}

/* Tables */

/* Generic Tables */
table.tblborder {
	border-collapse: collapse;
	border: thin solid #CCC;
}

table.tblborder tr, table.tblborder th, table.tblborder td {
	border: 1px solid #ccc; /* cell borders */
}

table.tblborder th, table.tblborder td {
	padding: 10px; /* cellpadding */
}

tr {
	vertical-align: top;
}

/* SC Dates and Rates Table */
table.datesandrates {
	border: 1px solid #999;
	border-collapse: collapse; /* remove cellspacing */
}

table.datesandrates tr, table.datesandrates th, table.datesandrates td {
	border: 1px solid #999; /* cell borders */
}

table.datesandrates th.program {
	text-align: left;
}

/* Misc */

#sponsors {
	text-align: center;
}

/********** div#footer **********/

#footer p {
	margin: 0px; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 5px; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

#footer a {
	color: #000;
	text-decoration: none;
}

#ftrlogo {
	float:right;
	padding: 5px 0px;
}