/* For SCOTLANDS DISABLED CHILDREN

 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:#a6cde7;margin:0;padding:0;height: 100%;margin:0 0 30px 0} 

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{ position: absolute;left: -20000px;height:1px;margin:0;padding:0;}


/* 1.1 headings

----------------------------------------------- */

h1,h2,h3,h4, h5 ,h6 {font-weight:normal;color:#fff;font-family:"Avant garde", "Century gothic", Arial, sans-serif;}
h1{font-size:220%;padding:5px 0 30px 0}
h2{font-size:160%;padding-bottom:10px;border-bottom:dotted 2px #a6cde7;margin-bottom:10px}
h3{font-size:110%;padding-bottom:5px}
h4{font-size:100%;}
h5{font-size:100%;}
h6{font-size:100%;}

/* alternate font colors for section*/



/* 1.2 Links + lists
----------------------------------------------- */
#centreContent a,#centreContentLanding a,#homeMainBanner a{color:#fff;font-weight:normal;border-bottom: dotted 2px #fff;text-decoration:none}
#centreContent h2 a,#centreContentLanding  h2 a, #homeMainBanner #joinLink a{border-bottom:0;}
#centreContent ul,#centreContentLanding ul,#centreContent ol,#centreContentLanding ol{margin: 0 20px 20px}
#centreContent ul li,#centreContentLanding ul li{list-style-type:disc;padding-bottom:10px}
#centreContent ol li,#centreContentLanding ol li{list-style-type:decimal;padding-bottom:10px}


/* 1.3 Forms
----------------------------------------------- */
form{}
form legend{padding-bottom:20px;color:#fff;font-size:150%}
form p{}
form p.label-float{clear:both;padding-bottom:50px}
form p label{color:#fff;font-weight:bold}
form p.label-float input{float:left}
form p.label-float label{display:block;float:left;width:380px}

form p label.choice-label{font-weight:normal}
form p input{width:300px;padding:5px;border:0;font-weight:normal;color:#a6cde7;background:transparent;border:solid 1px #a6cde7}
input.required,input.invalid,textarea.required,textarea.invalid{background-color:#900;color:#fff}
form p input.button{width:auto;color:#fff;background-color:#00285e;font-weight:bold}
form p input.checkbox,form p input.radio{width:20px;margin-right:5px;border:0;}
form p textarea{width:400px;height:200px;font-weight:normal;padding:5px;color:#a6cde7;background:transparent;border:solid 1px #a6cde7}
div.errors{margin:0 0 20px 0;padding:20px;border:dotted 1px #a6cde7;font-size:120% }
#ajaxSearch_form{}
#centreContent #ajaxSearch_form{margin-top:-40px;}
#ajaxSearch_input{width:200px;padding:2px;border:0}
#centreContent #ajaxSearch_input{width:300px;}
#ajaxSearch_submit{background-color:#0071b9;border:0;color:#fff;font-size:110%;font-weight:bold}
#centreContent #ajaxSearch_submit{background-color:#00285e;border:solid 1px #a6cde7;padding:2px}
#centreContent ul.radio-buttons {margin-left: 0; background-color:green}
#centreContent ul.radio-buttons li {list-style-type: none;}


/* 1.4 Columns + Rows
----------------------------------------------- */
div.leftColumn{float:left;width:190px;margin-right:70px;}
#centreContent{float:left;width:420px;margin-right:60px;padding-top:10px;min-height:440px}
#centreContent img{float:right;padding:20px 0 20px 20px}
#centreContentLanding{float:left;width:620px;margin-right:00px;}
div.rightContent{float:left;width:210px;}

/* 1.5 Puffs + Boxes
----------------------------------------------- */
/* quotes in right column*/
div.rightContent blockquote{font-size:145%;font-weight:bold;margin-bottom:30px;padding:0 10px}
div.rightContent blockquote p{padding-bottom:5px;color:#fff;line-height:1.3em;font-style:italic;}
div.rightContent blockquote p.quoteSource{font-size:71%;font-weight:normal;line-height:1.2em;font-style:normal;}
div.rightContent blockquote img.fixed-quote-logo{float:left; margin-right: 3px;}
/* join us link - bottom right page*/
#joinLink {padding:1em 0 0 0;}
#joinLink a{display:block;width:149px;height:85px;text-indent:-5000px;background-color:transparent;background-repeat:no-repeat;background-image:url(../images/buttons/btn-join-us.png);background-position:0 0;overflow:hidden}
#joinLink a:hover{background-position:0 -95px}

/*1.6 Tables
----------------------------------------------- */



/*2. MAIN PAGE ELEMENTS
______________________________________________________________________________________________*/
* html{background-attachment:scroll;}
body{font-family:Arial, Verdana, sans-serif;height: 100%;background-color:#005a9b;}
body > #outerWrapper {height: auto; min-height: 100%}
p{padding-bottom:20px;line-height:1.45em}
p.contentIntro{color:#fff;font-size:150%;line-height:1.2em}
img.imgPadBottom{padding-bottom:20px}
strong{font-weight:bold}
em{font-style:italic;}
blockquote{font-style:italic;}

/*2.0 Top Level elements
----------------------------------------------- */
/* for sticky footer */
#outerWrapper {margin-bottom:0;padding-bottom:216px;}
body > #outerWrapper {height: auto; min-height: 100%;}
#mainNavigationWrapper{position:fixed;z-index:100; top:0;width:100%;background-color:#00285e;text-align:center;min-height:39px;border-bottom:solid 1px #005b9b}
* html #mainNavigationWrapper{height:39px}
#mainNavigation{margin:0 auto;width:960px;}
* html #mainNavigation{position:static;}
#headerWrapper{padding:40px 0 0 0;min-height:155px;background:transparent url(../images/general-layout/bg-gradient-header.jpg) repeat-x 0 40px }
* html #headerWrapper{height:155px;padding:0 0 0 0;background-position:0 0}
#header{ margin:0 auto;width:960px;height:199px ; background-color:transparent;background-position:0 0;background-image: url(../images/general-layout/bg-header-sprite.jpg);}
/*moves header bg for different sections */
body#bi-good-intentions #header{background-position: 0 -210px }
body#bi-better-lives #header{background-position: 0 -420px }
/*site search*/
#siteSearchWrapper{background-color:#0071b9;border-style:solid;border-color:#4d9cce;border-width:1px 0;padding:0 0 6px 0;line-height:0.5em}
#siteSearch{margin:0 auto;width:960px}

/*2.2 Header
----------------------------------------------- */
#branding{float:left;width:445px;}
#branding h1{padding:0;margin:0}
#branding h1 a{display:block;width:445px;height:199px;text-indent:-5000px;overflow:hidden}


/*2.3 Navigation
---------------------------------------------- */
/* main */
 ul#mainNavbar{float:right;width:auto;font-size:81%}
 ul#mainNavbar li{float:left;width:auto;background:transparent url("../images/general-layout/bg-divide-mainanv.gif") no-repeat right;}
 ul#mainNavbar li.last{background-image:none;}
 ul#mainNavbar li a{display:block;float:left;width:auto;min-height:39px;line-height:39px;padding: 0 14px 0 11px;margin: 0 0 0 -2px;font-size:110%;color:#fff;border:0;text-decoration:none}
 ul#mainNavbar li a:hover{background-color:#005093}
 ul#mainNavbar li.active a{;background-color:#0071b9}
 ul#mainNavbar ul li.active ul li a{font-weight:normal}
 ul#mainNavbar ul li.active ul li.active a{}
 ul#mainNavbar ul li.last a, #footer  ul li.last a{border:0;}
 
/*social media*/
ul#socialMedia{padding:8px 0}
ul#socialMedia li{float:left;width:21px;margin-right:9px}
ul#socialMedia li a{display:block;float:left;width:21px;height:21px;text-indent:-5000px;background-repeat:no-repeat;overflow:hidden}
ul#socialMedia li#t-sm a{background-image: url(../images/general-layout/logo-twitter-button.png)}
ul#socialMedia li#f-sm a{background-image: url(../images/general-layout/logo-facebook-button.png)}
ul#socialMedia li#rss-sm a{background-image: url(../images/general-layout/logo-rss-button.png)}
ul#socialMedia li#pod-sm a{background-image: url(../images/general-layout/podcast-image.png)}
/* section */
div.leftColumn ul{border-top:dotted 3px #668fb1;}
div.leftColumn ul li{padding:10px 0;border-bottom:dotted 3px #668fb1}
div.leftColumn ul li a{font-weight:normal;text-decoration:none;color:#fff;font-size:100%}
div.leftColumn ul li.active a{font-weight:bold;text-decoration:none}
div.leftColumn ul li.active  ul li a{font-weight:normal;color:#a6c6d7;}
div.leftColumn ul li.active  ul li.active  a{font-weight:bold}
div.leftColumn ul li.active  ul li.active  ul li a{font-weight:normal}
div.leftColumn ul li.active  ul li.active  ul li.active  a {font-weight:bold}
div.leftColumn ul li ul{margin:5px 0 5px 10px;border-top:0;}
div.leftColumn ul li ul li{border-bottom:0;padding:5px 0;}
div.leftColumn ul li ul li ul{margin:5px 0 5px 20px}
div.leftColumn ul li ul li ul li{}

/* hygeine */
#footer ul{position:relative;top:180px;left:20px}
#footer ul li{display:inline;background:transparent url(../images/general-layout/bg-divide-mainanv.gif) no-repeat right}
#footer ul li a{font-size:110%;padding:0 7px;color:#fff;text-decoration:none;}
#footer ul li.last {background-image:none}

/*2.4 Site search
----------------------------------------------- */
#siteSearch{}
#siteSearch p{padding-bottom:0}
p#ajaxSearch_intro{display:none}


/*2.5 Main content
----------------------------------------------- */
#contentWrapper{clear:both;}  /* padding for sticky footer - must be same height as the footer */
#content{margin:0 auto;width:960px;padding:30px 0 0 0;background:transparent url(../images/general-layout/bg-content-gradient.jpg) no-repeat;min-height:678px;}
* html #content{height:678px;}
#content.landing{background:transparent url(../images/general-layout/bg-content-gradient-landing.jpg) no-repeat;}
#content.home{background:transparent url(../images/general-layout/bg-content-gradient-home.jpg) no-repeat;min-height:678px;}
#contentHome{margin:0 auto;width:960px;padding:30px 0 0 0;background:transparent url(../images/general-layout/bg-content-gradient.jpg) no-repeat;min-height:678px;}


/*2.5 Footer
----------------------------------------------- */
#footerWrapper{clear:both;padding: 0 0 0 0;margin-top:-216px;height:216px;overflow:hidden;}
#footer{margin:0 auto ;width:960px;clear:both;background:transparent url(../images/general-layout/bg-footer.gif) no-repeat  bottom;height:216px} 


/*3. SPECIFIC PAGES
______________________________________________________________________________________________*/

/*HOME PAGE*/
#homeMainBanner{padding:14px 0; margin-bottom:20px;background:transparent url(../images/general-layout/bg-home-boxt-top.gif) no-repeat}
* html #homeMainBanner{height:250px}
#homeMainBannerContent{background:transparent url(../images/general-layout/bg-home-boxt-content.gif) no-repeat;min-height:258px;padding:10px 80px 10px 270px;color:#fff;font-size:140%}
#homeMainBannerContent h2#home-top{background:transparent url(../images/general-layout/bg-home-title-we-want.png) no-repeat;border:0;text-indent:-5000px}
#homeMainBanner #home-top-footer{background:transparent url(../images/general-layout/bg-home-boxt-btm.gif);height:14px}

/*home page-bottom*/
#homeBottomContainer{background:transparent url(../images/general-layout/bg-broken-arrows.png) no-repeat 210px 5px;padding:0}
#homeBox1,#homeBox2,#homeBox3Container{float:left;min-height:290px;}
* html #homeBox3Container{height:390px}

/*home page-bottom -box 1*/
#homeBox1{width:230px;margin-right:100px;padding-top:10px}
#homeBox1 h2{border-bottom:0}
#homeBox1 h2 a{display:block;width:230px;height:253px;text-indent:-5000px;border-bottom:0;background:transparent url(../images/buttons/home-good-intentions.png) no-repeat;overflow:hidden}

/*home page-bottom -box 2*/
#homeBox2{width:230px;margin-right:100px;padding-top:20px}
#homeBox2 h2{border-bottom:0}
#homeBox2 h2 a{display:block;width:230px;height:263px;text-indent:-5000px;border-bottom:0;background:transparent url(../images/buttons/home-betterlives.png) no-repeat;overflow:hidden}

/*home page-bottom -box 3*/
#homeBox3Container{width:300px}
#homeBox3{background:transparent url(../images/general-layout/bg-home-orange-top.png) no-repeat;padding:20px 25px 0 25px;color:#fff;font-size:130%;}
#homeBox3 h2 {border-bottom:0;}
#homeBox3 h2 a{display:block;border-bottom:0; background:transparent url(../images/general-layout/bg-home-orange-header.png) no-repeat;width:244px;height:26px;text-indent:-5000px}
#homeBox3 p{line-height:1.5em}
#homeBox3 p a{color:#fff; border-bottom:2px dotted  #fff;text-decoration:none}
#homeBox3btm{background:transparent url(../images/general-layout/bg-home-orange-btm.png) no-repeat;height:13px}

/*LANDING PAGES*/
div.landing-box-wrapper{padding-bottom:60px;position:relative;}
div.landingBox{background-color:#00457d; padding:10px;}
div.corners {-moz-border-radius:10px;-webkit-border-radius:10px;}
div.landingBox-border{border:dotted 2px #fff;}
div.landing-image-container{position:absolute;width:auto}
div.landing-image-container a {border:0 !important}
div.landing-box-wrapper p{padding-bottom:0;}

/*good intentions*/
div.gi-right,div.bl-right{padding-right:170px}
div.gi-left{padding-left:170px}
div.gi-image-1{top:-20px;left:470px;}
div.gi-image-2{top:-20px;left:-5px}
div.gi-image-3{top:-20px;left:470px}

/*better lives*/
div.landing-internal-box{float:left;width:140px;padding:0 160px 0 0;min-height:220px;position:relative}
div.landing-internal-box-end{float:left;width:140px;padding:0 100px 0 20px;min-height:220px;position:relative}
* html div.landing-internal-box, * html div.landing-internal-box-end{height:220px}
div.landing-internal-box p{padding:0;margin:0}
div.bl-image-1{top:-25px;left:470px;}
img.bl-image-2{position:absolute;top:-470px;left:170px;width:136px}
img.bl-image-3{position:absolute;top:-470px;left:495px;width:136px}
img.bl-image-4{position:absolute;top:-240px;left:160px;width:136px}
img.bl-image-5{position:absolute;top:-240px;left:495px;width:136px}

/*How to help*/
#landingHelpMain{background:transparent url(../images/general-layout/bg-landing-help-mb-top.gif) no-repeat;min-height:260px;padding:20px;font-size:135%;color:#fff}
*html #landingHelpMain{height:206px}
#landingHelpMain h2{border:0}
#landingHelpMain h2 a{border:0}
#landingHelpMain h2 {}
#landingHelpMainbtm{background:transparent url(../images/general-layout/bg-landing-help-mb-btm.gif) no-repeat;height:14px;padding-bottom:40px}
div.h-landing-image a, div.h-landing-image-end a{border:0 !important}
/*smallboxes*/
div.h-landing-box-wrapper{float:left;width:289px;margin-right:20px;position:relative}
div.h-landing-box-wrapper-end{float:left; width:309px;position:relative}
div.h-landing-box{padding-right:100px}
div.h-landing-box h2{border:0;margin:0;padding:0;line-height:1.5em;font-size:130%} 
div.h-landing-image,div.h-landing-image-end{position:absolute;height:5px;top:-10px}
div.h-landing-image{left:210px}
div.h-landing-image-end{left:220px}
div.h-landing-image a {border-bottom:0}

/* SEARCH RESULTS*/
span.ajaxSearch_paging{display:block;padding:10px 0;}
p.ajaxSearch_resultsInfo{font-size:140%;color:#fff;padding:20px 0}

span.ajaxSearch_highlight{color:#fff}
a.ajaxSearch_resultLink{font-size:130%;margin-bottom:10px;display:block}

/* ABOUT THE COALTION */
ul#coaltion-members{width:381px;margin:0 15px 0;padding:0;border-color:#005a9b;border-style:solid;border-width:5px 0 0 5px}
ul#coaltion-members li{margin:0;padding:0;list-style-type:none;float:left;width:122px;height:61px;border-color:#005a9b;border-style:solid;border-width:0 5px 5px 0}
ul#coaltion-members li img{border:0;padding:0}
ul#coaltion-members li a{border:0;padding:0}

/*SITEMAP*/
ul#sitemap{}
ul#sitemap li{padding-bottom:20px}
ul#sitemap li a{font-size:130%;font-weight:bold}
ul#sitemap li ul{margin:15px 10px}
ul#sitemap li ul li{list-style-type:none}
ul#sitemap li ul li a{font-size:115%;font-weight:normal}
ul#sitemap li ul li ul{margin: 10px 30px 0 30px}
ul#sitemap li ul li ul li{padding-bottom:10px}
ul#sitemap li ul li ul li a{font-size:100%}

/*JOIN*/
h2.toggle-text{font-size:120%;border:0}
 	
/* BLOGS*/
/* blog home page*/
div.blogsummaryPost{border-top:solid 1px #a6cde7;padding-top:20px}
div.blogsummaryPost h3 a{font-size:120%;border-width:0 0 1px 0:}
div.ditto_info{padding-top:5px }
div.ditto_tags{padding-bottom:20px}
#centreContent div.ditto_tags a{margin-right:5px;border-bottom: dotted 1px #fff}
p.ditto_link{padding-top:10px}
div.ditto_pagination{border-top:solid 1px #a6cde7;padding-top:20px}
span.ditto_previous_off{margin-left:20px}
.ditto_currentpage { padding: 1px 5px 1px 2px; margin-right: 1px;  padding:5px } 
 .ditto_off { margin-right: 1px; ; overflow: hidden;border:solid 1px #a6cde7;padding:5px  }
a.ditto_page{padding: 1px 5px 1px 2px; margin-right: 5px;}
a.ditto_next_link,a.ditto_previous_link{border-bottom:0;border:solid 1px #a6cde7;padding:5px}
/* BLOG RIGHT COL*/
/* recent posts*/
ul#recent_blog_posts{margin-bottom:20px}
ul#recent_blog_posts li{list-style-type:none;padding-bottom:5px}
ul#recent_blog_posts li a{color:#fff;border-bottom:dotted #fff 1px;text-decoration:none}
ul#recent_blog_posts li span{display:block;font-size:91%;padding-top:3px}
/*tags*/

div.tagcloud{padding-bottom:20px}
div.tagcloud a{color:#fff; border-bottom:dotted 1px #fff;text-decoration:none;margin-right:5px;line-height:1.5em}
/* archive*/
ul.reflect_archive li{padding-bottom:10px}
ul.reflect_archive li.reflect_month a{color:#fff;border-bottom:dotted 1px #fff;text-decoration:none;}	
/* BLOG PAGE*/


.jot-err,.jot-cfm {border: 1px solid #a6cde7;color:#fff;font-weight: bold;padding: 10px;margin-bottom: 20px;}
.jot-row  {margin-top:20px;border:0;border-top:solid 1px #a6cde7;padding:20px 0;clear:both;background-color:transparent;}
.jot-row-alt {background-color:transparent;}
.jot-row-author {}
.jot-row-me {}
.jot-row-up {}
.jot-row-new {}
.jot-comment {}
.jot-comment hr {display:none}
.jot-posticon {display:none}
.jot-posticon img {border: 0px;}
.jot-mod text-align: right;color: #666666;font-weight: bold;}
.jot-mod img {border: 0px;}
.jot-mod a {}
.jot-mod a:hover {background-color:transparent;}
.jot-subject {font-weight: normal;font-size: 120%;color:#fff}
.jot-message {padding-bottom:20px}
.jot-poster {display:block;font-size:81%;padding-bottom:20px}
.jot-nav {padding: 0px;text-align: center;margin: 10px;}
.jot-list ul {padding: 0px;text-align: left;margin-bottom: 10px;list-style-position: inside;}
.jot-subscribe {margin-bottom: 10px;}
.jot-form {margin-bottom: 10px;}
.jot-form fieldset {border: 0px;}
.jot-form label {display: block;}
.jot-user {font-size:91%}
.jot-content {}
.jot-extra {padding-bottom:20px}
.jot-editby {display:block;font-size:81%;padding-bottom:10px;}
/* comments form */
#comments-form-container{border-top:dotted  2px #a6cde7;padding-top:10px}
form.jot-form{}
form.jot-form label{display:block;padding-bottom:10px}
form.jot-form label input,form.jot-form label textarea{border:0;padding:5px;background-color:#fff}


