/*
	Take Action Ophea Program 2007 CSS Document
	Author: Echidna Solutions Corp - support@echidna.ca
*/

@media screen, projection{

html,body{
	font-size:83%;
	text-align:left;
	font-family:Tahoma, Arial, Verdana, sans-serif;
	color:#424445;
	height:100%;
}

body{background-image:url(images/sub_content_bg.jpg); background-position:center top; background-repeat:repeat-y; background-color:#ccc;}


/*RESET STYLES*/
body,div, dl,dt,dd,ul,li,h1,h2,h3,h4,h5,h6,pre,label,form,fieldset,legend,input,p,blockquote,th,td{margin:0;padding:0; line-height:1.5em;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
ul,ol{list-style:none; margin:0; padding:0;}
address,caption,cite,code,dfn,th,var{font-style: normal; font-weight:normal;}
table{ border-collapse:collapse; border-spacing:0;}
fieldset,img{border:0;}
caption,th{text-align:left;}

/*TAGS*/
a{outline:none;}
strong {}
label{}
input,select{}
form{/* display:inline; */}
dt{color:#333; margin:0; font-weight:bold;}
dd{margin:0 0 15px 0;}

/*
	=paragraphs
********************************/
p {margin:0 0 8px 0;}
#footer p{margin:0; padding:0;  vertical-align:middle; }

/*
	=headings
*******************************/
h2{margin:15px 0; letter-spacing:0.125em; font-size:1.3em; line-height:1.1em;}
h3{font-size:1.3em;color:#294f5b; margin:8px 0;}
h4{font-size:1.1em; color:#2394b7; text-transform:capitalize; margin:25px 0 4px 0;}
h5{color:#333; margin-bottom:0;}
*******************************/
/*#mp_body h1,#mp_body h2{position:absolute; text-indent:-9999px; line-height:1; margin:0; padding:0;}*/

div.teaching_ideas{}

/*
	=lists
*******************************/
#skip{position:absolute; text-indent:-9999px; line-height:1; margin:0; padding:0;}

#mp_header #primary_navigation{margin:0 0 0 175px; padding:0; text-align:right; line-height:1; float:left; display:inline; background-color:transparent}
#primary_navigation, #secondary_navigation{margin:0; padding:0; float:left; display:inline;}

#primary_navigation{margin-left:45px;}
#secondary_navigation{margin-left:18px;}

#primary_navigation li, #secondary_navigation li{line-height:1; margin:3px 0;}

#tertiary_navigation{float:right; margin:0; padding:0;}
#tertiary_navigation li{float:left; margin:0 3px; text-transform:uppercase; display:inline; line-height:1;}

#content_main ul li{padding-left: 17px; background-image:url(images/bullet_large.jpg); background-repeat:no-repeat; background-position:0 .5em; line-height:1.5; margin:8px 0; color:#555;}

div#content_main div#resource_index ul li {background-position:0 1em;}

#content_main ul li ul {list-style:outside; list-style-type:disc;}
#content_main ul li ul li{padding-left:5px; margin-left:15px; background:none;}
#content_main ul li ul li.sub_list_header{margin-left:-5px; font-weight:bold; list-style:none; background:none; color:#000;}

#content_main ol li ul li {padding-left:5px; list-style:none;margin-left:15px; background:none;}
#content_main ol {margin-left:15px; list-style:outside; }
#content_main ol li {/*padding-left:5px;  */list-style:inside; list-style:decimal;}

/*
	=links
*******************************/
#header a, #mp_header a{text-decoration:none;font-size:0.9em; font-weight:bold;}

#header a:link,
#header a:visited,
#mp_header a:link,
#mp_header a:visited{
color:#fff;
}

#header a:hover,
#header a:active,
#mp_header a:hover,
#mp_header a:active{
color:#f7921d;/* height:auto;*/
}

#primary_navigation li a{}
#primary_navigation li a.current{color:#f7921d;}

#secondary_navigation li a{padding-left:8px;}
#secondary_navigation li a:hover,#header #secondary_navigation li a.current{background-image:url(images/menu_arrow.gif); background-repeat:no-repeat; background-position:0 .3em; position:relative; color:#f7921d;}


#content_main a{font-weight:bold;}
#content_main a:link, #content_main a:visited{color:#333333;text-decoration:underline;}
#content_main a:hover, #content_main a:active{color:#999999;text-decoration:none;}

#footer a,#mp_footer a{text-decoration:none; margin-left:10px;}

#footer a:link,
#footer a:visited,
#mp_footer a:link,
#mp_footer a:visited{
text-transform:uppercase; font-weight:bold; font-size:0.9em;
}

#footer a:link,#footer a:visited{color:#2394b7;}
#mp_footer a:link,#mp_footer a:visited{color:#fff;}

#footer a:hover, #footer a:active, #mp_footer a:hover, #mp_footer a:active{color:#f7921d;}



/*
	=forms

*******************************/

/*
	=tables
*********s**********************/
table#chart{background-color:#eee;border:1px solid #999; border-collapse:separate; padding-bottom:5px;}
table#chart p{width:90%; border-bottom:1px solid #ccc; margin:0; padding:0; text-align:left;}
table#chart th{color:#fff; font-size:1.1em; background-color:#A8A8A8; margin:0;padding:3px 0 3px 10px;}
table#chart td{padding:0 0 3px 10px;}
table#chart td.noBorder{border:none;}
table#chart td.emotional_boarders,table#chart th.emotional_boarders_header{border-left:1px solid #999; border-right:1px solid #999;}
table#chart td.emotional_boarders_empty{border-left:1px solid #999; border-right:1px solid #999; border-bottom:none;}


table{margin:8px 0;}
th{font-weight:bold;}
td{padding:3px 0; margin:0;}


div#content_main table#resource_search{width:250px; background-color:#f5fdff; border:1px solid #d4f0f9;}
table#resource_search td, table#resource_search th{vertical-align:top; text-align:left; padding:8px;}
table#resource_search td.cell_keywords{width:250px;}
table#resource_search input.keywords_box{width:250px;}
table#resource_search td.cell_audience,table#resource_search td.cell_language{width:125px; }
table#resource_search td.cell_submit{text-align:left;}

div#content_main form#simple_form{background-color:#f5fdff; border:1px solid #d4f0f9; padding:8px 12px 0 12px; width:250px;}

div#order_form table{width:100%;background-color:#edecec; }
div#order_form table td{padding:4px 0;}
div#order_form table h3{margin-left:8px; font-size:1.1em;}
div#order_form table td.heading{background-color:#dbe7eb;}
div#order_form table label{margin-left:8px;}
div#order_form table label.labelFloat{float:left; margin-left:8px; width:325px; display:inline-block;}
#take_action_kindergarten,#take_action_1_to_3,#take_action_4_to_6,#take_action_7_to_8,#first_name,#last_name,#school_/_organization,#street_address,#city_/_town,#province,#postal_code,#telephone,#extension,#fax,#email,#number_of_students_to_be_reached_by_take_action{float:left;}

div#order_form table select,div#order_form table p,div#order_form table textarea,div#order_form table .btn{margin-left:8px;}
div#order_form textarea{overflow:hidden;}

div#error{background-color:#ffecd1; padding:8px; border:1px solid #fdd8a3; margin-bottom:25px;}
div#error li{font-weight:bold;}

.required_fields{font-weight:bold; color:#CC0000;}


/*
	=div-struct
*******************************/
#mp_container{margin:0 auto; width:760px; height:100%; background:#2394b7 url(images/mp_container_bg.jpg) repeat-y top left; }
#mp_content{background:url(images/mp_rock_bg.jpg) repeat-y top right; height:100%;}
#mp_header{background:url(images/mp_header.jpg) no-repeat top center; _height:225px; min-height:225px;padding-top:15px; width:760px; text-align:left;}
#mp_footer{margin-top:215px; padding-top:10px; width:760px; text-align:right;}
#mp_footer p{margin:0px 25px 25px 0;}
#mp_footer img.ophea{float:left; display:inline-block; margin-left:50px; margin-top:-55px;}


#container,#content,#content_main,#footer{width:760px; position:relative;}

#container{margin:0 auto; padding-top:188px;/*background-color:#fff;*/}
body#order_form_container div#container{margin:0 auto; padding:0;}

#header{padding-top:15px; width:760px; min-height:149px; _height:149px; text-align:left;
background:#2394b7 url(images/sub_header.jpg) no-repeat top left; border-bottom:24px solid #f7921d;
position:fixed;  top:0; z-index:100; left:50%; margin-left:-380px;
}

#content{/*background:url(images/sub_content_bg.jpg) repeat-y top left;*/}

#content_main, #footer{float:left; width:685px; position:relative; padding:25px 0px 0 60px;}
#content_main p,#content_main ul, #content_main ol, #content_main h2,#content_main h3, #content_main h4, #content_main h5, #content_main table, #content_main hr{width:488px;}

#footer{text-align:left;/* padding-bottom:10px;*/}

div.chart_list{background-color:#eee; border:1px solid #ccc; width:488px; padding:8px; margin:8px 0;}
div.chart_list ul{margin:0; padding:0;} 
div.chart_list li {margin:0;}
div.chart_list h4{margin:0; padding:0; line-height:1;}
div#content_main div.chart_list ul li.chart_list_hdr{list-style:none; background:none; margin-left:-17px;}

/*
	=classes
*******************************/
div.search_result_a,div.search_result_b{ padding:5px 0 5px 5px; margin:5px 0; border-bottom:1px solid #DAE1E4;}
div.search_result_a{background-color:#F4F4F4;}
div.search_result_b{background-color:;}

div#content_main div.search_result_a h4,div#content_main div.search_result_b h4{margin:0; padding:0; font-size:1.2em; width:100%;}
div#content_main div.search_result_a p,div#content_main div.search_result_b p{margin:0; padding:0;width:100%;}

div.resource_detail {position:relative; background-color:#edecec; padding:0 0px 8px 8px; border-bottom:1px solid #DAE1E4;}
div#content_main div.resource_detail img{border:1px solid #CCCCCC;float:right; display:block; padding:2px;}
div#content_main div.resource_detail p{margin-bottom:6px;}
div#content_main div.resource_detail p{/*width:100%;*/}
div#content_main div.resource_detail h3{display:block;background:url(images/bg_header_resource.jpg) no-repeat top left;padding:3px 0 3px 8px; border-bottom:1px solid #cad0d2; margin:0 0 0 -8px;}
div#content_main div.resource_detail h4{margin:0px;}

#header .firstItem{margin-top:0px;}

#header #primary_navigation li a.current,#header #secondary_navigation li a.current, #mp_header #tertiary_navigation li a.current, #header #tertiary_navigation li a.current, #footer p a.current{color:#f7921d;}

.current{color:#f7921d;}

.sec-num{color:#f7921d;}
.sec-title{color:#404040;}

.note{color:#999;}
.footnote{color:#000;}
.big-letter{font-size:1.7em; color:#f7921d; margin-right:0.03em;}

div.references p{color:#999;}
div.references hr, div.resource hr{height:1px; color:#999; background-color:#999; border:none; float:left;}

div.resource{margin:25px 0;border-top:1px solid #666;border-bottom:1px solid #666;}
div.resource h4{margin:8px 0 0 0; padding:0;}
div.resource h4.title{clear:left;}

.print_email{position:absolute; top:15px; right:15px; z-index:50;}
.directory_search{position:absolute; top:45px; right:5px; z-index:50;}

.take_action_header{color:#2394b7; text-transform:uppercase; font-weight:bold; font-size:0.9em; margin:0; padding:0;}


.exlamation-right, .cal-right, .educators-students-right, .info-right, .takeaction-right,.checklist-right,.websites-right{margin:0; float:right; padding:45px 0 0 0;  font-weight:bold;background-repeat:no-repeat; background-position: 0 0;}

.takeaction-right h6 a{margin:0; padding:0; position:absolute; top:785px; right:85px; width:85px; height:35px; text-indent:-9999px;}

/*icon images*/
.exlamation-right{background-image:url(images/icon_exlamation.jpg);}
.cal-right{background-image:url(images/icon_calendar.jpg);}
.educators-students-right{background-image:url(images/icon_educator.jpg);}
.takeaction-right{background-image:url(images/logo_takeaction.jpg);}
.checklist-right{background-image:url(images/icon_checklist.jpg);}
.websites-right{background-image:url(images/icon_website.jpg); }
.info-right{background-image:url(images/icon_lightbulb.jpg);}


/*Excessive classitis, but just in case.. */
.exlamation-right h6,
.cal-right h6,
.educators-students-right h6,
.info-right h6,
.takeaction-right h6,
.checklist-right h6,
.websites-right h6{
font-size:1.1em; color:#2394b7; margin:0 0 8px 0;
}

div#content_main div.exlamation-right p,
div#content_main div.cal-right p,
div#content_main div.educators-students-right p,
div#content_main div.info-right p,
div#content_main div.takeaction-right p,
div#content_main div.checklist-right p,
div#content_main div.websites-right p,
div#content_main div.exlamation-right ul,
div#content_main div.cal-right ul,
div#content_main div.educators-students-right ul,
div#content_main div.info-right ul,
div#content_main div.takeaction-right ul,
div#content_main div.checklist-right ul,
div#content_main div.websites-right ul{
width:170px; margin:0 0 8px 0; color:#2394b7;
}

div#content_main div.exlamation-right ul li,
div#content_main div.cal-right ul li,
div#content_main div.educators-students-right ul li,
div#content_main div.info-right ul li,
div#content_main div.takeaction-right ul li,
div#content_main div.checklist-right ul li,
div#content_main div.websites-right ul li{
color:#2394b7; line-height:1em;
}

.exlamation-right a:link,.exlamation-right a:visited,
.cal-right a:link,.cal-right a:visited,
.educators-students-right a:link,.educators-students-right a:visited,
.info-right a:link,.info-right a:visited,
.takeaction-right a:link, .takeaction-right a:visited,
.checklist-right a:link,.checklist-right a:visited,
.websites-right a:link,.websites-right a:visited{
color:#333333;
text-decoration:underline;
}

.exlamation-right a:hover, exlamation-right a:active,
.cal-right a:hover, cal-right a:active,
.educators-students-right a:hover, educators-students-right a:active,
.info-right a:hover,.info-right a:active,
.takeaction-right a:hover, .takeaction-right a:active,
.checklist-right a:hover,.checklist-right a:active,
.websites-right a:hover,.websites-right a:active{
color:#999999;
text-decoration:none;
}

/*
	=fixes
*******************************/
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.marker {border-bottom:1px dotted #f7921d; background-color:#eee;} 
.anchor{position:relative; top:50%; display:block;}

}

@media print {

	html { font: 95%/1.5 Tahoma,arial, serif; }
	#header, #primary_navigation, #secondary_navigation, #tertiary_navigation, #footer, .print_email {display:none;}/*hide divs here*/
    #body{ margin-top:5px;line-height:1.3em; }
    #content{  background:none; }
	div.resource_detail img{float:right; display:block; margin:0 0 3px 3px;}
	div.resource_detail{font-size:80%;}
	div.resource_detail p{margin:3px 0;}
	div.resource_detail h4{margin:0; padding:0;}
}