/*
	Core CSS Document [Website Architecture and basic style/resets]
	Author: Echidna Solutions Corp/2008 - support@echidna.ca
*/

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

/*
	=SITE STRUCTURE
*******************************/
#container{width:900px; margin:0 auto; text-align:left;position:relative;}
#header{width:900px; position:relative;height:143px; background:url(../images/bg_headerv2.jpg) no-repeat top center;}
#content{width:900px;/* margin:0 auto;*/}
#site_info{width:900px; margin:10px auto 0 auto; padding-top:10px;}

#content_main{float:left; position:relative; width:461px; padding:50px 20px 15px 25px;}
#content_sidebar{float:left; width:180px; padding:75px 0 0 15px;}

body#parents_and_families #navigation_secondary,body#search #navigation_secondary,body#privacy_policy #navigation_secondary,body#send_page #navigation_secondary{display:none;}
body#parents_and_families #content_main, body#search #content_main,body#privacy_policy #content_main,body#send_page #content_main{width:660px;}

/*
	=NAVIGATION STRUCTURE
*******************************/
/* global */

/*
	=quick menu navigation
**********************/
#navigation_quick{position:absolute; top:6px; right:11px; height:26px;}
#navigation_quick li{position:relative;}


/*
	=primary navigation
**********************/
#navigation_primary{width:900px; height:27px;}
#navigation_primary li{height:27px; float:left; position:relative;}
#navigation_primary li a{height:27px; display:block;text-indent:-9999px; overflow:hidden;}
#navigation_primary li h3{position:absolute; text-indent:-9999px; overflow:hidden;}


/*
	=secondary navigation
**********************/
#navigation_secondary{width:199px; float:left;}
#navigation_secondary li{position:relative;}
#navigation_secondary li h3{position:absolute; text-indent:-9999px; overflow:hidden;}


/*
	=COMPONENTS STRUCTURE
*******************************/

/*home page*/
#features{width:518px; float:left;}
#features div{width:518px; float:left; background-repeat:no-repeat; background-position: top left;}
#features #welcome{height:183px; background-image:url(../images/bg_welcome.jpg);}
#features #spotlight{/*height:186px; background-image:url(../images/bg_spotlight.jpg);*/}
#features h2{position:absolute; text-indent:-9999em; overflow:hidden;}

#features #articles{background:url(../images/bg_articles.jpg) no-repeat top left;}
#features #articles div{float:left; width:160px; padding-top:47px;display:inline;}
.article_item_1{margin-left:50px;}
.article_item_2{margin-left:87px;}

#callouts{width:382px; padding-top:65px; float:right;  color:#fff; font-size:90%;}
#callouts a{color:#fff;}
#callouts a:hover{text-decoration:none;}
#callouts #callouts_top{width:382px; border-bottom:20px solid #fff;}
#callouts #callouts_bottom{width:382px;}
#co_residential_services,#co_youth,#co_peer_power_centre,#co_parents_and_families{width:164px; float:left;  padding:6px 6px 35px 6px; }
#co_residential_services{background-color:#dee9f3; margin-right:21px;}
#co_youth{background-color:#dbdbdb;}
#co_peer_power_centre{background-color:#e6d8eb; margin-right:21px;}
#co_parents_and_families{background-color:#dfead6;}

.co_border{border:1px solid #2f322d; padding:0 0px 0 0px; background-repeat:no-repeat; background-position:0px 0px;/* min-height:90px;*/}
.co_border p{line-height:1.4em; margin:0 5px;}
#co_residential_services .co_border{background-color:#5a91c2;/*background-image:url(../images/co_residential.jpg);*/}
#co_youth .co_border{background-color:#4d4d4d;/* background-image:url(../images/co_youth.jpg);*/}
#co_peer_power_centre .co_border{background-color:#803e9a; /*background-image:url(../images/co_peer.jpg);*/}
#co_parents_and_families .co_border{background-color:#5d9732; /*background-image:url(../images/co_parents.jpg);*/}

/*sub page*/
#content_main #c_controls{position:absolute; right:15px; top:40px;}
#content_main #c_controls ul li{height:14px; width:17px; float:left; position:relative; margin:0; padding:0; background-image:none;padding-right:5px;}
#c_controls ul li a{position:absolute; text-indent:-9999em; overflow:hidden; display:block; height:14px; width:17px;}
#c_controls ul li a#c_print{background:url(../images/icon_print.gif) no-repeat 0 0;}
#c_controls ul li a#c_email{background:url(../images/icon_email.gif) no-repeat 0 0;}


/*
	=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 */