@import '../fonts/reset-fonts-grids/reset-fonts-grids.css';
@import '../fonts/base/base.css';


body
{
    background: #fff url(/images/bgr-body.gif) repeat-x top left;
    font-family: verdana;
}

/* custom grids and width fixing */
#ccc-doc
{
    margin: auto;
    text-align: left;
    width: 900px;
}
.yui-t1 .yui-b
{
    width: 160px;
}
.yui-t1 #yui-main .yui-b
{
    width: 740px;
    margin-left: 160px;
}
.yui-ge div.first, .yui-gf .yui-g, .yui-gf .yui-u
{
    width: 540px;
}



.wrapper
{
    background: transparent url(/images/bgr-hd-outer.gif) no-repeat 50% 0;
    margin: 10px 0;
}

dciv
{
    background: #efefef;
    border: 1px dashed #ccc;
}


#hd
{
    position: relative;
    background: #28D4ED url(/images/bgr-hd.gif) no-repeat top left;
    height: 139px;
    font-size: 85%;
}

#hd .logo
{
    display: block;
    float: left;
    padding: 9px 0 0 10px;
}
#hd a.access-options
{
    position: absolute;
    top: 20px;
    left: 126px;
    color: #B3E4EB;
}

.search_textbox 
{
	height: 16px;
	padding: 1px;
	width: 90px;
	font-family: verdana;
	font-size: 11px;
	font-weight: normal;
	color: Black;
}
.wm_search_textbox
{
	height: 16px;
	padding: 1px;
	width: 90px;
	font-family: verdana;
	font-size: 11px;
	font-weight: normal;
	color: #cccccc;
}
 
.topmenu_separator
{
	color: white;
	font-weight: bold;
}

#hd ul.topmenu
{
    position: absolute;
    top: 17px;
    right: 0px;
    margin: 0;
    padding: 0;
}
#hd ul.topmenu li
{
    float: left;
    position: relative;
    list-style: none;
    border-left: solid 1px #8AF0FF;
    font-weight: bold;
}
#hd ul.topmenu li.first
{
    border-left: none;
}

#hd ul.topmenu li.first_fix_top
{
    border-left: none;
    margin-top: 4px;
}


#hd ul.topmenu li a
{
    margin: 0 8px;
    color: #fff;
}
#hd ul.mainmenu
{
    position: absolute;
    top: 65px;
    left: 175px;
    background: #FF0000;
    margin: 0;
    padding: 0;
}
#hd ul.mainmenu li
{
    float: left;
    position: relative;
    list-style: none;
    background: #FF0000;
    font-size: 18px;
    height: 24px;
    font-weight: bold;
    margin: 0;
    padding: 0;
}
#hd ul.mainmenu li a
{
    color: #fff;
    text-decoration: none;
    margin: 0 30px;
    display: block;
    background-repeat: no-repeat;
    /*text-indent: -2000px;*/
    overflow: hidden;
}
#hd ul.mainmenu li a.making-a-difference
{
    width: 200px;
    background-image: url(/images/mainmenu/making-a-difference.gif);
}
#hd ul.mainmenu li a.get-involved
{
    width: 127px;
    background-image: url(/images/mainmenu/get-involved.gif);
}
#hd ul.mainmenu li a.make-a-donation
{
    width: 167px;
    background-image: url(/images/mainmenu/make-a-donation.gif);
}
#hd div.breadcrumb
{
    position: absolute;
    top: 120px;
    left: 175px;
    color: #015267;
}
#hd div.breadcrumb a
{
    color: #015267;
}


#bd
{
    position: relative;
    clear: both;
    background: #75D0E5 url(../images/root/bgr-hill.gif) no-repeat bottom left;
    padding: 10px 0;
    height: auto !important;
    height: 430px;
    min-height: 430px;
}
#bd .bd-ft
{
    /*border:solid 1px black;*/
    position: absolute;
    z-index: 3;
    bottom: 0;
    left: 0;
    width: 900px;
    height: 10px;
    background: transparent url(../images/root/bd-ft.gif) no-repeat top left;/**/
    behavior: url(../images/iepngfix.htc);
    font-size: 1%;
}

ul.sidemenu
{
    background: transparent url(/images/sidemenu/bgr-s.gif) no-repeat bottom right;
    padding: 0;
    margin: 0;
    width: 150px;
    font-size: 85%;
    padding-bottom: 10px;
}
ul.sidemenu li
{
    list-style: none;
    padding: 15px 0 5px 0;
    margin: 0;
    background: #1790AD url(/images/sidemenu/bgr-ne.gif) no-repeat top right;
}

ul.sidemenu li a
{
    padding: 0 10px 0 10px;
    display: block;
    boxrder: solid 1px red;
}
ul.sidemenu li ul
{
    margin: 5px 0 0 0;
    padding: 0;
}
ul.sidemenu li ul li
{
    background: none;
    border-top: solid 1px #3BA9C2;
    padding: 6px 0;
}
ul.sidemenu li ul li a
{
    margin: 0;
    padding: 0 10px 0 20px;
    background: transparent;
}

ul.sidemenu li.active
{
    padding-bottom: 0;
}
ul.sidemenu li.active a
{
    background: #FE0000;
}
ul.sidemenu li.active li a
{
    background: none;
}
ul.sidemenu li li.active
{
    background: #FE0000;
    padding-bottom: 6px;
}

ul.sidemenu a
{
    color: #fff;
}

#bd.default .content
{
    width: 540px;
}
#bd.default .content .hd
{
    height: 10px;
    background: transparent url(/images/content/n.png) no-repeat top left;
    behavior: url(/images/iepngfix.htc);
    font-size: 1%;
}
#bd.default .content .bd
{
    background: #ffffff;
    padding: 10px 10px 10px 20px;
    font-family: verdana;
    font-size: 83%;
}
#bd.default .content .ft
{
    height: 10px;
    background: transparent url(/images/content/s.gif) no-repeat top left;
    behavior: url(/images/iepngfix.htc);
    font-size: 1%;
}

#bd.single .content
{
    width: 730px;
}
#bd.single .content .hd
{
    height: 10px;
    background: transparent url(/images/content/single-n.png) no-repeat top left;
    behavior: url(/images/iepngfix.htc);
    font-size: 1%;
}
#bd.single .content .bd
{
    background: #fff;
    padding: 10px 10px 10px 20px;
    font-family: verdana;
    font-size: 83%;
}
#bd.single .content .ft
{
    height: 10px;
    background: transparent url(/images/content/single-s.png) no-repeat top left;
    behavior: url(/images/iepngfix.htc);
    font-size: 1%;
}


/* Content area html styles */
.content ul li
{
    list-style-image: url(/images/root/bullet.gif);
}
.content strong
{
    color: #fe0000;
}
.content a
{
    color: #fe0000;
}
.content h1
{
    font-family: arial;
    font-size: 239%;
    color: #f00;
    margin-top: 0;
}
.content h2
{
    font-family: arial;
    font-size: 138.5%;
    color: #f00;
}
.content h3
{
    font-size: 100%;
    color: #f00;
    margin: 0;
}
.content q
{
    background: transparent url(/images/root/bgr-q.gif) no-repeat top left;
    color: #1692AE;
    display: block;
    padding: 0 40px 0 30px;
}
.content span.attrib
{
    color: #1692AE;
    font-style: italic;
    display: block;
    margin: 0 0 0 30px;
}
.content a.link-button
{
    display: block;
    float: left;
    background: #34C238;
    color: #fff;
    font-weight: bold;
    padding: 5px 10px;
    margin: 0 10px 10px 0;
    width: 170px;
    text-decoration: none;
    text-align: center;
}
.content .hr
{
    clear: both;
    height: 1px;
    background: #C5E3EB;
    margin: 1em 0;
}
.content .hr hr
{
    display: none;
}
.content img.left
{
    float: left;
    margin: 0 10px 10px 0;
}
.content img.right
{
    float: right;
    margin: 0 0 10px 10px;
}
.news3 .div_news_wrap
{
    /*clear:both;*/
    width:280px;
    float:left;
    /*border:solid 1px white;*/
    overflow:hidden;
    
}
.news3 .div_news_left
{
    float:left;
    /*border:solid 1px red;*/
    width:180px;
}

.news3 .div_news_right
{
    float:left;
    padding:0 0 0 10px;
    /*border:solid 1px green;*/
}
.content .news-top img
{
    float: left;
    width:100px;
    margin: 0 1em 1em 0;
}
.content .news-top h3
{
    color: #000;
    margin: 0 0 0.8em 0;
}
.content .news-archive h4
{
    margin: 0 0 0.8em 0;
}
.content .news-archive h4 a
{
    color: #000;
}
.content .news-article .images
{
    width: 130px;
    float: left;
}
.content .news-article .images img
{
    margin: 0 0 10px 0;
}
.content .news-article .text
{
    width: 370px;
    float: left;
}

.field
{
    clear: both;
    float: none;
    width: 100%;
}
.field label
{
    float: left;
    width: 100px;
    text-align: right;
    margin: 0.8em 1em 0 0;
}
.field2 label
{
    float: left;
    width: 150px;
    text-align: right;
    margin: 0.8em 1em 0 0;
}

.field-text input
{
    float: left;
    width: 300px;
    margin: 0.5em 0.5em 0.5em 0;
    border: 1px solid #bbb;
    background: #f6f6f6;
    padding: 5px;
}
.field-text input.none_applied
{
    float: none;
    width: 10px;
    /*border: solid 1px red;
    background: ;*/
    padding: 0px;
    
}
.field-text ul 
{
    margin: 0;
    padding: 10px 0 10px 0;
    height: auto;
    overflow: hidden;
}
.field-text ul li 
{
    float: left;
    list-style: none;
    margin: 0;
    padding: 0;
}
.field-text ul li label
{
    margin: 0;
    padding: 0 0 0 10px;
    text-align: left;
}
.field input.none_applied
{
    float: none;
    width: 10px;
    /*border: solid 1px red;*/
    background: ;
    padding: 0px;
    
}
.field-text input:focus
{
    border: 1px solid #999;
    background: #fff;
}

.field-textarea textarea
{
    float: left;
    width: 300px;
    margin: 0.5em 0.5em 0.5em 0;
    border: 1px solid #bbb;
    background: #f6f6f6;
    padding: 5px;
}
.field-textarea textarea:focus
{
    border: 1px solid #999;
    background: #fff;
}
.field .error
{
    display: block;
    float: left;
    padding: 0.5em 0 0 0;
    color: #f00;
}

.widelabel label
{
    width: auto;
}
.widelabel input
{
    clear: left;
    margin-left: 110px;
}

.buttons
{
    clear: both;
    margin: 0.5em 0 0.5em 110px;
}


.faqs .question
{
    margin-bottom: 0.4em;
    color: #fe0000;
    font-weight: bold;
}
.faqs .answer
{
    margin-top: 0.4em;
}

.donation-link
{
    clear: both;
    padding: 0 0 2em 0;
}
.donation-link img
{
    float: left;
    width: 150px;
    margin: 0 10px 0 0;
}

.donation-link img.nowdt
{
    width:auto;
}

.donation-link .text
{
    float: left;
    width: 380px;
}
.donation-link .text h2
{
    margin: 0em;
}


#ft
{
    background: #1891B0;
    color: #fff;
    margin: 1px 0 1em 0;
}
#ft .hd
{
    height: 10px;
    background: transparent url(/images/footer/n.gif) no-repeat top left;
    font-size: 1%;
}
#ft .bd
{
    padding: 1px 10px;
    font-family: verdana;
    font-size: 77%;
}
#ft .ft
{
    height: 10px;
    background: transparent url(/images/footer/s.gif) no-repeat top left;
    font-size: 1%;
}
#ft a
{
    color: #fff;
}



.home #hd
{
    background-image: url(/images/home/bgr-hd.gif);
}
.home #bd
{
    background-image: url(/images/home/bgr-bd.gif);
    height: 272px !important;
    min-height: 0;
    padding: 0;
    position: relative;
}
.home #bd p.intro
{
    position: absolute;
    left: 260px;
    top: 20px;
    color: #fff;
    font-size: 20px;
    width: 310px;
    height: 161px;
    z-index: 2;
    background: transparent url(/images/home/ccc-is.gif) no-repeat top left;
    text-indent: -2000px;
    overflow: hidden;
}
.home #bd p.find-out
{
    position: absolute;
    left: 320px;
    top: 165px;
    color: #fff;
    font-size: 18px;
    width: 227px;
    height: 80px;
    z-index: 2;
    background: transparent url(/images/home/find-out.png) no-repeat top left;
    behavior: url(/images/iepngfix.htc);
}
.home #bd p.find-out a
{
    color: #fff;
    display: block;
    width: 227px;
    height: 80px;
    text-indent: -2000px;
    overflow: hidden;
}
.ul_topredbanner .a_topredbanner a
{
    /*font-size: 22px;*/
    font-family: Arial;
    
    color: #fff;
    font-size: 18px;
    font-weight: bold;
}
.ul_topredbanner .li_topredbanner
{
    color: #fff; 
    
}

.home #bd .links
{
    position: absolute;
    right: 0;
    top: -20px;
    width: 210px;
    font-size: 22px;
    font-family: Arial;
    font-weight: bold;
    color: #fff;
    text-align: center;
}
.home #bd .links ul
{
    padding: 0;
    margin: 0;
    font-size: 18px;
    font-weight: bold;
}
.home #bd .links ul li
{
    padding: 0;
    margin: 5px 0;
    list-style: none;
    background: transparent url(/images/home/bgr-link.png);
    height: 70px;
    behavior: url(/images/iepngfix.htc);
}
.home #bd .links ul li a
{
    display: block;
    width: 184px;
    height: 70px;
    color: #fff;
    text-decoration: none;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    text-indent: -1000px;
    overflow: hidden;
    margin-left: 10px;
}
.home #bd .links .ways-to-help
{
    background: transparent url(/images/home/ways-to-help.gif) no-repeat top left;
    width: 182px;
    height: 30px;
    text-indent: -1000px;
    overflow: hidden;
    margin-left: 10px;
}
.home #bd .links .make-a-donation
{
    background-image: url(/images/home/make-a-donation.gif);
}
.home #bd .links .get-involved
{
    background-image: url(/images/home/get-involved.gif);
}
.home #bd .links .payroll-giving
{
    background-image: url(/images/home/payroll-giving.gif);
}
.home #bd .kid1
{
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
}
.home #bd .kid2
{
    position: absolute;
    right: 210px;
    bottom: 0;
    z-index: 1;
}
.home #ft
{
    position: relative;
}
.home #ft .ft-text
{
    float: right;
    width: 250px;
    text-align: right;
}
.home #ft .ft-text p
{
    margin: 2px 0;
}
.home .credit
{
    position: absolute;
    left: -17px;
    bottom: -10px;
    height: 345px;
    width: 10px;
    background: url(/images/home/credit.gif) no-repeat;
    text-indent: -1000px;
    overflow: hidden;
}
.home .logos
{
    margin: 10px 0;
    text-align: center;
}
.home .logos a img
{
    margin: 0 25px;
    vertical-align: middle;
    border: none;
}
.home .news .news1, .home .news .news2
{
    float: left;
    width: 290px;
    margin: 0 10px 0 0;
}
.home .news h2
{
    margin: 0 0 0.5em 0;
}
.home .news p
{
    margin: 0 0 5px 0;
}
.home .news .image
{
    float: right;
    width: 100px;
    height: 100px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    pointer: hand;
    cursor: hand;
}
.home a.link-button
{
    display: block;
    float: left;
    width: 150px;
    background: #34C238;
    color: #fff;
    font-size: 114%;
    font-weight: bold;
    padding: 5px 5px;
    margin: 0 10px 0 0;
    text-decoration: none;
    text-align: center;
}
.home #ft .bd
{
    padding: 0px 10px;
}


.right-panel p.link
{
    float: right;
    margin-top: 390px;
    width: 169px;
    background: #f00 url(/images/side/link-n.gif) no-repeat top left;
    padding: 2px 0 0 0;
}
.right-panel p.link a
{
    display: block;
    padding: 3px 5px 3px 5px;
    background: transparent url(/images/side/link-s.gif) no-repeat bottom left;
    color: #fff;
    text-decoration: none;
    font-size: 85%;
    text-align: center;
    font-weight: bold;
}
.right-panel .right-image
{
    z-index: 5;
}

/* Utility */
.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 */
.accessibility
{
    display: none;
}
/*
.div_red_tab_wrap
{
    display:table;
}
*/
.red_tab
{
      background-image: url('/images/red_tab.gif');  
      display:block;
      width:200px;
      height:70px;
      font-size:0.8em;
      text-align:center;
      padding: 0px 5px 0 5px;
      text-decoration:none;
      color: #fff;
      /*display:table-cell;*/
      vertical-align:middle;
}
.td_red_tab
{
      background-image: url('/images/red_tab.gif');  
      /*display:block;*/
      width:200px;
      height:70px;
      /*font-size:0.8em;
      text-align:center;*/
      padding: 0px 5px 0 5px;
      
      
      border:0;
      text-decoration:none;
      color: #fff;      
      /*display:table-cell;*/
      vertical-align:middle;

}
.red_tab_link
{
    text-decoration:none;
    color: #fff;  
    font-size:0.8em;
    text-align:center;
}

a.green_button
{
    background-image: url('/images/green_button.gif');
    display:block;
    width:160px;
    height:19px;
    font-weight:bold;
    text-decoration:none;
    text-align:center;
    padding-top:4px;
    font-size:1.1em;
    color:#fff;
}

a.green_button_short
{
    background-image: url('/images/green_button_short.gif');
    display:block;
    width:33px;
    height:19px;
    font-weight:bold;
    text-decoration:none;
    text-align:center;
    padding-top:4px;
    font-size:1.1em;
    color:#fff;
}

a.green_button_high
{
    background-image: url('/images/green_button_high.gif');
    background-repeat:no-repeat;
    display:block;
    width:182px;
    height:34px;
    font-weight:bold;
    text-decoration:none;
    text-align:center;
    padding:3px 4px 0 4px;
    font-size: 1.1em;
    color:#fff;
    margin-right:10px;
    /*line-height:0.6em;*/
    float:left;
    /*margin-right: 10px;*/
}


/**/
a.green_button_high_one_line
{
    background-image: url('/images/green_button_high.gif');
    background-repeat:no-repeat;
    display:block;
    width:182px;
    height:27px;
    font-weight:bold;
    text-decoration:none;
    text-align:center;
    padding:10px 4px 0 4px;
    font-size: 1.1em;
    color:#fff;
    line-height:1.1em;
    float:left;
    margin-right: 10px;
}

a.green_button_extra_high
{
    background-image: url('/images/green_button_extra_high.gif');
    /*background-repeat:no-repeat;*/
    display:block;
    width:182px;
    height:48px;
    font-weight:bold;
    text-decoration:none;
    text-align:center;
    padding:4px 4px 0 4px;
    font-size: 1.1em;
    color:#fff;
    /*margin-right: 10px;*/
}


a.green_button_high, a.green_button_short, a.green_button, a.green_button_extra_high, a.get_involved_but_one_line, a.green_button_high_one_line
{
   font-size:1.0em;
   /*border:solid 1px black;*/
       
}

a.get_involved_but_one_line
{
    background-image: url('/images/red_button.gif');
    display:block;
    width:170px;
    height:27px;
    font-weight:bold;
    text-decoration:none;
    text-align:center;
    padding-top:10px;
    font-size:1.1em;
    color:#fff;
    margin-right: 10px;
}

a.get_involved_but_two_line
{
    background-image: url('/images/red_button.gif');
    background-repeat:no-repeat;
    
    display:block;
    width:155px;
    height:35px;
    font-weight:bold;
    text-decoration:none;
    text-align:center;
    padding: 4px 5px 0 5px;
    font-size:1.1em;
    color:#fff;
    position:absolute;
    bottom:2px;
    left:-0px;
    
}

a.green_button_long
{
    background-image: url('/images/green_button_donation.gif');
    display:block;
    width:190px;
    height:19px;
    font-weight:bold;
    text-decoration:none;
    text-align:center;
    padding-top:4px;
    font-size:1.1em;    
    color:#fff;
}
.div_sub_page_nav1
{
float:left; 
margin:0 10px 10px 0;
}
a.red_tab_left
{
    background-image: url('/images/red_tab_left.gif');
    
    display:block;
    width:140px;
    height:45px;
    color:#fff;
    text-align:center;
    padding:7px 5px 0 5px;
    /*font-size:1.1em;*/
    font-weight:bold;
    
    text-decoration:none;
}

.div_newsletter_wrap
{
    overflow: hidden; 
}
.div_newsletter_img
{
    float: left; width: 125px; height: 125px;
}
.div_newsletter_desc
{
    float: right; width: 370px;
}
.div_newsletter_title
{
    font-weight:bold;
    padding-bottom:5px;    
}

/*direct debit form*/
.ul_direct_debit_form
{
    list-style: none; margin: 0; padding: 0;
}

.ul_direct_debit_form li
{
    list-style: none; 
    padding-bottom:10px;
}

.ul_direct_debit_form li label
{
    padding-left:10px;
    /*list-style: none; */
}
.dd_form_ddl
{
    float: left;
    /*width: 300px;*/
    margin: 0.5em 0.5em 0.5em 0;
    border: 1px solid #bbb;
    background: #f6f6f6;
    padding: 5px;
}

/* home page added by edgars on 02.02.08 */
.div_more_articels_home_page
{
    clear:both;
    text-align:right;
    width:880px;
    height:15px;
    
}

.div_contact_info 
{
    color:#1791af;
    font-size: 0.79em;
    text-align:center;
    margin-top:-5px;
}
.div_contact_info a
{
    color:#1791af;
    /*font-size: 0.7em;*/
    text-align:center;
    text-decoration:none;
}