/* Nechako North Coast CSS Document */

/* Global Styles
--------------------------------------------------------------------------------------------------- */

* {margin:0; padding:0;}

body {
	text-align: center;
	color:#000;
	background:#433f3e url(../gfx/bg.jpg) repeat-x 0 0;
	font:12px/1.3em Helvetica, Arial, sans-serif;
}

a {
color:#e54f3a;
text-decoration:none;
}

a:hover {
border-bottom:1px dotted #e54f3a;
}

p { color:#333;}


/* Helpers
--------------------------------------------------------------------------------------------------- */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

.left {
float:left;
margin-right:10px;
}

.right {
float:right;
margin-left:10px;
}


/* Primary Divisions
--------------------------------------------------------------------------------------------------- */


#container {
margin:0 auto;
padding-bottom:0px;
width: 900px;
text-align: left;
position:relative;
}

#banner {
width:900px;
height:90px;
display:block;
background:url(/gfx/logo.jpg) no-repeat 0 0;
position:relative;
}

#sidebar {
width:210px;
float:right;
}

#maincol {
width:680px;
background:#fff url(/gfx/page_bg.jpg) repeat-y 0 0;
float:left;
}

.homefeature {
margin:10px}

#home #subcol1 {
display:block;
float:left;
width: 256px;
background:url(/gfx/article_bg.jpg) no-repeat 10px 0px;
}

#home #subcol2 {
display:block;
float:right;
width: 424px;
background:url(/gfx/article_bg.jpg) no-repeat 10px 0px;
}


/* Navigation
--------------------------------------------------------------------------------------------------- */

ul#nav {
width:900px;
display:block;
height:40px;
margin-top:10px;
}

ul#nav li {
display:inline;
float:left;
list-style:none;
}

ul#nav li a {
display:block;
text-indent:-9999px;
height:40px;
width:135px;
background-position:0 -40px;
}

ul#nav li#n_campaigns a {background-image:url(/gfx/nav_campaigns.jpg);}
#campaigns ul#nav li#n_campaigns a {background-position:0 0;}


ul#nav li#n_newsroom  a {background-image:url(/gfx/nav_newsroom.jpg);}
#news ul#nav li#n_newsroom a {background-position:0 0;}


ul#nav li#n_resources a {background-image:url(/gfx/nav_resources.jpg);}
#resources ul#nav li#n_resources a {background-position:0 0;}


ul#nav li#n_action a {background-image:url(/gfx/nav_action.jpg);}
#action ul#nav li#n_action a {background-position:0 0;}


ul#nav li#n_about a {background-image:url(/gfx/nav_about.jpg);}
#about ul#nav li#n_about a {background-position:0 0;}


ul#nav li a:hover {background-position:0 -80px; border:none;
}

ul#utility {
text-align:right;
float:right;
margin-top:30px;
}

ul#utility li {
display:inline;
font-size:11px;
margin-left:10px;
}

ul#utility li a {
text-decoration:none;
color:white;
padding-bottom:2px;
}

ul#utility li a:hover {
text-decoration:none;
border-bottom:1px dotted #ccc;
}

/* Campaign Sub Navigation
--------------------------------------------------------------------------------------------------- */
#maincol #campaignSubNav {
	margin: 10px;
	background-color: #887D7B;
	width: 654px;
	list-style: none;
	border-top: 2px solid #fff;
}

.sub #maincol #campaignSubNav {margin-top: 0;}

#campaignSubNav li {
	text-align: center;
	float: left;
}

#campaignSubNav li a {
	padding: 5px 15px 4px 15px;
	display: block;
	border-right: 2px solid #fff;
	color: #fff;
}

#campaignSubNav li.current a, #campaignSubNav li a:hover {
	background-color: #E54F3A;
	border-bottom: none;
}

#subBanner {
  margin: 10px 10px 0px 10px;
	width: 654px;
	height: 100px;
	overflow: hidden;
	position: relative;
	z-index: 10;
}

#maincol #subBanner h2 {
	position: absolute;
	bottom: 10px;
	left: 24px;
	color: #fff;
	font-size: 20px;
  line-height: 1.3em;
	margin: 0;
	padding: 0;
}

/* Titles
--------------------------------------------------------------------------------------------------- */

h1#logo a {
display:block;
height:90px;
width:300px;
text-indent:-9999px;
float:left;
border:none;
}

h3#enews {display:block; text-indent:-9999px; width:200px; height:25px; 
background:url(/gfx/title_enews.gif) no-repeat top left; border-bottom:1px #ccc dotted;
margin-bottom:12px;
}

h3#news {display:block; text-indent:-9999px; width:200px; height:25px; 
background:url(/gfx/title_news.gif) no-repeat top left; border-bottom:1px #ccc dotted;
margin-bottom:12px;
}

h2#featured {display:block; text-indent:-9999px; width:133px; height:12px; 
background:url(/gfx/title_featured.gif) no-repeat top left;
margin: 12px 0 12px 25px;
}

h2#spotlight {display:block; text-indent:-9999px; width:162px; height:25px; 
background:url(/gfx/title_spotlight.gif) no-repeat top left;
margin: 12px 0 0px 25px;
}

#subcol1 h3, #subcol1 p, #subcol1 ul {margin:0 20px 12px 25px;}
#subcol2 h3, #subcol2 p, #subcol2 ul {margin:0 20px 12px 25px;}
#subcol1 img {margin:0 20px 12px 25px;}

#subcol2 h3 {font-size:18px; line-height:1.3em;}
#subcol1 h3 {font-size:12px; text-transform:uppercase; line-height:1.3em;}

/* Typography */

p.byline {
text-transform:uppercase; font-size:11px; color:#888; margin-bottom:4px; }

#maincol p {
margin:0 30px 12px 30px;
}

#maincol h2 {
font-size:22px; line-height:1.3em;
margin:30px 30px 12px 30px;
}

#maincol h3 {
font-size:15px;
margin:30px 30px 12px 30px;
color:#555;
}

#maincol ul {
margin:0 30px 20px 50px;
}

p.breadcrumb {
font-size:11px;
color:#555;
}

p.summary {
font-size:16px;
line-height:1.3em;
color:#555;
}

body#news ul.newslist h3.date_heading {
margin-left:0;padding-left:0;
}

body#news ul.newslist li {
list-style:none;
margin-bottom:16px;
}

.date_source {
font-size:11px; color:#555;
}


/* Sidebar Portlets
--------------------------------------------------------------------------------------------------- */

#sidebar p {
color:#eee;
}

a#subscribe {
display:block; width:210px; height:40px; text-indent:-9999px; background:url(/gfx/button_subscribe.jpg) no-repeat top left; border:none;
margin-bottom:12px;
}

#sidebar ul li {
list-style:none;
margin-bottom:12px;
}

#sidebar ul li span {
color:#ccc; font-size:11px;
}


/* Footer
--------------------------------------------------------------------------------------------------- */

#footer {
display:block;
clear:both;
width:680px;
padding-top:15px;
background:url(/gfx/page_bg.jpg) repeat-y 0 0;
}

#footer p {
color:#ccc;
font-size:11px;
}

/* Action Centre styles
--------------------------------------------------------------------------------------------------- */

body#action #maincol div#salsa.salsa {
margin-left:20px;
}

body#action div#maincol {
padding-top:40px;
}

body#action div#maincol h1 {
line-height:1.3em;
margin-left:10px;
}

div#description.description p {
margin:0 20px 10px 10px !important;
padding:0 !important;
}

body#action div.targets {
float:right !important;
width:250px;
text-align:left;
}

body#action div.recipient h2.name {
margin:0 30px 0 0;
font-size:16px;
}

body#action input.submit {
margin:20px 0 30px 10px;
}