/* GOING CARBON NEUTRAL STIRLING 
 Author: James Love
 */

/*
1. GLOBAL STYLES
-------------------------------------------------------------------------------------------------
1.0 Reset & tools
1.1 Headings
1.2 Links + lists
1.3 Forms
1.4 Columns + Rows
1.5 Puffs + Boxes
1.6 Tables


2. MAIN PAGE ELEMENTS
-------------------------------------------------------------------------------------------------
2.0 Top Level elements
2.1 Wrapper
2.2 Header
2.3 Navigation
2.4 Main content
2.5 Footer


3. SPECIFIC PAGES
-------------------------------------------------------------------------------------------------
3.0 Homepage




1. GLOBAL
-------------------------------------------------------------------------------------------------



/* 1.1 Reset
----------------------------------------------- */

/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.6.0
*/

html{color:#4a5151} 
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0; margin:0; padding:0;} /* Added margin/padding reset */
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{font-size:100%;}
legend{color:#000;}
del,ins{text-decoration:none;}
/* Clearing floats without extra markup  */
.clearing{ display: inline-block; }
.clearing:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .clearing{ height: 1%; }
.clearing { display: block; }
.clear-both{clear:both}
.skiplinks{display:none;height:1px;margin:0;padding:0;}



/* 1.1 headings
----------------------------------------------- */
h1,h2,h3,h4, h5 ,h6 {font-weight:bold}
h1{font-size:145%;padding:5px 0 10px 0}
h2{font-size:115%;padding-bottom:10px}
h3{font-size:110%;padding-bottom:5px}
h4{font-size:100%;}
h5{font-size:100%;}
h6{font-size:100%;}
#branding h1 {background:transparent url(../images/general/bg-logos-sprite.gif) no-repeat 0 -10px;width:310px;height:110px;padding:0}
#branding h1 a{ text-indent:-5000px; display:block;width:310px;height:110px;border:0}
div.coloured-box h1{color:#fff}
/* alternate font colors for section*/
body#communities h1, body#communities h2, body#communities h3, body#communities h4, body#communities h5,  body#communities h6{color:#0092a7}
body#education h1,body#education h2, body#educationh3, body#educationh4, body#educationh5, body#education h6{color:#008ac9}
body#business h1, body#business h2, body#business h3, body#business h4, body#business h5, body#business h6{color:#d21e51}
body#general h1, body#general h2, body#general h3, body#general h4, body#general h5, body#general h6{color:#004c36}
div.coloured-box h1,div.coloured-box h2,div.coloured-box h3,div.coloured-box h4,div.coloured-box h5,div.coloured-box h6
div.coloured-box-feet h1,div.coloured-box-feet h2,div.coloured-box-feet h3,div.coloured-box-feet h4,div.coloured-box-feet h5,div.coloured-box-feet h6 
{color:#fff !important}
/* 1.2 Links + lists
----------------------------------------------- */
a{text-decoration:none;color:#4a5151;text-decoration:none;border-bottom:dotted 1px #4a5151 }
a:hover{}
a.no-border{border-bottom:0}
div.coloured-box a,div.coloured-box-feet a{color:#fff;text-decoration:none;font-weight:bold;border:0}
div.column-gallery h2  a{color:#d21e51;}
ul{list-style-type:none;padding: 0 10px 15px 25px;}
ul li{list-style-type:disc;padding:0 0 5px 0}
body#communities h2 a{color:#0092a7}
body#education h2 a{color:#008ac9}
body#business h2 a{color:#d21e51}
body#general h2 a{color:#004c36}
/* 1.3 Forms
----------------------------------------------- */
form {}
form label {font-weight:bold}
/*body#business form label{color:#d21e51}*/
form label abbr{color:#900}
form input,form textarea{padding:3px;border:solid 1px #808080}
form input.text-box{width:300px}
form input.radio{border:0}
form input.btn-submit{border:none;color:#fff;font-weight:bold;font-size:110%}
body#business form input.btn-submit{background-color:#d21e51}
body#communities form input.btn-submit{background-color:#0092a7}
body#education form input.btn-submit{background-color:#008ac9}
body#general form input.btn-submit{background-color:#004c36}
label.error{background-color:#fcd3df;color:#900 !important;display:block;padding:3px; text-transform:uppercase;width:45%}
/* 1.4 Columns + Rows
----------------------------------------------- */
/*for section navigation */
#section-navigation {float:left;width:200px;margin-right:20px;padding:10px 10px 10px 10px;min-height:410px;}
body#general #section-navigation{min-height:440px;}
/*for section navigation */
#section-navigation-no-height{float:left;width:200px;margin-right:20px;padding:10px 10px 10px 10px;}
/*alternates for sections*/
body#communities #section-navigation, body#communities #section-navigation-no-height{background-color:#0092a7;}
body#education #section-navigation, body#education #section-navigation-no-height{background-color:#008ac9;}
body#business #section-navigation, body#business #section-navigation-no-height{background-color:#d21e51;}
body#general  #section-navigation, div.home-box-general, body#general #section-navigation-no-height{background-color:#004c36;}
div.column-2{float:left;width:440px;margin-right:20px;background-color:#fff;padding:10px;min-height:650px}
div.column-3{float:left;width:220px}
div.columnx1{float:left;width:220px;margin-right:20px;}
div.columnx3{float:left;width:700px;margin-right:20px}
div.columnx3-nomargin{float:left;width:680px;margin:0}
div.column-gallery{float:left;width:200px;margin-right:10px;}
/* 1.5 Puffs + Boxes
----------------------------------------------- */
div.image-content{float:right;padding:0  0 0 20px }
div.image-content p{font-size:91%;text-align:right;margin-top:-13px;}
div.coloured-box,div.coloured-box-feet,div.white-box{padding:10px;color:#fff;margin-bottom:20px}
div.coloured-box p ,div.coloured-box-feet p ,div.white-box p{padding-bottom:10px}
body#communities div.coloured-box,body#communities div.coloured-box-feet,div.home-box-communities{background-color:#0092a7;}
body#education div.coloured-box,body#education div.coloured-box-feet,div.home-box-education{background-color:#008ac9;}
body#business div.coloured-box,body#business div.coloured-box-feet,div.home-box-business{background-color:#d21e51;}
body#general div.coloured-box,body#general div.coloured-box-feet, div.home-box-general{background-color:#004c36}
div.coloured-box-feet{background-repeat:no-repeat; background-position:bottom; padding-bottom:75px}
body#communities div.coloured-box-feet{background-image: url(../images/general/bg-feet-220.gif)}
body#education div.coloured-box-feet{background-image: url(../images/general/bg-feet-education-220.gif)}
body#business div.coloured-box-feet{background-image: url(../images/general/bg-feet-business-220.gif)}
div.white-box{background-color:#fff;color:#000;margin-bottom:20px}
div.speech-bubble{padding-bottom:10px}
div.speech-bubble p{text-align:right;font-size:91%;padding: 0 10px 13px 0 ;margin-top:-15px}
div.white-speech-bubble{margin:0;background:#fff url(../images/general/bg-whitespeehbub-btm.gif) no-repeat bottom;padding:10px 10px 20px;font-weight:bold}
div.white-speech-bubble p{text-align:left;font-size:100%;padding-left:0;margin-top:0}
div.with-height{min-height:410px}
div.with-height-feet{min-height:345px}
/*1.6 Tables
----------------------------------------------- */
table{width:100%;margin-bottom:10px}
table tr{}
table tr{}
table tr th,table tr td{border-style:solid;border-color:#fff;border-width: 0 1px 1px 0 ;}
table tr th{color:#fff;padding:7px}
body#business table tr th{background-color:#d21e51}
table tr th span{font-size:91%}
table tr td{padding:7px;vertical-align:top;border-bottom:solid 1px #bdbfbd}
body#communities table tr th{background-color:#0092a7;}
body#education table tr th{background-color:#008ac9}
body#business table tr th{background-color:#d21e51}
body#general table tr th{background-color:#004c36}

/*2. MAIN PAGE ELEMENTS
______________________________________________________________________________________________*/


/*2.0 Top Level elements
----------------------------------------------- */
body{background:#f1f3f1 url(../images/general/bg-page-top.gif) repeat-x 0 -65px;font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;font-size:71%;line-height:1.5em}
p{padding-bottom:20px}
p.strapline{padding-bottom:0;margin-bottom:0}
img,object,embed{margin-bottom:10px;border:0}
strong,em{font-weight:bold}
address{padding:0 0 20px 0}
/*2.1 Wrapper
----------------------------------------------- */
#wrapper{ margin:0 auto;width:960px;background:#fff url(../images/general/bg-page-top.gif) repeat-x 0 -65px;padding: 0 10px 0 10px}
/*2.2 Header
----------------------------------------------- */
#header{border-bottom:solid 2px #d8d9da}
#header #carbon-cutter {text-align:right;padding: 7px 15px 0 0}
#header #carbon-cutter  a{color:#fff;font-weight:bold;text-decoration:none;padding:5px;border:0}
#header #carbon-cutter  a:hover{color: #004c36;background-color:#fff;border:solid 1px #004c36;font-weight:bold/*background-color:#FFE800;color:#004c36;font-weight:bold*/}
#header #branding {float:left;width:480px;padding-left:10px}
#header #site-wide-navigation{float:left;width:460px;padding:20px 0}
/*2.3 Navigation
----------------------------------------------- */
/* site wide*/
#header #site-wide-navigation ul{margin:0;padding:0}
#header #site-wide-navigation ul.left{float:left;width:220px;margin-right:0px; margin:0;padding:0}
#header #site-wide-navigation ul.right{float:right;width:220px; margin-right:0px;}
#header #site-wide-navigation ul li{list-style-type:none;padding:0;height:1%;margin: 0 0 5px 0 }
#header #site-wide-navigation ul li a{display:block;width:214px;margin:0;padding:3px  ;background-color:#00a890;text-decoration:none;color:#fff;border:0}
#header #site-wide-navigation ul li a:hover,#header #site-wide-navigation ul li a.on{background-color:#004c36;font-weight:normal}
#header #site-wide-navigation ul li.highlight a{width:212px;color:#4a5151;background-color:#fff;border:solid 1px #eceded;color: #004c36;background-color:#fff;}
#header #site-wide-navigation ul li.highlight a:hover{color: #004c36;border:solid 1px #004c36;background-color:#fff}
/* main */
#main-navigation {border-color:#fff;border-style:solid;border-width:10px 0}
#main-navigation ul{padding:0}
#main-navigation ul li{display:block;float:left;border-right:solid 1px #fff;padding:0}
#main-navigation ul li a{display:block;float:left;width:auto;padding:7px ;color:#4a5151;text-transform:uppercase;background-color:#eceded;text-decoration:none;font-weight:bold;border:0}
#main-navigation ul li a:hover{text-decoration:none;color:#fff}
#main-navigation ul li#mn-communities a{color:#0092a7}
#main-navigation ul li#mn-education a{color:#008ac9}
#main-navigation ul li#mn-business a{color:#d21e51}
body#home #main-navigation ul li#mn-home a, #main-navigation ul li#mn-home a:hover{background-color:#004c36;}
body#communities  #main-navigation ul li#mn-communities a,#main-navigation ul li#mn-communities a:hover{background-color:#0092a7;color:#fff}
body#education #main-navigation ul li#mn-education a,#main-navigation ul li#mn-education a:hover{background-color:#008ac9;color:#fff}
body#business #main-navigation ul li#mn-business a, #main-navigation ul li#mn-business a:hover{background-color:#d21e51;color:#fff}
body#home #main-navigation ul li#mn-home a ,body#communities #main-navigation ul li#mn-communities a,body#education  #main-navigation ul li#mn-education a,body#business  #main-navigation ul li#mn-business a{color:#fff;font-weight:bold}
/* section */
#section-navigation ul{padding:5px 0 0 0;margin:0}
#section-navigation ul li {list-style-type:none;padding-bottom:10px}
#section-navigation ul li  a{color:#fff;font-size:115%;text-decoration:none;border:0}
#section-navigation ul li  a:hover{text-decoration:none;}
a.on{font-weight:bold}
#section-navigation ul li ul{padding:0;margin: 0 0 0 10px}
#section-navigation ul li ul li {padding:5px 0}
#section-navigation ul li ul li a {font-size:102%;text-decoration:none}
#section-navigation ul li ul li ul {margin: 0 0 0 20px}
#section-navigation ul li ul li ul li {padding:5px 0}
#section-navigation ul li ul li ul li a {font-size:95%}
/* hygeine */
ul#hygeine-links{padding:0}
ul#hygeine-links li{display:inline;padding: 0}
ul#hygeine-links li a{color:#4a5151;padding-right:33px;border:0}
ul#hygeine-links li#h-tc a{display:inline;padding-right:0;margin-left:640px;color:#4a5151}
/* afflilate-links */
ul#afflilate-links{float:right;width:233px;padding: 20px 0;}
ul#afflilate-links li{float:left;padding:0;list-style-type:none}
ul#afflilate-links li a{display:block;height:61px;text-indent:-5000px;background-image: url(../images/general/bg-logos-sprite.gif);background-repeat:no-repeat;border:0}
ul#afflilate-links li#af-ksb a{width:53px;background-position:  0 -130px}
ul#afflilate-links li#af-ns a{width:100px;background-position:  -52px -135px}
ul#afflilate-links li#af-blf a{width:62px;background-position:  -158px -135px;}
/*2.4 Main content
----------------------------------------------- */
#content-wrapper{background-color:#eceded; padding:10px}
/*2.5 Footer
----------------------------------------------- */
#footer{padding:10px 0;}
p#copyright{float:left;width:707px;padding-top:77px;background: transparent url(../images/gcns-logos/gcnslogo-footer-small.gif) no-repeat  10px 10px}
#useful-links{border-bottom:solid 2px #d8d9da;padding:0 0 10px 0}

/*3. SPECIFIC PAGES
______________________________________________________________________________________________*/

/*3.0 Homepage

----------------------------------------------- */
div.horizontal-container{}
div.horizontal-container-bottom{margin-bottom:0;overflow:hidden}
div.home-with-height-top-row{min-height:295px}
div.coloured-box-no-margin,div.coloured-box-feet-no-margin,div.white-box-no-margin{padding:10px;color:#fff;margin-bottom:0}
div.carbon-cutter-box{background-color:#009580;margin-bottom:0;min-height:295px;padding:10px;margin-bottom:20px}
div.home-box-general{background-color:#004c36;margin-bottom:0}
div.home-with-height{min-height:360px}
div#home-tips{background-color:#009580;color:#fff;padding:10px}
div#home-tips ul {margin:0;padding:0}
div#home-tips ul li{height:100px;overflow:hidden;padding:0;margin:0;list-style-type:none}
div#home-tips ul li img{float:right}
div#home-tips ul li p{float:left;width:25%;padding: 0 20px 0 0;color:#fff}


/* Section home  pages
----------------------------------------------- */
#section-home-content{float:left;width:700px;padding:0 0;margin:0}

div.section-home-col-1{float:left;width:220px;margin-right:20px;}
div.section-home-col-2{float:left;width:460px;}
div.section-home-col-2-coloured{float:left;width:460px;margin-right:20px}
/* business*/
#logos{height:157px;overflow:hidden}

/* Where is the carbon
----------------------------------------------- */
div.column-gallery clearing  a {border:0}

 	  /* FAQ - accordion
----------------------------------------------- */
/* root element for accordion */
#accordion {}
/* accordion header */
#accordion h2 {font-size:100%;margin:0 0 5px 0;padding:5px;cursor:pointer;border:solid 1px #eceded; }
/* currently active header */
#accordion h2.current {cursor:default;background-color:#004c36;color:#fff;;margin:0 0 15px 0}
/* accordion pane */
#accordion div.pane {border-width:0 2px;display:none;padding:0 10px;}
/* a title inside pane */
#accordion div.pane h3 {font-weight:normal;	margin:0 0 -5px 0;}

/* Sitemap
----------------------------------------------- */
ul#sitemap{}
ul#sitemap li {list-style-type:none}
ul#sitemap li a {font-weight:bold}
ul#sitemap li  ul {margin:20px  0 0 20px}
ul#sitemap li  ul li {list-style-type:disc}
ul#sitemap li  ul li a {font-weight:normal}
ul#sitemap li  ul li ul{margin:10px  0 0 30px} 
/* keep at end of css file*/
.bottom{margin-bottom:0;}

/******* to hide carbon cutter application link
----------------------------------------------- ******/
#carbon-cutter p a{display:none}