/* Home Start SH Website v1.0 Styles */


body{
font-family: "Lucida Sans", Verdana, Arial, sans-serif;
color:#000000;
font-size: 1em;
line-height: 1.1em;
margin: 0px;
}

table{
border: none;
}
th{
border: none;
vertical-align: top;
}
td{
border: none;
vertical-align: top;
}
a img{
border: none;
}
.shell{
width: 980px;
margin: 1em 0 0 0;
padding: 0em;
display: table;
font-size: 80%;
border: 1px solid #FFFFFF;
}

.header{
background-image: url(images/bgnd-header.gif);
background-position: top left;
background-repeat: no-repeat;
padding: 0px;
margin: 0;
}
.header .utility{
width: 100%;
height: 20px;
}

.lang{
margin-top:0px;
float: right;
padding: 0px;

}
.lang a{
color: #e05206;
text-decoration: none;
font-weight: bold;
}
.search-box{
float: right;
width: 180px;
margin-top: 1.5em;
margin-right: 21.5em;
height: 10px;
padding: 0px;

}
input#search-box{
width: 140px;

}
.search-box form{
margin: 0px;
padding: 0px;
width: 180px;
height: 32px;

}
.search-box label{
display:none;
}
.contentshell{
background-image: url(images/bgnd-content.gif);
background-position: top right;
background-repeat: repeat-y;
width: 965px;
height: auto;
padding: 0px 15px 0 0;
margin: 0;
}
* html .contentshell{
padding: 0px;

}
.content{
width: 966px;
float: left;
margin: 0em;
padding: 0em;

}

.column-left.findus{
background-color: #e4e5e7;
width: 250px;
padding: 0 5px;
}
.column-left.findus input.go-button{
background-color: #e85811;
}
.column-right.contact{

width: 460px;
float: left;
margin: 0em;
padding: 0em;
}

.column-right.contact table{
border: none;
padding: 0px;
}
.column-right.contact table td{
border-top: none;
border-right: none;
border-left: none;
border-bottom: 1px solid #dedede;
}

.contentright{
width: 725px;
float: right;
margin: 15px 0 0 0;
padding: 0px 15px 0px 0px;

}
.contentright.wide{
width: 740px;
float: right;
margin: 0px;
padding: 0px;
}

.column-right{
float: left;
width: 460px;
padding-top: 0px;
margin-top: 0px;
}
.column-right.wide{
float: left;
width: 740px;
padding-top: 0px;
margin-top: 0px;

}
.column-right table{
width: 440px;
padding: 0px;
margin: 0px;
border: none;
}
.column-right table td{
border: none;
}
.column-left{
float: right;
width: 240px;
margin: 0px;

}
.featureboxes{
width: 100%;
}
.featbox{
width: 326px;
height: 190px;
float: left;
background-repeat: no-repeat;
background-position: top left;
}
.featbox .content{
width: 145px;
margin-top:28px;
margin-left:15px;
color: #FFFFFF;
font-size: 120%;
}
.featbox .content a{
color: #FFFFFF;
text-decoration: none;
}
.featbox .content a:hover{
color: #FFFFFF;
text-decoration: underline;
}
.column-left .donate.small{
    width: 235px;
    height: 130px;
    padding: 0px;
}

.column-left .donate.small .content{
width: 105px;
margin-top: 0px;
margin-left:0px;
padding-top: 0px;
color: #FFFFFF;
font-size: 120%;
}
.column-left .donate.small .content a{
color: #FFFFFF;
}
.column-left .donate.small .content a:hover{
color: #FFFFFF;
text-decoration: underline;
}
.featbox.donate{
background-image: url(images/bgndfeat-donate.jpg);
}
.featbox.volunteer{
background-image: url(images/bgndfeat-volunteer.jpg);
margin-left: 1.05em;
float: right;
}
.featbox.find{
background-image: url(images/bgndfeat-find.jpg);
margin-left: 1.05em;
float: right;
}
.featbox.fundraise{
background-image: url(images/bgndfeat-fundraise.jpg);
color: #000000;
}
div.featbox.fundraise div.content a{
color: #000000;
text-decoration: none;
}
div.featbox.fundraise div.content a:hover{
color: #000000;
text-decoration: underline;
}
.mainnav{
width: 170px;
float: left;
margin: 20px 0 0 0;
padding: 0em;

}
.mainnav a{
color: #4c2177;
text-decoration: none;
font-size: 110%;
font-weight: bold;
padding-left: 1.4em;
background-image: url(images/ico-arrow-nav.gif);
background-position: left top;
background-repeat: no-repeat;
display: block;
}
.mainnav ul li{
list-style: none;
background-image: url(images/hr-nav.gif);
background-position: left bottom;
background-repeat: no-repeat;
padding-bottom: 1em;
padding-top: .5em;
}


.mainnav ul{
margin: 0 0 0 1.7em;
padding: 0;
width: 14em;
}
.mainnav ul li ul {
margin: 8px 0 8px 0;
padding: 5px 0 0 0;
background-image: url(images/hr-nav.gif);
background-position: left top;
background-repeat: no-repeat;
}

.mainnav ul li ul li {
margin: 15px 0 0 0;
padding: 0px;
background-image: none;

}

.mainnav ul ul li a{
color: #333333;
text-decoration: none;
display: block;
font-size: 95%;
background-image: none;
}
.mainnav ul ul li a:hover{
color: #000000;
text-decoration: underline;
}
.mainnav ul li ul li ul{
margin: 0px 0 8px 0px;
padding: 5px 0 0 0;
background-image: none;
background-position: left top;
background-repeat: no-repeat;
}
.mainnav ul li ul li ul li{
margin: 8px 0 0 0;
padding: 0px;
}
.mainnav ul li ul li ul li a{
font-weight: normal;
}
.footer{
background-image:url(images/bgnd-footer.gif);
background-position: bottom left;
background-repeat: no-repeat;

}

/*------------------
  General classes
  -----------------*/
div.hr{
background-image: url(images/hr.gif);
background-position: top left;
background-repeat: repeat-x;
height: 20px;
margin: 0px;
padding: 0px;
border-top: 5px solid #FFFFFF;
border-bottom: 10px solid #FFFFFF;
display: block;
clear: left;
} 

h1{
color: #A21A7E;
font-size: 140%;
margin-top: 5px;
padding-top: 5px;
font-weight: normal;
font-weight: bold;
}
h1.initial{
color: #A21A7E;
font-size: 140%;
background-image: url(images/hr.gif);
background-repeat: no-repeat;
background-position: bottom left;
padding-bottom: 18px;
margin-bottom: 10px;
margin-top: 5px;
padding-top: 5px;
font-weight: bold;
}

h2.initial, h2{
color: #4C2077;
font-size: 130%;
line-height: 23px;
font-weight: normal;
padding-top: 0px;
margin-top: 0px;
margin-right: 20px;
}

h3{
color: #4C2077;
font-size: 90%;
line-height: 23px;
font-weight: bold;
padding-top: 0px;
margin-top: 0px;
margin-right: 20px;
}
h4{
color: #A21A7E;
font-size: 105%;
font-style: italic;
padding-top: 0px;
margin-top: 0px;
}
h5{
font-size: 90%;
}
h6{
font-size: 80%;
}
.newsitem h2, .newsitem h3, .newsitem h4, .newsitem h5 {
color: #e05206;
font-size: 110%;
margin-top: 0px;
padding-top: 0px;
margin-bottom: 0px;
padding-bottom: 0px;
line-height: 17px;
}
h3{
color: #A21A7E;
font-size: 130%;
margin-top: 0px;
}

a, a:visited {color: #e85611;text-decoration: none;}
a:hover{text-decoration: underline;}

image, image a, a image {border: 1px none #ffffff;}
div.right{
float: right;
}
div.left{
float: left;
}
.filetype{
display: none;
}

input.go-button{
font-family: "Lucida Sans", Verdana, Arial, sans-serif;
background-color: #a21a7e;
font-weight: 800;
font-size: 110%;
color: #FFFFFF;
border: none;
padding: 1px 0;
}
input.register{
font-family: "Lucida Sans", Verdana, Arial, sans-serif;
background-color: #a21a7e;
font-weight: 800;
font-size: 110%;
color: #FFFFFF;
border: none;
padding: 1px 0;
}
.main-img{
float: left;
}

img.helpline{
float: left;
margin: 2em 0 0 2em;
}
.cms-inlineimage.a{
float: left;
margin-right: 5px;
}
.cms-inlineimage.b{
float: right;
margin-left: 5px;
}
.cms-inlineimage.a img{
margin-right: 5px;
}
div.cms-inlineimage.b img{
margin-left: 5px;
}
table.latestnews{
width: 100%;
border-bottom: 2px solid #FFFFFF;
}
table.latestnews td.newsitem{
border-bottom: 2px solid #333333;
margin-bottom: .5em;
vertical-align: top;

}

.promobox, .promobox-image, .promobox .quote{
margin-bottom: 20px;

}
.promobox-image a img{
border: none;
}
.promobox h3{
font-size: 100%;
}
.quote{

margin: 10px 15px 0 0;
padding: 10px 15px 0px 5px;
background-image: url(images/quote-bottom.gif);
background-position: bottom right;
background-repeat: no-repeat;
}

.quote p{
margin: 10px 0 0 30px;
width: 170px;
font-weight: bold;
font-size: 110%;
line-height: 19px;
}
.credit{
color: #333333;
margin: 5px 0 0 35px;
width: 170px;
font-size: 110%;
}
/* ---TOOL BOX--- */
.toolbox-shell{
background-color: #f2f2f2;
padding: 1em 0 0 0;
margin-right: 15px;
width: 100%;
}
.toolbox-shell h1{
color: #000000;
background-image: none;
font-size: 130%;
font-weight: 600;
margin-bottom: 0.15em;
padding-bottom: 0.15em;
}

.toolbox-shell  .support-nav ul{
margin: 0 0 0 7em;
padding: 0;
}
.toolbox-shell .support-nav ul li{
float: left;
padding: 0.5em 0.5em 0 0;
margin: 0em .5em 0em 1em;
background-repeat: no-repeat;
background-position: top left;
list-style: none;
height: 37px;
}
.toolbox-shell .support-nav ul li a{
margin: 0 0 0 2em;
padding: 0 0 0 2em;
font-size: 95%;
color: #000000;
text-decoration: none;
}
.toolbox-shell .support-nav ul li a:hover{
color: #000000;
text-decoration: underline;
}
li.schemes{
background-image: url(images/ico-tb-login.gif);
}
li.print{
background-image: url(images/ico-tb-print.gif);
}
li.mail{
background-image: url(images/ico-tb-mail.gif);
}
ul li.accessibility{
background-image: url(images/ico-tb-accessibility.gif);
}
ul li.sitemap{
background-image: url(images/ico-tb-sitemap.gif);
}
ul li.help{
background-image: url(images/ico-tb-help.gif);
}
div.explorelinksbox{
background-color: #eaeaea;
padding: 0em;
font-size: 100%;
line-height: 1.7em; 
display: table;
width: 100%;
}
div.explorelinksbox table td{
vertical-align: top;
padding: 5px 5px 5px 0;
}
div.explorelinksbox table td.keyhd{
text-align: right;
vertical-align: top;
padding-right: 5px;
}
div.toolbox-shell h1{
margin-left: 4px;
}
div.explorelinksbox a{
text-decoration: none;
}
div.explorelinksbox a:hover{
text-decoration: underline;
}
div.keyline{
background-image: url(images/vr.gif);
background-position: top left;
background-repeat: no-repeat;

}


.toolbox-shell  ul{
margin: 0 0 0 1em;
padding: 0;
}
.toolbox-shell  ul li{
list-style: none;
}
.toolbox ul li a{
margin: 0 0 0 0.8em;
padding: 0 0 0 0.8em;
font-size: 90%;
}

div.getinvolved{
width: 25%;
float: left;
}

div.contact{
width: 30%;
float: left;
}

div.info{
width: 35%;
float: left;
}
td.keyhd{
font-weight: bold;
padding: 0px;
}
.footer .charityinfo{
float: left;
width: 760px;
margin-top: 15px;
margin-left: 10px;
font-size: 80%;
color: #000000;
}
.footer .investlogo{
float: right;
margin-right: 40px;
margin-top: 10px;
}
/*--- FIND US & SCHEMES CLASS SPECIFIC STUFF --*/
.contentfull{
width: 924px;
float: right;
margin: 15px 10px 0 20px;
padding: 0px 15px 0px 0px;
}

.column-right.wide table.gallery {
width: 710px;

}
.column-right.wide table.gallery td{
padding: 10px;
margin: 0px;
width: 100px;
}
.page-index{
text-align: right;
margin-right: 30px;
}
table.email-friend td{
vertical-align: top;
}
table.email-friend input{
width: 280px;
padding: 2px;
float: right;
}
table.email-friend textarea{
width: 280px;
padding: 2px;
float: right;
}
table.email-friend input.button{
background-image: url(images/bgnd-input-send.gif);
background-color: #b8117b;
border: none;
color: #FFFFFF;
font-size: 110%;
font-weight: bold;
width: 50px;
height: 25px;
float: right;
}
div.assoc-links ul{
list-style: none;
margin-left: 0px;
padding-left: 0px;
}
.content.search{width: 900px;}
table.teapartyreg{width: 50%;}

/*additionals*/
.sponsorsbox {position:relative;margin:5px;border:0;}
.sponsorsbox .title {margin-left:auto;margin-right:auto;margin-top:2px;margin-bottom:2px;font-size:0.8em;color:#CCCCCC;width:83px;}
.newsbox {margin:5px 5px 10px 5px;;}
.contactnums{margin:5px 5px 0 20px;}
span.numwang{color:#e05206;font-size:1.4em;font-weight:bold;padding-left:50px;}
span.num{color:#e05206;font-size:1.6em;font-weight:bold;}

hr {
background-image: url(images/hr.gif);
background-position: top left;
background-repeat: repeat-x;
height: 20px;
margin: 0px;
padding: 0px;
border: 0;
display: block;
clear: left;
} 

/* News & News Box */
span.newsboxtitle {
    color: #4C2077;
    font-size: 130%;
    font-weight: normal;
    padding-top: 0px;
    margin: 2px;
}
span.news {font-size:8px;}
span.newstitle {font-size:10px;}
.hotnewsitem {position:relative; margin:5px;}
.rssiconright{position:relative;float:right;}
.newspageitem{margin-bottom:20px;}
.newspagetitle{font-size:120%;}
.newspage{}

div.items{}

/* Mail Form */
#bodyform{background-color:#ffffff;}
fieldset{border:0;}
ul.form{list-style:none;padding:0;margin:0 auto;width:380px;border:0;}
ul.form li{border-bottom:1px dashed #7968ad;padding:6px 0;height:35px;}

.form_head{
   height:20px;
   width:400px;
   font-family: "Lucida Sans", Verdana, Arial, sans-serif;
   font-weight:bold;
   font-size:16px;
   color:#e05206;
   text-align:left;
   border-bottom:0 !important;
}

ul.form li label{display:block;float:left;width:160px;}
.required{display:block;font-size:10px;color:#5b6170;width:160px;float:left;clear:left;}
ul.form li input, ul.form li select, ul.form li textarea {
   width:210px;
   background-color:#eff8e7;
   border:2px solid #eff8e7;
   padding-left:3px;
}

ul.form li.submit{text-align:right;border:0;}
ul.form li.submit input{
   background:transparent url('images/send.gif') no-repeat;
   border:0 none;cursor:pointer;
   display:block;
   height:28px;
   width:64px;
   overflow:hidden;
   text-indent:-4000px;
   float:right;
}

#comment{width:400px;background-color:#ccc;border:2px solid #eff8e7;}

ul.form li textarea{height:90px;width:370px;}

ul.form li.comment .required, ul.form li.comment label{width:120px;}

li.comments{height:130px !important;}
.valid{border:2px solid green !important;}
.invalid{border:2px solid #800 !important;}

/*JQuery Elements */
/*Scrolling */
div.scrollable {   
    /* required settings */ 
    position:relative; 
    overflow:hidden;     
    height: 165px;      
    width: 200px;     
}
div.scrollable div.items {     
    position:absolute; 
    height:20000em;     
}
/* prev, next, prevPage and nextPage buttons */
a.prev, a.next, a.prevPage, a.nextPage {
	display:block;
	width:18px;
	height:18px;
	background:url(images/scrollable/arrow/up.png) no-repeat;
    float:right;
	cursor:pointer;
	font-size:1px;
}
/* mouseover state */
a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover {background-position:0px -18px;}
/* disabled navigational button */
a.disabled {visibility:hidden !important;}
/* next button uses another background image */
a.next, a.nextPage {
	background-image:url(images/scrollable/arrow/down.png);
	clear:right;	
}