/*
	Core CSS Document [Website Architecture and basic style/resets]
	Author: Echidna Solutions Corp - support@echidna.ca
*/


@media screen, projection{

/*RESET STYLES*/
body,div, dl,dt,dd,ol,ul,li,h1,h2,h3,h4,h5,h6,pre,label,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0; line-height:1.5em;}
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;}
caption,th{text-align:left;}

/*
	=div structure
*******************************/
#header,#content,#site_info{position:relative;}
#container{margin:0 auto; max-width:955px; text-align:left;}
#header,#header_main{height:96px;}
#header_main{position:relative;}
#content{width:100%; margin-top:15px;}

#content_container{margin-left:167px; padding-left:2.5%;}
#content_primary{float:left; width:70%;}
#content_sidebar{float:right; width:22.5%; padding-left:2.5%;}

#content_home{width:60%; float:left;}
#content_col_1{width:22%; float:left;}
#content_col_2{width:17.5%; float:left;}

#site_info{float:left;}

/*
	=navigation structure
*******************************/
#skip{position:absolute; text-indent:-5000px; overflow:hidden;}
#navigation_primary{position:absolute; display:inline; width:auto; right:0; top:69px;}
#navigation_secondary{width:167px; _height:150px; min-height:150px; float:left; background:#fff url(../images/bg_navigation_secondary.jpg) top left no-repeat;}

/*
	=components
*******************************/
#content_sidebar_main #volunteering, #content_sidebar_main #member_community, #content_sidebar_main #donate, #content_sidebar_main #social{position:relative;right:0;}
#content_sidebar #search,#volunteering,#member_community, #donate{display:block; position:absolute; right:0;}
#content_sidebar #search,#content_sidebar #volunteering,#content_sidebar #member_community, #content_sidebar #donate,#content_sidebar #social{width:167px; display:block; position:absolute; right:0;}


#header_main #search{position:absolute; top:23px; right:0;}
#content_sidebar #search{top:10px;}

#label_keywords,#legend_quick_search{position:absolute; text-indent:-5000px; overflow:hidden; margin:0; padding:0; line-height:1;}

#site_info ul{float:left; display:inline;}
#site_info ul li{float:left;}

#visuals{height:254px;}
#features{background:url(../images/header_features.jpg) top left no-repeat;}

#about_pillar{background-color:#00718f;}
#spotlight{background:#fff url(../images/header_spotlight.jpg) top right no-repeat;}

#volunteering{background:url(../images/header_volunteering.jpg) top left no-repeat; top:55px;}
#member_community{background:url(../images/header_member_community_login.jpg) top left no-repeat; top:150px;}
#donate{background:url(../images/header_donate_now.jpg) top left no-repeat; top:275px;}

#content_sidebar_main #volunteering{top:0;}
#content_sidebar_main #member_community{top:12px;}
#content_sidebar_main #donate{top:23px;}
#content_sidebar_main #social{top:0;}

#content_sidebar #social{top:275px; right: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 */

}

@media print {

	html { font: 100%/1.5 Tahoma,arial, serif; }
	#navigation_primary, #header,#site_info, #navigation_secondary, #content_sidebar{display:none;}
}

@media handheld {}
