/******************************************************************************/
/*                         Web-Fonts                                          */
/******************************************************************************/

@font-face {
    font-family: GillSansWB;
    src: url("/kroobay/bwi_assets/GillSansWB-Regular.eot");
    src: url('/kroobay/bwi_assets/GillSansWB-Regular.ttf') format('truetype');
}

@font-face {
    font-family: GillSansWBlight;
    src: url('/kroobay/bwi_assets/GillSansWB-Light.eot');
    src: url('/kroobay/bwi_assets/GillSansWB-Light.ttf') format('truetype');
}

@font-face {
    font-family: GillSansWBbold;
    src: url("/kroobay/bwi_assets/GillSansWB-Bold.eot");
    src: url('/kroobay/bwi_assets/GillSansWB-Bold.ttf') format('truetype');
}

body {
    font-size: 75%;
    font-family: arial;  
    margin: 0; 
    padding: 0;
    background-color: #D8DACC;
}

.rightcolhome h3 a, .leftcol h3 a { text-transform: uppercase; text-decoration: none; }

.homePage .rightcolhome a:hover,
.homePage .leftcol a:hover { text-decoration: underline; }

h1, h2 { text-transform: uppercase; font-family: GillSansWB, arial; font-weight: normal; }

h1 { font-size: 2em; }
h2 { font-size: 1.8em; }

h1 em, h2 em { font-style: normal; font-family: GillSansWBbold, arial; color: #557640; }

h2.pic {
    font-family: GillSansWBbold, arial; color: #fff; background-color: #894;
    padding: 8px; font-size: 1.4em;
}

h3 { color: #557640; }

a { color: #557640; }

a.more {
    display: block; font-size: 1.4em; font-weight: bold; text-transform: uppercase;
    text-decoration: none; border-bottom: 3px solid #894; margin-top: 10px;
    padding-bottom: 2px;
}

p.intro { font-size: 1.2em; font-weight: bold; width: 90%; }

div.gencontent p.highlighted {
    text-transform: uppercase; font-family: GillSansWB, arial; font-size: 1.8em;
    border-bottom: 3px solid #894; padding-bottom: 15px; margin-bottom: 15px;
    line-height: 1.1;
}

.donatePage .money dt { font-family: GillSansWB; color: #fff; font-size: 3.5em; text-align: center;
    float: left; clear: left; height: 50px; line-height: 50px; margin-right: 10px; width: 2em; }

.donatePage .money dd { padding-top: 10px; height: 50px; }

.donatePage .money dd span { color: #557640; display: block; font-weight: bold; }

.donateIntro .floatLeft { font-size: 1.3em; color: #894; font-weight: bold;
    width: 220px; padding-top: 40px; }

.custom_link { margin-bottom: 10px; color: #894; font-size: 1.2em; }


/******************************************************************************/
/*                         General styles                                     */
/******************************************************************************/

.clear {
    clear: both;
    height: 1px;
    font-size: 0px;
    overflow: hidden; 
    margin:0;
    padding:0;
}

.clear15 {
    clear:both;
    font-size:0;
    height:15px;
    margin:0;
    overflow:hidden;
    padding:0;
}

.hidden {
    left             : -90000px; 
    position         : absolute;
}

p, form, input, ul, li, h1, h2, h3, h4, h5, h6 {
    margin:0;
    padding:0;
}

img {
    border: none;
}

h2, h3, h4, h5, h5 {
    margin-bottom: 5px;
}

h3 {
    font-size: 1.2em;
}

h4 {
    font-size: 1.1em;
}

h5 , h6 {
    font-size: 1em;
}

.community a:hover, .project a:hover, .news a:hover, .actnow a:hover {
    text-decoration: none;
}

ul, ul li {
    list-style: none;
}

.gencontent ul li {
    padding-left: 20px;
    margin-bottom: 3px;
    background: url(/kroobay/bwi_assets/images/bg_gencontent_li.gif) 11px 0.3em transparent no-repeat;
}

.community .gencontent ul li {
    background-image: url(/kroobay/bwi_assets/images/bg_gencontent_li_community.gif);
}

.community .gencontent .panel ul li {
    padding-left: 31px;
    background-position: 22px;
}

.project .gencontent ul li {
    background-image: url(/kroobay/bwi_assets/images/bg_gencontent_li_project.gif);
}

.news .gencontent ul li {
    background-image: url(/kroobay/bwi_assets/images/bg_gencontent_li_news.gif);
}

.splash .content ul li {
    background-image: url(/kroobay/bwi_assets/tembabullet.gif);
}


/*******************************************************************************/
#page {
    width: 980px;
    padding-bottom: 10px;
}

/******** Header ******************/
.header {
    padding-bottom: 10px;
}

.headerleft {
    float: left;
    width: 332px;
    margin-top: 12px;
}

.headerright {
    width: 525px;
    float: left;
    margin-left: 120px;
    height: 55px;
}

.toplinks {
    float: right;
    margin-top: 5px;
    padding-bottom: 10px;
}

.toplinks ul, .toplinks li {
    list-style: none; 
    padding:0;
    margin:0;
}

.toplinks li {
    float: left;
    border-right: 1px solid #ccc;
    font-size: 1em;
}

.toplinks li a {
    display: block;
    padding: 0 4px 0 4px;
    color: #cccccc;
    text-decoration: none;
}

.toplinks li a:hover {
    text-decoration: underline;
}

.toplinks li.last {
    border-right: none;
}

.projlogo {
    float: left;
}

#flashvolume {
    float: right;
    padding-right: 2px;
} 

/* Main content - page layout */
#container {
    padding-left: 40px;
    float: left;
}



/******************************************************************************/
/*                               Top nav                                      */
/******************************************************************************/

.topnav {
    position: relative;
    width: 915px;
}

.topnav ul#first {
    list-style: none;
    padding:0;
    margin: 0;
    float: right;
}

.topnav li {
    float: left;
}

/* Hide navigation on certain pages */
body.nonav .topnav,
body.nonav .topLinksHolder
    { display: none; }


.topnav a {
    display: block;
    padding: 7px 8px 8px 8px;
    border-right: 7px solid #D8DACC;
    background-color: #333;
    color: #fff;
    font-size: 1.2em;
    font-weight: bold;
    text-decoration: none;
}

.topnav a:hover,
.topnav a:active, 
.topnav a:focus {
    background-color: #999;
}

.topnav a.donatePage,
.topnav a.donatePage:hover {
    background-color:  #f41d00;
}

.topnav a.donatePage {
    border-right: none;
    color: #fff;
}

.topnav a.donatePage:hover {
    color: #000;
}


/* Currently selected tab */

body.project    .topnav a.project,
body.community  .topnav a.community,
body.homePage   .topnav a.homePage ,
body.home       .topnav a.home,
body.load       .topnav a.home {
    background-color: #fff;
    color: #000;
}

body.project    .topnav a.project:hover,
body.community  .topnav a.community:hover,
body.homePage   .topnav a.homePage:hover,
body.home       .topnav a.home:hover,
body.load       .topnav a.home:hover {
    background-color: #fff;
    color: #000;
}





/******************************************************************************/
/*                             Sub-navigation                                 */
/******************************************************************************/

/***** 2nd level ********/

/* Sub nav in a separate div */
div.subnav {
    width: 915px;    
    padding-bottom: 18px;
    background-position: 0 100%;
    margin-top: -10px;
}

div.subnav ul {
    list-style: none;
    padding-top: 10px;
    float:right;
    font-size:105%;
}

div.subnav ul li {
    background: url(/kroobay/bwi_assets/images/bg_subnav_li.gif) left center no-repeat transparent;
    float: left;
}

div.subnav ul li.first {
    background: none transparent scroll repeat 0% 0%;
}

div.subnav ul li a {
    font-size: 1.1em;
    font-weight: bold;
    color: #fff;
    padding: 0 29px 0 19px;
    display: block;
    text-decoration: none;
}

div.subnav ul li a:hover {
    text-decoration: underline;
    color: #333;
}

div.subnav ul li.first a {
    padding-left: 19px;
}

div.subnav ul li a.active {
    color: #333333;
}

div.subnav p {
    margin-left: 18px;
    background: url(/kroobay/bwi_assets/images/bg_subnav_p.gif) 0 10px transparent no-repeat;
    padding-left: 31px;
    padding-top: 10px;
    padding-bottom:0;
}
div.subnav p a {
    color: #fff;
    font-size: 1.1em;
    font-weight: bold;
    text-decoration: none;
}
div.subnav p a:hover {
    text-decoration: underline;
}

/*
body.project div.subnav {
    background-color: #b382c7;
    background-image: url(/kroobay/bwi_assets/images/bg_topnav_project.gif);
    background-repeat: no-repeat;
}
*/

body.news ul li a.news {
    background-color: #FF77BB;
}

body.news div.subnav {
    background-position:top;
    background-color: #FFF;
    background-image: url(/kroobay/bwi_assets/images/bg_news_subnav.gif);
    background-repeat: no-repeat;
    padding-bottom: 15px;
}

/*
body.news div.content {
    background-image: url(/kroobay/bwi_assets/images/bg_content_news.gif);
}
*/

/*
body.news h1 {
    color: #FF77BB;
}
*/

/* Colour schemes */
body.project .topnav ul li ul {
    background-color: #b382c7;
    background-image: url(/kroobay/bwi_assets/images/bg_topnav_project.gif);
}

/*
body.project h1 {
    color: #b382c7;
}
*/



/******************************************************************************/
/*                               Footer                                       */
/******************************************************************************/

#footer {
/*    padding-left: 40px;*/
    margin-top: 7px;
    float: left;
    width: 915px;
}

.footerleft {
    float: left;
    width: 339px;
}

.footerright {
    float: right;
    margin-top: 5px;
}

.footerright ul, .footerright li {
    list-style: none;
    /* float: right; */
}

.footerright li {
    float: left;
}

.footerright ul li a {
    color: #1A1B1B;
    font-size: 1em;
    display: block;
    float: left;
    padding: 0 5px 0 5px;
    border-right: 1px solid #1A1B1B;
}

.footerright ul li a:hover {
    text-decoration: none;
}
.footerright ul li.last a {
    border-right: none;
}

.footercredits {
  clear:both;
  text-align:center;
  font-size:90%;
  color: #ccc;
  padding:1.5em 0;
  margin:0;
}




/******************************************************************************/
/*                           Content areas                                    */
/******************************************************************************/


#maincontent {
/*    padding-left :40px;*/
    margin-top: -1px;
    float: left;
    background-position: left bottom;
    background-repeat: no-repeat;
    background-color: transparent;
    background-color: #fff;
    padding-bottom: 8px;
    /* background image at the bottom of the content panel */
    /*background-image: url(/kroobay/bwi_assets/images/bg_maincontent_general.gif);*/
}

.content {
    width: 915px;
    background-color: #fff;
    color: #333333;
    /*background-image: url(/kroobay/bwi_assets/images/bg_topnav_project.gif);*/
    background-repeat: no-repeat;
    background-position: 0 0;
    padding-top:10px;
}


/* News */
/*
body.news div.content {
    background-image: url(/kroobay/bwi_assets/images/bg_content_news.gif);
}
*/

#maincontent.gencontent div.content {
    /*padding-top: 10px;*/
}
#maincontent.gencontent div.content {
  border:1px solid #fff;
  display:block;
  padding:5px;
  margin:5px;
}

/*
div.gencontent img {
  border:1px solid #fff;
  display:block;
  padding:5px;
  margin:5px;
}
*/

/* Loading page */
body.load div#maincontent  {
    background-image:url(/kroobay/bwi_assets/images/bg_maincontent_load.gif) 
}
body.load div.content,  body.home div.content  {
    background-image: none;
}
body.sundry div.content {
background-image:url(/kroobay/bwi_assets/images/bg_content_general.gif)
}


/* Homepage */
body.home div#maincontent {
    background-image: none;
    padding-bottom: 0;
}

 
div.flash {
    margin-top: -10px;
}

div.alternatecontent {position:absolute;top:472px; left:150px;padding-bottom:0;margin-bottom:0;}
div.alternatecontent h2 {color: #FF3300;font-weight:bold;}
div.alternatecontent a {color:#FF3300;}
div.alternatecontent p {font-size:0.9em;font-weight:bold;padding:0;}
#homenoscript {background-color:#333333;}

/* General content pages */
div.gencontent {
    padding: 0px 18px 20px 19px;
}

h1 {
    font-size: 1.9em;
    margin-bottom: 20px;
}

div.gencontent p {
    margin-bottom: 1em;
    padding-right: 10px;
    line-height: 1.5em;
}

div.leftcol {
    /*padding-top: 14px;*/
    float: left;
    width: 423px;
}

div.leftcol p {
/*  padding-right:25px !important;*/
}

div.rightcol {
    /*padding-top: 62px;*/
    float: right;
    width:423px;
}

div.archive {
    padding-top: 12px;
}

div.rightcol form {
    padding-bottom: 20px;
    margin:0;
    text-align: right;
}

.donatePage div.rightcol form label {
    color: #fff;
    font-family: GillSansWB;
    font-size: 1.4em;
    /*font-weight: bold;*/
}

select {
    font-size: 0.9em;
}

form input.button {
    position: relative;
    top: 6px;
}

div.map {
    padding: 6px 8px 5px 8px;
}

/* News page */
div.wideleftcol {
    width: 580px;
    float: left;
    margin-top: 30px;
}

/* CC - For news list in community pages */
body.community div.wideleftcol {
        width:436px;
        margin-top:0px;
}


div.narrowrightcol {
    width: 281px;
    float: right;
    margin-top: 36px;
}
div.narrowrightcol p {
    text-align: right;
    padding-right:0;
}
div.pagecontrols form {
    width: 400px;
    float: left;
}
div.pagecontrols form label {
    font-weight: bold;
    font-size: 0.9em;
}
div.pagecontrols form select {
    width: 12em;
}
div.pages {    
    padding-top: 10px;
    float: right;
    font-size: 0.9em;
}
div.pages img.arrow {
    position: relative;
    top: 3px;
  display:inline;
}
div.newswrapper {
    margin-top: 10px;
    background: url(/kroobay/bwi_assets/images/bg_newswrapper.gif) 0 0 no-repeat #D8DACC;
    padding-top: 5px;
}
div.newslist {
    background: url(/kroobay/bwi_assets/images/bg_newslist.gif) 0 100% no-repeat transparent;
    /*padding-bottom: 5px; - causes problems with the background colour appearing outside the div */
}
div.grey, div.white {
    min-height: 65px;
    padding-top: 10px;
    padding-bottom: 5px;
}
div.white {
    background-color: #fff;
padding-bottom:5px;
}
div.newslist p, div.newslist h2 {
    padding-left: 8px;
    font-size: 0.9em;
    margin-bottom:0;
} 
div.newslist h2 a {
color: #ff77bb;
}
 

div.newslist h2 a:hover {
    text-decoration: none;
}
div.newslist p {
    width: 50%;
    line-height: 1.1em;
    padding-bottom: 0.5em;
}
div.gencontent div.newslist p.date {
    margin-bottom:0;
    padding-bottom:0;
    color:#656563;
}

/* Community amends */
/*
body.community .topnav ul a.community {
    background-color: #ee8800;
}
*/

/*
body.community div.content {
    background-image: url(/kroobay/bwi_assets/images/bg_content_community.gif);
}
*/

/* Community profile */
body.community div.subnav {
    background-color: #ee8800;
    background-image: url(/kroobay/bwi_assets/images/bg_subnav_community.gif);
    background-repeat: no-repeat;
}

body.community div.subnav p {
    background-image: url(/kroobay/bwi_assets/images/bg_subnav_p_community.gif);
}

/*
body.community h1 {
    color: #ee8800;
}
*/

div.panel {
    /*
    padding-top: 3px;
    background: url(/kroobay/bwi_assets/images/div_panel_community.gif) 0 0 no-repeat transparent;
    */
    /*width: 437px;*/
}

div.rightcol div.panel {
    width: 423px;
}

div.panel h2 {
    color: #fff;
    font-size: 1.3em;
    margin:0;
    padding: 2px 0 5px 11px;
    /*background: url(/kroobay/bwi_assets/images/bg_panel_h2.gif) 0 100% no-repeat #ee8800;*/
    background-color: #557640;
}

div.panel div.panelcontent {
    padding-top: 10px;
    padding-bottom: 10px;
}

div.panelcontent p {
    color: #020000;
/*    padding-left: 11px;*/
}

/* For slideshow pages */
div.slideshow div.leftcol {
  width:470px !important;
}

div.slideshow div.rightcol {
  width:380px !important;
  float:left !important;
}


/* About me */
div.panel div.imgcopy {
    padding-left: 10px;
    padding-bottom: 15px;
}

div.imgcopy div.img {
    width: 134px;
    float: left;
}

div.imgcopy div.copy {
    width: 280px;
    float: left;
    padding-top: 25px;
}

div.rightcol div.imgcopy div.copy {
    width: 270px;
}

div.imgcopy div.copy h3, div.imgcopy div.copy p {
    padding-left: 1px; /* IE workaround  */
}

div.imgcopy div.copy h3 {
    font-weight: normal;
    /*color: #ee8800;*/
    font-size: 1em;
    margin-bottom:0;
}

div.quote {
    width: 207px;
/*    padding-bottom: 5px;*/
    float: left;
}

div.quoteright {
    float: right;
    width: 207px;
}

div.quoteinner {
    margin-right: 12px;
    margin-left: 12px;
    background-color: #b382c7;
    padding: 20px 10px 30px 15px;
}

div.quoteinner p {
    margin-bottom:0;
    color: #fff;
    font-size: 1.2em;
}

/* Ask us a question */
div.panelcontent form {
    padding-left: 11px;
    padding-right: 10px;
    padding-bottom: 20px;
}

div.panelcontent form label {
    color: #ee8800;
    display: block;
    padding-bottom: 5px;
    font-weight: bold;
    margin-top: 15px;
}

div.panelcontent form textarea {
    width: 415px;
    /*padding: 10px;*/
}

div.panelcontent form input.email {
    width: 415px;
    margin-bottom: 5px;
    display: block;
}

div.rightcol div.panelcontent form {
    text-align: left;
}

div.rightcol div.panelcontent form textarea, div.rightcol div.panelcontent form input.email {
    width: 398px;
}

div.panelcontent form input.submit {
    display: block;
    margin-top: 10px;
    margin-bottom: 15px;
}

/* My links */
div.panelcontent p.link {
    margin-bottom: 0;
}

div.panelcontent p.link a {
    color: #ee8800;
    text-decoration: none;
}

div.panelcontent p.link a:hover {
/*    color: #333333;*/
    text-decoration: underline;
}

div.panelcontent div.links a, div.panelcontent a {
    /*color: #ee8800;*/
    /*text-decoration: none;*/
}

div.panelcontent div.links a:hover, div.panelcontent a:hover {
/*    color: #333333;*/
    text-decoration: none;
}

div.panelcontent div.links p a, div.panelcontent div.links p a:hover {
    font-weight: normal;
}

div.flashcontent {
    margin-bottom: 15px;
}

/* More media */
div.panelcontent div.mediapanel {
    width: 141px;
    float: left;
    padding-bottom: 0px;
}

div.leftcol div.panelcontent div.mediapanel {
    width: 145px;
}

div.panelcontent div.mediapanel h3 {
    font-size: 1em;
    color: #333333;
    margin-bottom:0;
}


div.panelcontent div.mediapanel h3, div.panelcontent div.mediapanel p {
    padding-left: 3px;
}

div.panelcontent div.mediapanel div.flash {
    padding-top: 5px;
    padding-bottom: 5px;
}

/* My updates */
div.panel div.newswrapper {
    margin-bottom: 10px;
}

div.panel div.newswrapper {
    padding-bottom:0;
}

div.panel div.newslist h2 {
    background: none;
    font-size: 1em;
    margin:0;
    padding: 2px 0 0 11px;
}

div.panel div.newslist p {
    font-size: 1em;
    line-height: 1.3em;
    padding-bottom: 1.5em;
    color: #333333;
    width: 95%;
}

div.panel p.rss {
    margin-top: 15px;
    padding-left: 30px !important;
    padding-top: 3px;
    padding-bottom: 3px;
    background: url(/kroobay/bwi_assets/images/rss_icon.gif) 0 0 no-repeat transparent;
    clear:both;
}

div.panel p.rss a {
    color: #ee8800;
    text-decoration: none;
    font-weight: bold;
}

div.panel p.rss a:hover {
    text-decoration: underline;
} 

/* Act now section */
body.actnow .topnav ul a.actnow {
    background-color: #ff77bb;
}

body.actnow div.subnav {
    background-color: #ff77bb;
    background-image: url(/kroobay/bwi_assets/images/bg_content_actnow.gif);
    background-repeat: no-repeat;
}

/*
body.actnow div.subnav p {
    background-image: url(/kroobay/bwi_assets/images/bg_subnav_p_community.gif);
}*/

body.actnow div.content {
    background-image: url(/kroobay/bwi_assets/images/bg_content_actnow.gif);
}

div.banner, div#thankyou.banner {
    padding-top: 15px;
    padding-bottom: 20px;
    background: url(/kroobay/bwi_assets/images/bg_banner.gif) 0 100% no-repeat transparent;
}

div.thankyou {
    margin-top: 15px;
    min-height: 300px;
}

div.thankyou h1 {
    margin-bottom: 10px;
}

div.thankyou p {
    color: #000000;
    width: 71%;
}

/* Act now - login */
div.leftcolhalf {
    width: 49%;
    float: left;
    margin-top: 14px;
}

div.rightcolhalf {
    width: 49%;
    float: right;
    margin-top: 75px;
}

body.actnow div.leftcolhalf h1 {
    margin-bottom: 8px;
}

form.login, form.password, form.register  {
    background: url(/kroobay/bwi_assets/images/bg_form_actnow.gif) 0 0 no-repeat transparent;
        padding-top: 22px;
    padding-bottom: 20px;
}

div.frm div.frmleft {
    width: 140px;
    float: left;
    padding-bottom: 0px;
}

div.frm div.frmright {
    width:300px;
    float: left;
    padding-bottom: 2px;
}

div.frm div.frmleft label {
    font-weight: bold;
    color:#333333;
    padding-left:0;
}

div.frm div.frmright input {
    width: 281px;
}

div.frm div.frmright input.button {
    float: left;
    width: auto;
}

div.frm div.pwoptions {
    float: right;
    width: 150px;
    text-align: right;
    padding-top: 10px;
}

div.frm div.pwoptions a {
    display: block;
    color: #333333;
    padding-bottom: 5px;
}

div.frm div.pwoptions a:hover {
    text-decoration: none;
}

div.frm div.pwoptions input {
    width: auto;
}

/* Password form */
form.password div.frm div.frmright input.button {
    margin-top: 3px;
    display: block;
}

/* Register */
form.register div.frmleft {
    width:178px;
}

form.register div.frmright {
    width: 245px;
}

form.register div.frm div.frmright input {
    width: 245px;
}

div.frm div.frmright label {
    padding-left:0;
}

div.frm div.frmright div.data {
    background: url(/kroobay/bwi_assets/images/bg_form_actnow.gif) bottom left no-repeat transparent;
    padding-top: 10px;
    padding-bottom: 20px;
    margin-bottom: 10px;
}

form.register div.frm div.frmright input.button, form.register div.frm div.frmright div.data input {
    width: auto;
}
div.frm div.frmright p {
    font-size: 0.9em;
    padding-top: 5px;
    padding-right: 0;
}

div.frm div.frmright div.data p {
    padding-top: 10px;
    margin-bottom: 0;
    font-size: 1em;
}

div.frm div.frmright div.data p a {
    color: #333333;
}

div.frm div.frmright div.data p a:hover {
    text-decoration: none;
}

form.register div.frm div.frmright div.data label {
    line-height: 1.5em;
}


/******************************************************************************/
/*                           Donate pages                                     */
/******************************************************************************/

div.donate h1 {
    margin-bottom: 8px;
    margin-left:-1px;
}

div.donate h2 {
    font-size: 1.3em;
    margin-bottom: 10px;
}

div.donate div.wideleftcol form {
    width: 579px;
    padding-bottom: 30px;
}

div.donate div.frmleft {
    width: 208px;
}

div.donate div.radio {
    padding-left: 16px;
    padding-bottom:  10px;
}

div.donate div.radio input {
    display: block;
    float: left;
    padding:0;
/*    width: 10px;*/
}

div.donate div.radio label {
    padding-left: 4px;
    display: block;
    float: left;
    font-weight: bold;
    padding-bottom: 5px;
    padding-right: 15px;
}

div.donate div.radio label.radiolabel {
    width: 520px;
}

div.frmheading {
    background: url(/kroobay/bwi_assets/images/bg_frmheading.gif) 0 0 no-repeat #333333;
    color: #fff;
}

div.frmheading h3 {
    color: #fff;
    font-size: 1.3em;
    padding-top: 5px;
    padding-left: 8px;
    padding-bottom: 5px;
    background: url(/kroobay/bwi_assets/images/bg_frmheading_h3.gif) 0 100% no-repeat transparent;
    margin-bottom:0 !important;
}

div.frmheading p {
    padding-top: 2px;
    padding-left: 8px;
    padding-bottom: 20px;
    background: url(/kroobay/bwi_assets/images/bg_frmheading_p.gif) 0 100% no-repeat #e0e1d6;
    color: #000;
}

div.donate div.wideleftcol form div.frmleft label {
    padding-left: 17px;
    display: block;
}

div.donate form div.frmright input {
    width: 208px;
}

div.donate form div.frmright input.wide {
    width: 232px;
}

div.donate form div.frmright input.short {
    width:127px;
}

div.donate form div.frmright input.small {
    width: 66px;
}

div.donate div.wideleftcol form #purchases.divider {
    margin-top: 20px;
}

div.donate div.wideleftcol form div.data {
    padding-left: 17px;
    padding-top: 10px;
}

div.donate div.wideleftcol form div.data label {
    padding-left: 1px;
    font-weight: normal;
}

div.donate div.wideleftcol form div.data h4 {
    padding-bottom: 4px;
}

/* form link colours */
div.donate div.wideleftcol form a {
    color: #f41d00;
    font-size: 1em;
}

div.donate div.wideleftcol h2 {
    margin-bottom:0;
}

div.donate div.wideleftcol form a:hover {
    text-decoration: none;
}

/* Right hand content */
div.donate div.narrowrightcol {
    margin-top: 94px;
}

div.donate div.narrowrightcol .divider {
    margin-bottom: 5px;
}

div.donate div.narrowrightcol h2 {
    margin-bottom:0;
}

div.donate div.narrowrightcol h3 {
    font-size: 0.9em;
    padding-bottom: 5px;
    padding-top: 2px
}

div.donate div.narrowrightcol p {
    text-align: left;
    font-size: 0.95em;
}

div.donate div.narrowrightcol p.phone {
    font-size: 1.4em;
    font-weight: bold;
    margin-bottom: 10px;
}

div.donate div.narrowrightcol p.post {
    margin-bottom:0;
    margin-top:0;
}

div.donate div.narrowrightcol p.address {
    font-size: 1.1em;
    margin-top: 10px;
    line-height: 1.2em;
}

div.donate div.narrowrightcol p.download {
    background: url(/kroobay/bwi_assets/images/bg_download.gif) 0 50% no-repeat transparent;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 25px;
    font-size: 1em;
    font-weight: bold;
}

div.donate div.narrowrightcol p.download a {
    color: #f6280b;
    text-decoration: none;
}

div.donate div.narrowrightcol p.download a:hover {
    text-decoration: underline;
}

.donatePanel {
  padding-top:83px !important;
}

.actnow div.narrowrightcol div.frmheading div {
    background:#E0E1D6 url(/kroobay/bwi_assets/images/bg_frmheading_p.gif) no-repeat scroll 0pt 100%;
    color:#000000;
    padding-bottom:20px;
    padding-left:8px;
    padding-top:15px;
    margin-top:0px;
}

.actnow div.narrowrightcol div.frmheading div.donateradio {
    background:none !important;margin:0; padding:0;margin-left:5px;padding-bottom:10px;
}

.actnow div.narrowrightcol div.donateradio { margin-left: 10px; }

/* direct debit confirmation */
div.donate .border {border:1px solid #000;}
div.donate .borderdivider {border-top:1px solid #000;}
div.donate .border ul, .border h3 {padding:0 5px 5px 17px;}
div.donate div.border div.frm div#directdebit{height:30px;}

/* Payment details */
div.donate table {
    margin-left: 14px;
    margin-bottom: 20px;
}

div.donate table th {
    text-align: left;
    width: 190px;
}

div.donate table td {
    font-weight: bold;
}

div.donate table td span {
    display: block;
    float: left;
    width:5em;
}

div.donate table td a {
    font-weight : normal;
}

div.donate table th.total, div.donate table td.total {
    padding-top: 10px;
    margin-top: 10px;
}

div.donate table td.total {
    background: url(/kroobay/bwi_assets/images/bg_table_border.gif) 0 5px repeat-x transparent;
}

/* AK addition donation amount*/
  div.donateamount p{font-weight:bold; width:180px; float:left;padding-left:17px;} 
  div.donateamount p.nopadding, div.frm p.nopadding, div.frm h3.nopadding{padding-left:0px !important;}

#directdebit {background:transparent url(/kroobay/bwi_assets/images/direct-debit.gif) no-repeat right top;}
div.donate div.frm p {padding-left:17px;}
div.donate div.radio {padding-left:0px !important;}
div.frmheading p {padding-left:8px !important;}

div.donate form div.frmright div.mini input{width:15px;}
div.donate form div.frmright div.mini input#html{vertical-align:middle; margin-top:2px !important;}
div.donate form div.frmright div.mini input#text {vertical-align:middle; margin-top:2px !important;}
div.donate form div.frmright div.mini {padding-top:10px;}
div.donate form div.frmright div.mini label{font-weight:normal;}
.actnow p span.active {background-color:#FF77BB;color:#fff;font-weight:bold;}
.actnow p span {margin-right:10px;padding:4px;}
.padding15px {margin-top:15px;}

/* radio buttons */
div.donateradio {padding-top:4px; padding-bottom:13px}
div.donateradio input.radio {vertical-align:middle; margin-top:2px;}
div.donateradio label {margin-left:-4px;}
.donateradio input.other {width:55px;}

 /* ML addition - Gallery */
div.smallrightcol {
    width: 234px;
    float: right;
    margin-top: 36px;
    background:url(/kroobay/bwi_assets/images/bg_rightdivider.gif) top left no-repeat transparent;
}

div.largeleftcol {
    width: 642px;
    float: left;
    margin-top: 36px;
}

body.community div.communityindex div.largeleftcol {
  width:600px;
}

body.community div.communityindex div.smallrightcol {
  width:270px;
}

h1.img {
    padding-bottom:6px;
    margin-bottom:0px;
}

.viewby {
    padding-left:10px;
    min-height:67px;
    padding-top:18px;
}

.viewby form label {
    padding-right:10px;
}

.viewby form select {
    width:160px;
}

.viewby form div.button {
    float:left;
}

div.gallery {
 padding-left:12px;
}

div.gallery div.imglink {
  padding-right:53px;
  float:left;
  text-align:center;
  width:127px;
  margin-bottom:5px;
}

div.gallery div.imglink p {
  margin:0;
  padding:0;
  width:127px;
  line-height:1.2em;
}

div.gallery div.imglink p img {
    border:0;
    margin:0;
 display:block;
}

div.gallery div.imglink p span {
 text-decoration: none;
 width:200px;
}

div.gallery div.imglink p a {
    text-decoration: none;
    color: #333333;
}

div.gallery div.imglink p a:hover  {
    text-decoration: underline;
}

div.gallery div.imglink p a:focus span {
    text-decoration: underline;
}

div.gallery div.imglink p a:active span {
    text-decoration: underline;
}

div.gallery div.last {
    padding-right:0px;
}


/*Act now homepage */
body.actnow div.banner {
    padding-top: 15px;
    padding-bottom: 0px;
    background:none;
}
.actnow h1 {
    color:#000000;
    margin-bottom: 10px;
}
.actnow h2 {
    font-size: 1.3em;
    padding-bottom:8px;
}
.actnow div.wideleftcol {
    width: 580px;
    float: left;
    margin-top: 10px;
    padding-bottom:0px;
}

.actnow div.narrowrightcol {
    margin-top: 10px;
}
.actnow div.narrowrightcol p {
    margin-top: 10px;
    text-align:left;
}
.divider {
    background:url(/kroobay/bwi_assets/images/bg_banner.gif) top left repeat-x transparent;
    min-height:5px;
    margin-bottom:10px;
}
.actnow div.leftside {
    width:129px;
    float:left;
}
.actnow div.rightside {
    width:438px;
    float:left;
    padding-left:10px;
}
.actnow div.rightside h3 {
    padding-bottom: 5px;
}
.actnow form {
    padding-bottom:10px;
}
.actnow form p, div.frmheading p {
    padding-top:5px;
}
.wideleftcol form label {
    padding-left:5px;
    font-weight:bold;
    vertical-align:middle;
}
.narrowrightcol form label {
    vertical-align:middle;
    padding-left:10px;
}
/* ak added for radio buttons*/

.narrowrightcol .donate .other {display:inline;clear:none;float:none;margin-top:-4px;}
.narrowrightcol .donate label {float:left;margin-top:2.5px;vertical-align:bottom;display:block;}
.narrowrightcol .donate input {float:left;margin-top:5px;display:block;}
/* *:first-child+html .narrowrightcol .donate label {padding-left:5px;margin-top:7px;}
*:first-child+html .narrowrightcol .donate .other {margin-top:0px;}*/

.italic {font-weight:normal; font-style:italic;}
.buyagift {
    padding-bottom:5px;
    float:left;
}
.strong {
    font-weight:bold;
}
.donate {
    margin-bottom:10px;
}
.donate input.other {
    width:55px;
}
.donatePage input.other {
    width:55px;
}
.actnow .button {
    padding-top:0px;
}
.actnow .narrowrightcol .button {

    margin-bottom:15px;
}
.extrapad {
    margin-bottom:40px;
}
div.news_story h1 {
    color:#10CFDE;
}
div.news_story h2 {
    font-size:1.2em;
    padding-bottom:11px;
}
div.news_story div.leftcol {
    padding-top: 14px;
    width: 491px;
    float: left;
}
div.news_story div.rightcol {
    padding-top: 0px;
    width: 371px;
    float: right;
}
div.news_story  div.pages {    
    padding-top: 22px;
    padding-bottom:19px;
}
/********** End Maria's section **************/

div.leftcol {
/*
    padding-top: 14px;
    width: 453px;
    float: left;
*/
}

div.rightcol {
/*
    width: 424px;
    float: right;
*/
}

div.rightcol .flashcontent {
  /*margin-top:57px;*/
}

div.archive {
    padding-top: 12px;
}

div.archiveStory div.leftcol {
    margin-top:-59px;
}

div.archiveStory div.rightcol {
    padding-top: 0;
}

div.archiveStory div.rightcol .flashcontent {
    margin-top:-2px !important;
}


#map {
    width: 899px; 
    min-height: 399px;  
    border:1px solid #a8a8a8;
    margin:5px 8px 5px 8px;
}


/* Temporary development styles. */
/*
body { 
  padding:20px;
  margin:0px;
  font-size:0.8em;
  font-family:arial, verdana, sans-serif;
  background-color:#ccc;
  text-align:center;
}
#layout { 
  padding:30px;
  margin:0 auto;
  width:90%;
  background-color:#fff;
  border:1px solid #555;
  text-align:left;
}
#header { 
  background-color:#aaa;
  padding:10px;
  margin:0 0 20px 0;
}
#footer { 
  background-color:#aaa;
  padding:10px;
  margin:20px 0 0 0;
}
.navsel {
  font-weight:bold;
  color:red;
}
li.navHidden,
li.navHidden a,
li.navHidden a:active,
li.navHidden a:visited,
li.navHidden a:focus  {
  color:#ccc;
  font-weight:normal;
  text-decoration:none;
}
li.navHidden a.navsel {
  color:#888 !important;
}

/* Your views */
body.project div.panel {
    background-image: url(/kroobay/bwi_assets/images/bg_div_panel_project.gif);
} 
body.project div.panel h2 {
    background-color: #b382c7;
    background-image: url(/kroobay/bwi_assets/images/bg_panel_h2_project.gif);
}
div.viewfrm div.frmleft, div.viewfrm div.frmright {
    padding-bottom: 10px;
}
div.viewfrm div.frmleft {
    width: 90px;
}
div.viewfrm div.frmleft label {
    margin:0;
    color: #ee8800;
    text-align: right;
    display: block;
    padding-right: 10px;
    padding-top: 3px;
}
div.viewfrm .frmright textarea, div.viewfrm div.frmright input  {
    width: 330px;
    font-size: 1em;
    font-family: arial, sans-serif;
}
div.viewfrm input.postview {
    text-align: right;
    float: right;
}

/* Right col form */
div.rightcol div.panelcontent div.viewfrm .frmright textarea, div.rightcol div.panelcontent div.viewfrm div.frmright input {
    width:  300px;
}

div.viewlist div.icon {
    width: 101px;
    float: left;
    text-align: center;
    padding-top: 10px;
}

div.viewlist {
    background: url('/kroobay/bwi_assets/images/bg_viewslist.gif') 0 100% no-repeat transparent;
    padding-bottom: 15px;
}

div.viewlist div.post {
    width: 336px;
    float: left;
    background : url('/kroobay/bwi_assets/images/bg_viewheading.gif') 0 100% repeat-x transparent;
    margin-bottom: 10px;
}

div.viewlist div.viewheading {
    background: url('/kroobay/bwi_assets/images/bg_viewheading.gif') 0 100% repeat-x #eff0eb;
    width: 336px;
    padding-bottom:2px;
    margin-bottom: 10px;
}

div.viewlist div.viewheading h3 {
    background-color: #fff;
    border-bottom: 1px solid #000;
    padding-left: 10px;
    margin:0;
    padding-bottom: 1px;
    padding-top: 10px;
}

div.viewlist div.viewheading p {
    margin:0;
    padding:0;
    font-style: normal;
}

div.viewlist div.viewheading p.name {
    float: left;
    color: #333333;
    padding-left: 10px;
    font-style: normal;
}

div.viewlist div.viewheading p.date {
    float: right;
    font-size: 0.9em;
    padding-right: 8px;
    padding-top:2px;
    color: #333333;
    font-style: normal;
}

div.viewlist div.stc div.post {
    background-color: #e1cde9;
}

div.viewlist div.stc div.post div.viewheading, div.viewlist div.stc div.post div.viewheading h3 {
    background-color: #e1cde9;
}

div.viewlist div.stc div.post {
    background-image: none;
    border-bottom: 1px solid #000;
}

div.viewlist div.stc div.post p {
    font-style: italic;
    font-weight: bold;
    width: 90%;
}

div.viewlist div.stc div.post p.name, div.viewlist div.stc div.post p.date {
    font-style: normal;
    font-weight: normal;
    width: auto;
}

div.mc {margin-bottom:10px;}



ul.test {
    list-style:disc;
}

ul.test li {
    margin-left:20px;
}



/** New Styles - Mimtech June 2008 **/

/*
.homePage h1, .homePage h2, .homePage h3, .homePage h4, .homePage h5, .homePage h6, .homePage a {
    color: #0DC7DE;
}
*/

.homePage A:hover {
    TEXT-DECORATION: none
}

.homePage .gencontent UL LI 
{
    BACKGROUND-IMAGE: url(/kroobay/bwi_assets/images/bg_gencontent_li_news.gif)
}

.topnav UL A.homePage 
{
    PADDING-RIGHT: 8px; PADDING-LEFT: 8px
}

/*
.topnav ul a.homePage:hover, .topnav ul a.homePage:active, .topnav ul a.homePage:focus {
    background-color: #999 !important;
}
*/

div.subnav div.homePage {
    width: 915px; 
    padding-bottom: 18px;
}

body.homePage div.subnav 
{
    background-position:top;
    background-image: url(/kroobay/bwi_assets/images/orange_bar.gif); 
    BACKGROUND-COLOR: #FFFFFF; 
    background-repeat: no-repeat;
    padding-bottom:15px;
}

BODY.homePage .topnav UL LI UL {
    BACKGROUND-IMAGE: url(/kroobay/bwi_assets/images/bg_topnav_project.gif); BACKGROUND-COLOR: #0DC7DE;
}

/*
BODY.homePage H1 {
    COLOR: #0DC7DE;
}
*/

/*
BODY.homePage .topnav UL A.homePage {
    BACKGROUND-COLOR: #0DC7DE;
}
*/

BODY.homePage DIV.homePage {
    BACKGROUND-IMAGE: url(/kroobay/bwi_assets/images/bg_div_panel_project.gif)
}
BODY.homePage DIV.homePage H2 {
    BACKGROUND-IMAGE: url(/kroobay/bwi_assets/images/bg_panel_h2_project.gif); BACKGROUND-COLOR: #0DC7DE;
}
.discuss h1, .discuss h2, .discuss h3, .discuss h4, .discuss h5, .discuss h6, .discuss a {
    color: #0CC6DD;
}
.discuss A:hover {
    TEXT-DECORATION: none
}
.discuss .gencontent UL LI 
{
    BACKGROUND-IMAGE: url(/kroobay/bwi_assets/images/bg_gencontent_li_news.gif)
}
.topnav UL A.discuss 
{
    PADDING-RIGHT: 8px; PADDING-LEFT: 8px
}
.topnav ul a.discuss:hover, .topnav ul a.discuss:active, .topnav ul a.discuss:focus {
    background-color: #0CC6DD !important;
}
DIV.subnav DIV.discuss {
    WIDTH: 915px; 
    padding-bottom: 18px;
}

BODY.discuss DIV.subnav 
{
    background-position:top;
    BACKGROUND-IMAGE: url(/kroobay/bwi_assets/images/blue_bar.gif); 
    BACKGROUND-COLOR: #FFFFFF; 
    background-repeat:no-repeat;
    padding-bottom:15px;
}

BODY.discuss .topnav UL LI UL {
    BACKGROUND-IMAGE: url(/kroobay/bwi_assets/images/bg_topnav_project.gif); BACKGROUND-COLOR: #0CC6DD;
}

BODY.discuss H1 {
    COLOR: #0CC6DD;
}

/*
BODY.discuss .topnav UL A.discuss {
    BACKGROUND-COLOR: #0CC6DD;
}
*/

BODY.discuss DIV.discuss {
    BACKGROUND-IMAGE: url(/kroobay/bwi_assets/images/bg_div_panel_discuss.gif)
}

BODY.discuss DIV.discuss H2 {
    BACKGROUND-IMAGE: url(/kroobay/bwi_assets/images/bg_panel_h2_blue.gif); BACKGROUND-COLOR: #0CC6DD;
}
BODY.discuss H2 {
    BACKGROUND-IMAGE: url(/kroobay/bwi_assets/images/bg_panel_h2_blue.gif); BACKGROUND-COLOR: #0CC6DD;
    color: #FFF;
}
BODY.discuss div.panel {
    BACKGROUND-IMAGE: url(/kroobay/bwi_assets/images/bg_div_panel_discuss.gif)
}
.topLinksHolder {
    float:right;
    padding-top:5px; 
}
.topLinksHolder a img {
    height: 35px;
    width: 70px;
}
.topLinksHolder a#discuss img {
    padding-top:5px;
    height: 35px;
    width: 70px;
}
.topLinksHolder a#takeaction img {
    padding-top:5px;
    height: 35px;
    width: 89px;
}
.topLinksHolder a#uptodate img {
    padding-top:5px;
    height: 35px;
    width: 110px;
}
a#discuss img {
    background: url(/kroobay/bwi_assets/images/discuss_line.gif) top left no-repeat;
}
a#takeaction img {
    background: url(/kroobay/bwi_assets/images/takeaction_line.gif) top left no-repeat;
}
a#uptodate img {
    background: url(/kroobay/bwi_assets/images/uptodate_line.gif) top left no-repeat;
}
a#discuss:hover img {
    background: url(/kroobay/bwi_assets/images/discuss_blue_line.gif) top left no-repeat;
    margin-left:10px;
}
a#takeaction:hover img {
    background: url(/kroobay/bwi_assets/images/takeaction_blue_line.gif) top left no-repeat;
}
a#uptodate:hover img {
    background: url(/kroobay/bwi_assets/images/uptodate_blue_line.gif) top left no-repeat;
}
.projLogoRC {
    float:left;
    padding-top:34px;
}
.floatLeft {
    float:left;
}
.floatRight {
    float:right;
}
.leftContentHome {
    /*margin:15px;*/
    margin: 1px 15px 0 10px;
}
.rightContentHome {
    margin:5px;
}
.whereIsFlash {
    float:left;
    margin:5px;
    width:200px;
    height:130px;
    border:1px solid;
}
.weatherView {
    margin-top:5px;
    float:right;
    width:215px;
    height:135px;
    background: url(/kroobay/bwi_assets/images/weather_background_blank.gif) no-repeat;
}
.orangeSection {
    float:left;
    width:440px;
    margin:3px;
    background: url(/kroobay/bwi_assets/images/orange_sect_top.gif) top no-repeat;
    background-color: #E77E00;
    color:Black;
}
.orangeSection h2 {
    font-size:110%;
    font-weight:bold;
    color:Black;
}
.orangeSection a {
    font-size:110%;
    font-weight:bold;
    color:white;
}
.orangeSectionLeft {
    float:left;
    margin-top:16px;
    margin-left:15px;
    margin-bottom:15px;
    width:195px;
    background-color: #E77E00;
}
.orangeSectionRight {
    float:right;
    margin-top:16px;
    margin-right:15px;
    width:195px;
    background-color: #E77E00;
}
.orangeBottom {
    float:left;
    width:440px;
    height:2px;
    background: url(/kroobay/bwi_assets/images/orange_sect_bottom.gif) no-repeat;
}
DIV.rightcolhome {
    float: right;
    width: 445px;
    /*padding-top:20px;*/
    padding-top: 15px;
}
.footerCreditsHome {
    FLOAT:right; CLEAR: both; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 90%; PADDING-BOTTOM: 1.5em; MARGIN: 0px; COLOR: black; PADDING-TOP: 1.5em; TEXT-ALIGN: center;
}
.pandpImage
{
    float:left;
    background: url(/kroobay/bwi_assets/images/pp_link_background.gif) no-repeat;
    height:31px;
    width:200px;
    margin-top:5px;
}
.pandpLink
{
    font-weight:bold;
    font-size:115%;
    margin-left:50px;
    margin-top:8px;
}
.leftcol_pp {
    FLOAT: left; WIDTH: 426px; PADDING-TOP: 25px; 
}
.
.rightcol_pp {
    FLOAT: right; WIDTH: 426px; PADDING-TOP: 62px; 
}
.leftcol_pp a
{
    color: #E77E00;
    font-weight: bold;
    font-size:110%;
}
.leftcol_pp h3
{
    color: #E77E00;
    font-weight:bold;
    font-size:120%;
}
.msg
{
    width:424px;
}
.msg a
{
    color:Black;
    font-weight:bold;
}
.msg_poster_background
{
    float:left;
    width:365px;
    background: url(/kroobay/bwi_assets/images/poster_background.gif) no-repeat;
    padding-left:3px;
    padding-top:1px;
}
.msg_poster
{
    float:left;
    width:200px;
}
.msg_date
{
    float:right;
    height:15px;
    width:130px;
    margin-right:20px;
    padding-top:1px;
}
.msg_pic
{
    float:right;
    margin-right:5px;
}
.msg_body
{
    float:left;
    width:355px;
    margin-top:3px;
    margin-bottom:3px;
    clear:left;
}
.msg_response
{
    width:413px;
    margin-top:10px;
    background:url(/kroobay/bwi_assets/images/msg_response_background_generic.gif) no-repeat;
    background-color:#E0E2D4;
}
.msg_response_official
{
    width: 413px;
    margin-top:10px;
    background:url(/kroobay/bwi_assets/images/msg_response_background.gif) no-repeat;
    background-color:#E0E2D4;
}
.msg_response_body
{
    width:350px;
    margin-left:60px;
    margin-top:22px;
    line-height:17px;
}
.pandpImage
{
    BACKGROUND-POSITION: 0px 100%; 
    MARGIN-TOP: -10px; 
    WIDTH: 915px; 
    padding-bottom: 18px;
    float:left;
    background: url(/kroobay/bwi_assets/images/pp_background.gif) no-repeat;
    height:38px;
}
.pandpLink
{
    font-weight:bold;
    font-size:115%;
    margin-left:50px;
    margin-top:15px;
}
.discuss_bullets
{
    float:left;
    margin-top:10px;
    margin-left:20px;
    font-size:110%;
    font-weight:bold;
    line-height:18px;
}
.form_error
{
    float:left;
    margin-left:15px;
    margin-top:-5px;
    border:1px solid red;
    font-weight:bold;
    color:red;
    padding:5px;
    width:385px;
}

.leftcol_donate,
.rightcol_donate
{
    float: left; width: 426px;
}


.leftcol_donate
{
    padding-top: 25px; 
}

.rightcol_donate
{
    padding-top: 62px;
}

/*
.donatePage h1
{
    color: red;
    font-size:140%;
    font-weight:bold;
}
*/

/*
.donatePage h2
{
    color: red;
    font-size:115%;
    font-weight:bold;
}
*/

/*
.donatePage h4
{
    color: #ee1000;
}
*/

body.donatePage div.subnav
{
    background-position:top;
    BACKGROUND-IMAGE: url(/kroobay/bwi_assets/images/red_bar.gif);
    background-repeat:no-repeat;
    BACKGROUND-COLOR: #FFFFFF;
    padding-bottom:15px;
}

.red_link
{
    color:Red;
}

.selectDonation
{
    width:411px;
    height:268px;
    background:url(/kroobay/bwi_assets/images/select_donation.gif) no-repeat;
}

.selectDonationForm
{
    float:left;
    width:380px;
    height:190px;
    /*border:1px solid;*/
    padding-top:10px;
    margin-left:15px;
    margin-top:30px;
}

.selectDonationForm form
{
    text-align:left;
}

.homeImage
{
    BACKGROUND-POSITION: 0px 100%; 
    MARGIN-TOP: -10px; 
    WIDTH: 915px; 
    float:left;
    /*background: url(/kroobay/bwi_assets/images/home_subnav.gif) no-repeat;*/
    height:28px;
}

.haveYouSeenThis
{
    background:url(/kroobay/bwi_assets/images/hyst_background.gif) no-repeat;
    width:439px;
    height:250px;
    float:right;
    font-size:95%;
}

.haveYouSeenThis h2
{
    font-size:110%;
    font-weight:bold;
    color:Black;
}

.haveYouSeenThis a
{
    font-weight:bold;
}

.homeBannerFlash
{
    float:left;
    background:url(/kroobay/bwi_assets/images/home_flash_banner_background.gif) no-repeat;
    width:671px;
    height:168px;
    margin-top:10px;
}

.playMovie
{
    float:left;
    width:115px;
    height:45px;
    margin-left:260px;
    margin-top:117px;
}

.flashHome
{
    float:left;
    width:247px;
    height:138px;
    margin-top:15px;
    margin-left:25px;
}

.gencontentHome 
{
    padding:0 10px 15px 10px;
}

#photoCredits
{
    float:right;
}

.redSection
{
    float:left;
    width:424px;
    background: url(/kroobay/bwi_assets/images/red_sect_top.gif) top no-repeat;
    background-color: #EE1000;
    color:Black;
}

.redBottom
{
    float:left;
    width:424px;
    height:2px;
    background: url(/kroobay/bwi_assets/images/red_sect_bottom.gif) no-repeat;
    background-color:#FFFFFF;
}

.redSectionHead
{
    float:left;
    margin-left:10px;
    margin-top:5px;
    padding-bottom:3px;
    font-size:140%;
    font-weight:bolder;
    color:White; 
}

.redSection h2 
{
    font-size:110%;
    font-weight:bold;
    color:White;
}

.redSection .redSection_pp a 
{
    font-size:110%;
    font-weight:bold;
    color:white;
}

.redSectionLeft
{
    float:left;
    margin-top:16px;
    margin-left:15px;
    margin-bottom:15px;
    width:195px;
    background-color: #0DC7DE;
}

.redSectionRight
{
    float:right;
    margin-top:16px;
    margin-right:15px;
    width:195px;
    background-color: #0DC7DE;
}

.singleDonation h2, .singleDonation h3,
.monthlyDonation h2, .monthlyDonation h3 {
    color: #fff;
}

.singleDonation
{
    margin-bottom: 10px;
}

.singleDonation, .monthlyDonation { background-color: #894; overflow: hidden; padding: 20px; }

div.rightcol .singleDonation Form
{
    text-align: left;
}

/*
.monthlyDonation
{
    background:url(/kroobay/bwi_assets/images/monthly_payment.gif) no-repeat;
    width:408px;
    height:226px;
    padding-left:20px;
    padding-top:10px;
}
*/

.monthlyDonation p
{
    width:385px;
}

.yellowSection
{
    float:left;
    width:424px;
    background: url(/kroobay/bwi_assets/images/yellow_sect_top.gif) top no-repeat;
    background-color: #FFCC00;
    color:Black;
}

.yellowBottom
{
    float:left;
    width:424px;
    height:2px;
    background: url(/kroobay/bwi_assets/images/yellow_sect_bottom.gif) no-repeat;
    background-color:#FFFFFF;
}

.yellowSectionHead
{
    float:left;
    margin-left:10px;
    margin-top:5px;
    padding-bottom:3px;
    font-size:140%;
    font-weight:bolder;
    color:Black; 
}

.moneySection h4
{
    color:#000000;
}

body.splash div#maincontent {
    background-image:none;
    padding-bottom:0;
    background-color: #FFCD00;
}

body.splash div.content {
    background-image:none;
    background-color: #FFCD00;
}

.newsletter h1, .newsletter h2, .newsletter h3, .newsletter h4, .newsletter h5, .newsletter h6, .newsletter a {
    color: #0dc7de;
}

.newsletter a:hover {
    text-decoration: none;
}

.topnav ul a.newsletter {
    padding-right: 8px;
    padding-left: 8px;
}

.topnav ul a.newsletter:hover, .topnav ul a.newsletter:active, .topnav ul a.newsletter:focus  {
    background-color: #0dc7de !important;
}

body.newsletter ul li a.newsletter {
    background-color: #0dc7de;
}

body.newsletter div.subnav {
    background-color: #fff;
    background-image: url(/kroobay/bwi_assets/images/home_subnav.gif);
    background-repeat: no-repeat;
    padding-bottom:15px;
    background-position: top;
}

body.newsletter h1 {
    color: #0dc7de;
}

body.news div.subnav p {
    /* background-image: url(/kroobay/bwi_assets/images/bg_news_subnav_p.gif); */
    background-image: none;
    color: #ff77bb;
}

body.news div.subnav a {
    color: #ff77bb;
}

.weatherFeed
{
    float:left;
    width: 209px;
    height: 84px;
    background:url(/kroobay/bwi_assets/images/weather_feed_blank.gif) no-repeat;
    margin-top:5px;
}

.weatherGlobe {
    float:none;
    background-color:00c6e8;
    margin-top:7px;
    margin-left:17px;
    height:68px;
    width:69px;
}

.weatherImage
{
    float:none;
    margin-top:8px;
    margin-left:67px;
    height:38px;
    width:50px;
}

.weatherText
{
    float:none;
    margin-left: 11px;
    color: #FFF;
    font-weight:lighter;
    font-size: 120%;
    text-align:right;
}

body.flash div#maincontent {
    background-image:none;
    padding-bottom:0;
}

body.flash div.content {
    padding-top: 0px;
}

div.subnav_news_back {
    width: 915px;    
    padding-bottom: 18px;
    background-position: 0 100%;
    margin-top: -10px;
    background-position:top;
    background-color: #FFF;
    background-image: url(/kroobay/bwi_assets/images/bg_news_back.gif);
    background-repeat: no-repeat;
    padding-bottom: 15px;
}

div.subnav_news_back p {
    margin-left: 18px;
    padding-left: 31px;
    padding-top: 10px;
    padding-bottom:0;
}

div.subnav_news_back p a {
    color: #fff;
    font-size: 1.1em;
    font-weight: bold;
    text-decoration: none;
}

div.subnav_news_back p a:hover {
    text-decoration: underline;
}



/** End New Styles - Mimtech June 2008 **/

div#home_banner_video {
    position: relative;
    width: 672px;
    height: 239px;
}

div#home_banner_noflash {
    /*
    width: 293px;
    position: absolute;
    left: 364px;
    top: 175px;
    */
    font-weight: bold;
}

div#home_banner_noflash a {
    color:#ff3300;
}

div.noflash {
    background-image: url(/kroobay/bwi_assets/images/bg_maincontent_general.gif);
    background-position: bottom left;
    background-repeat: no-repeat;
    padding: 30px 0 39px 0;
    width: 100%;
}

div.noflash div {
    background: #eeeeee;
    margin: 0 auto 0 auto;
    padding: 30px;
    width: 33%;
}

div.noflash div a {
    color:#ff3300;
}

.image-caption {
    font-size: 0.9em;
}
 
/* Last Published: Thursday, August 04, 2011 19:12 */