@charset "utf-8";
/* was .8em; */
p + h2, h3, h4, h5, h6 {
	margin-top:0em;
}
/*--------------------------*/
/*regular links*/
/*--------------------------*/
a:link { 
	color: #669900;
}
a:visited { 
	color: #FF3300;
}
a:hover { 
	color: #006600;
}
a:active { 
	color: #FFCC00;
}
/*--------------------------*/
/* content links*/
/*--------------------------*/
#content-body a:link, #related-content a:link { 
	color: #003366;
}
#content-body a:visited, #related-content a:visited { 
	color: #0066CC;
}
#content-body a:hover, #related-content a:hover { 
	color: #003366;
}
#content-body a:active, #related-content a:active { 
	color: #FF9900;
}
/*--------------------------*/
/*IMAGES*/
/*--------------------------*/
/*all purpose float right for images*/
.imgFloatRight{ float:right; margin-left:10px; display:inline; }

/*all purpose float left for images*/
.imgFloatLeft{ float:left; margin-right:10px; display:inline;}

/*apply to IMG, not overall div*/
/*extra text-align is for IE*/
IMG.imgCentre { display: block; margin-left: auto; margin-right: auto; text-align: center; }

/*image with caption floating right*/
.capImgRight { float: right; margin-left: 5px; }
/*image with caption floating left*/
.capImgLeft { float: left; margin-right: 5px; }
/*caption floating left*/
.capText { font-style: italic; font-size:1.1em; }
/*--------------------------*/
/*SPECIFIC TEXT FORMATTING*/
/*--------------------------*/
/* to color Hs and copy*/
.darkblue { color: #000066; }
/* to color Hs and copy*/
.darkgreen { color: #006600; }
/* to color Hs and copy*/
.darkred{ color: #990000; }
/* to color Hs and copy*/
.orange{ color: #CC9900; }
/* to color Hs and copy*/
.lightblue { color:#3366CC; }
/*breadcrumb-new template*/
.breadcrumbs { 
font-size: 1.1em; line-height: 1em; width: 100% margin:0; padding: 0 0 10px 0;}
/*breadcrumb-old template-to be removed */
.crumb { font-size: 1.1em; line-height: 1em;}
/*small italicized text for captions*/
.captiontext { font-size: .9em; font-style:italic; }
/*indicator for in French*/
.francais{ color:#999999;}
/*small copy for footers etc.*/
.footertext { font-size: .9em; }
/*indicator for new materials*/
.new { color:#FF0000; font-weight:bold;}
/*center text*/
.textAlignCenter { text-align: center; }
/*right text*/
.textAlignRight { text-align: right; }
/*serif modifyier*/
.serif { font-family:Georgia, "Times New Roman", Times, serif; }
/*horizontal menu*/
.inlinemenu { display:inline; }

#club h2, #teachers h2  {
	color: #006600;
}
#club h3, #teachers h3 {
	color: #46D000;
}
#club h4, #teachers h4 {
	color: #FF9900;
}
#club h5, #teachers h5  {
	color: #333333;
}
#fieldguide h5 {
	color: #0066CC;
}
#about h2, #haveyoursay h2, #admin h2, #contest h2, #challenge #content-body h2  {
	color:#092151;
}
#about #content-body h3, #haveyoursay #content-body h3, #admin #content-body h3, #contest #content-body h3, #challenge #content-body h3 {
	color:#FF6600;
}
#about h4, #haveyoursay h4, #admin h4, #contest h4, #admin #content-body h4, #contest #content-body h4, #challenge #content-body h4 {
	color:#0066CC;; 
}
#about h5, #haveyoursay h5, #haveyoursay #content-body h5, #admin #content-body h5, #contest #content-body h5, #challenge #content-body h5 {
	color: #333333;
}
/*--------------------------*/
/*LISTS*/
/*--------------------------*/
/*keep left margin and padding required to equalize indent in IE and others*/
ul { 
list-style-position: outside; 
padding: 0 0 1em 0; 
margin: .2em 0 0 35px; 
list-style: circle; 
}

ul li li {
	margin-bottom: .2em; 
}

/*same as size for P tags*/
ul li { 
	font-size: 1.2em; 
	margin-bottom: .5em; 
	padding-bottom: 0;
}

li li { font-size: 1em; margin-bottom: .3em; padding-bottom: 0;}

ol { 
list-style-position: outside; 
padding: 0 0 1em 0;
margin: .4em 0 0 25px; 
list-style:decimal; 
}

ol li { 
font-size: 1.2em; 
margin-bottom: .4em;
}

ul.light-bulb { 
	list-style-position: outside;
	line-height:17px;
	/*padding-left: 15px;*/
	padding-left: 25px;
	margin-left: 10px; 
	margin-top: 0px;
	margin-bottom: 5px;
}

ul.light-bulb li {
	background-repeat: no-repeat;
	background-position:bottom;
	padding-left: 10px;
	margin-left: 0px; 
	margin-top: 0px;
	margin-botton: 0px; 
}

/*--------------------------*/
/*STRUCTURAL ELEMENTS*/
/*--------------------------*/
/*small spacer*/
.clearsmall { height: 1px; clear: both; }
.clearsmall br { height: 0px;}
/*mid-sized spacer*/
.clearmid { height: 20px; clear: both; }
/*large spacer*/
.clearlarge { height: 40px; clear: both; }
/*no clearing, jsut adds minimum reasonable height to pages with almost no content*/
.minheightpage { height: 350px; }

/*--------------------------*/
/*CALLOUTS*/
/*--------------------------*/
/*95% callout box for eco-info pages*/
.callout450 { width: 450px; border: 1px dashed #66CC33; margin: 5px auto 12px auto; padding: 5px 5px; }
/*95% callout box for large pages*/
.callout560 { width: 560px; border: 1px dashed #66CC33; margin: 5px auto 12px auto; padding: 5px 5px; }
/* small 1/4 callout box*/
.callout220 { width: 220px; border: 1px dashed #66CC33; margin: 5px 0 12px 0; padding: 5px 5px; }

/*COLUMNS*/
.collumn-left-small {
	width: 230px;
	float: left;
	margin-right: 15px;
}
.collumn-right-small {
	width: 230px;
	float: right;
	margin-left: 15px;
}
.collumn-left-mid {
	width: 270px;
	float: left;
	margin-right: 15px;
}
.collumn-right-mid {
	width: 270px;
	float: right;
	margin-left: 15px;
}
.collumn-left-large {
	width: 300px;
	float: left;
	margin-right: 15px;
}

/*colour sets to apply to callouts-will be deleting this*/
/* blue*/
.backgroundBlue { background-color: #e1edff; }
.bdr_blue { border-color: #0099CC; }
/*orange*/
.backgroundOrange { background-color: #FFCC33; border-color: #FFCC00; }
/*green*/
.backgroundGreen { background-color: #99FF33; border-color: #99CC33; }

/*all purpose left right floats*/
/*.floatleft { float: left; margin-right: 8px; }*/
/*.floatright { float: right; margin-left: 8px;}*/

/*--------------------------*/
/*DIVIDERS*/
/*--------------------------*/

/*red dashed divider*/
.divider_red {
	width: 98%;
	height: 10px;
	clear: both;
	border-bottom: 1px dashed #990000;
	margin-bottom: 5px;
}
/*blue dashed divider*/
.divider_blue {
	width: 98%;
	height: 10px;
	clear: both;
	border-bottom: 1px dashed  #003399;
	margin-bottom: 5px;
}
/*green dashed divider*/
.divider_green {
	width: 98%;
	height: 10px;
	clear: both;
	border-bottom: 1px dashed #006600;
	margin-bottom: 5px;
}

/* white copy,should be found and deleted, pretty much useless except home page */
.light_text {
	font-size: 10px;
}


/*OLD*/
.topicsMenu {
	color: #006600;
}
/*remove - in use in club and parents to colour headers*/
.topicsMenuHdr {
	font-weight: bold;
	color: #006600;
	margin: 0px;
	padding: 0px;

}
/*styles colour of links in browse topics menu*/
.topicsLinkColour {
	color: #006600;
	text-decoration: none;
	font-size: .95em;
}
/*sporadically in use in side menus for browse and more about this topic - remove*/
.browseCopy {
	<div style="float: left; width: 220px; margin-right:10px;">
}

/*------------Field guide*/
/*remove when field guide done*/
.sideBarFieldGuide {
	font-size: 11px;
	line-height: 14px;
	padding-left: 4px;

}
/*remove when field guide done*/
.FieldGuideHeaders {
	color: #003399;
}
/*list with pretty bullets*/
/*apply to the ul*/
/*not fully tested*/
/*this left margin controls indent of bullet only*/
.fancylist {
	margin-top: 5px;
	padding: 0 0 5px 5px;
	margin-left: 5px;
	list-style: none;
}
.fancylist li {
 	background-image: url(../utility/arrow_blue.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding: 0 0 0 11px;
	margin-bottom: 4px;	
}
.fancylist h5, h4, h3 {
	margin-bottom: 0;
}
/*this left margin controls indent of bullet only*/
.multicolumnlist {
	float: left;
	margin-right: 20px;
	width: 260px;
}
/*blue topic and sub-topic headers*/
.topic-hdr{
	color:#000099;
	margin-bottom: 7px;
	background-color: #99CCFF;
	padding: 1px 0px 1px 3px;
}
.subtopic-hdr {
	color: #FFFFFF;
	margin-bottom: 7px;
	background-color: #0099FF;
	padding: 3px 0px 3px 3px;
}
/*colours for 'more' links*/
.red {
	background: #FF0000;
}
.dkgreen {
	background: #005B00;
}
.ltgreen {
	background: #46D000;
}
.dkblue{
	background: #22436F;
}
.ltblue{
	background: #3467AB;
}
.orange {
	background: #FF6600;
}
/*nifty little more buttons*/
.more {
	padding: .1em .3em .2em .2em;
	font-size: .9em;
}
#content-body .home_container-gr a.more:link, #content-body .home_container-dkgr a.more:link, #content-body .home_container-dkor a.more:link, #home .greenstreet a.more:link, #home .forteachers a.more:link, #home .contest-ad a.more:link {
	text-decoration: none;
	color: #FFFFFF;
}
#content-body .home_container-gr a.more:visited, #content-body .home_container-dkgr a.more:visited, #content-body .home_container-dkor a.more:visited, #home .greenstreet a.more:visited, #home .forteachers a.more:visited, #home .contest-ad a.more:visited {
	text-decoration: none;
	color: #FFFFFF;
}
#content-body .home_container-gr a.more:hover, #content-body .home_container-dkgr a.more:hover, #content-body .home_container-dkor a.more:hover, #home .greenstreet a.more:hover, #home .forteachers a.more:hover {
	text-decoration: none;
	color: #FFFFFF;
}
#content-body .home_container-gr a.more:active, #content-body .home_container-dkgr a.more:active, #content-body .home_container-dkor a.more:active, #home .greenstreet a.more:active, #home .forteachers a.more:active {
	text-decoration: none;
	color: #FFFFFF;
}

#content-body .home_container-gr {
	background: #FFFFCC url(../templates/elements/box-background-ltgreen.gif) bottom right no-repeat;
	border: 1px solid #46D001;
	padding: 10px 10px;
	float: right;
}
/*ul.lesson_plan { list-style-image: url('http://www.ecokids.ca/dev/teachers/assets/icon_pdf.gif');margin-left:60px; }*/