/* generated by csscreator.com */ 
html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
 font: 100% verdana, sans-serif;
 background: url(../images/sitebk.jpg) left top repeat-x;
} 
 
#pagewidth{ 
 width:756px; 
 text-align:left;  
margin-left:auto; 
 margin-right:auto; 
 background: url(../images/pagebk.png) left top repeat-y; 
} 

#landpagewidth{ 
 width:756px; 
 text-align:left;  
margin-left:auto; 
 margin-right:auto; 
 background: url(../images/landingpagebk.png) left top repeat-y; 
} 

 
#header{
 position:relative; 
 height:306px; 
  background-color:#80FFFF; 
 width:100%;
 background: url(../images/headerbk.jpg) right top no-repeat;
} 
 
#leftcol{
 width:156px; 
 float:left; 
 position:relative; 
 background: url(../images/leftcolbk.jpg) left top no-repeat;
 min-height: 276px;
 font-size: 70%;

 }
 
#twocols{
 width:756px; 
 float:right; 
 position:relative;
  }
 
#rightcol{
 width:167px; 
 float:right; 
 position:relative;
 background: url(../images/rightcolbk.jpg) right top no-repeat;
 min-height: 276px;
 font-size: 70%;
 }
 
#pagewidth #maincol{
 float: left; 
 display:inline; 
 position: relative; 
 width:424px;
 }

#landpagewidth #maincol{
 float: left; 
 display:inline; 
 position: relative; 
 width:586px;
 background: url(../images/leftcolbk.jpg) left top no-repeat;
 }
 
#footer{
 height:52px; 
 background: url(../images/footer.png) right top no-repeat;
 clear:both;
 font-size: 70%;
 } 

#headerimage {display: block; width: 531px; height: 145px;position: absolute; left: 30px; top: 86px; }

#header h1 span {display: none}
h1#logo { background:url(../images/logo.png) left no-repeat; width: 140px; height: 139px; position: absolute; left: 591px; top: 67px}
#logolink a {display: block; width: 139px; height: 135px;position: absolute; left: 591px; top: 89px; }
#header h2 {display: none}

#donate span {display: none}
#donate a { background:url(../images/donate.png) left no-repeat; width: 140px; height: 20px; position: absolute; left: 292px; top: 6px}

#donate span {display: none}
#donate a { background:url(../images/donate.png) left no-repeat; width: 140px; height: 20px; position: absolute; left: 292px; top: 6px}

#launchdir span {display: none}
#launchdir a { background:url(../images/publications.png) left no-repeat; width: 140px; height: 20px; position: absolute; left: 437px; top: 6px}

a {text-decoration: none}
a:hover {text-decoration: underline}
#pagewidth #maincontent {font-size: 75%; color: #656A63; display: block; width: 405px; margin: 0 0 25px 20px; float: left; clear: both}
#landpagewidth #maincontent {font-size: 75%; color: #656A63; display: block; width: 560px; margin: 0 0 0 20px; float: left; clear: both}
#maincontent h1 {color: #44A662; font-size: 120%; padding: 0; margin: 8px 0}
#maincontent .intro {font-weight: bold}
#maincontent a {color: #44A662;}
#maincontent ul {margin: 0 0 0 12px; padding: 0}
#maincontent li {margin: 0 0 5px 0}
#maincontent h4 {margin: 0; padding: 0; font-size: 90%}
#maincontent p {line-height: 1.3em !important; margin: 0 0 1.3em 0}
#maincontent a {color: #44A662; font-weight: bold}
/*#maincontent a {color: #44A662; border-bottom: 1px dashed #44A662;}*/
#maincontent a:hover {text-decoration: underline; /* color: #FD7800; border-bottom: 1px dashed #FD7800;*/}
#maincontent .highlightwide {display: block; background: #F0FDE2; float: left; width: 390px; padding: 10px 5px 10px 10px; margin: 0 5px 0 0; color: #43A561;font-weight: bold; font-size: 120%; line-height: 1.2em}
#maincontent .highlightleft, #maincontent p.highlightleft {display: block; background: #F0FDE2; float: left; width: 195px; padding: 10px 5px 10px 10px; margin: 0 5px 0 0; color: #43A561;font-weight: bold; font-size: 120%; line-height: 1.2em}
#maincontent .highlightright, #maincontent p.highlightright {display: block; background: #F0FDE2; float: right; width: 195px; padding: 10px 5px 10px 10px; margin: 0 0 0 5px; color: #43A561;font-weight: bold; font-size: 120%; line-height: 1.2em}

/*HEADER LINKS*/
#headerlinks {margin: 0; padding: 8px 0 0 20px; font-size: 70%}
#headerlinks ul {margin: 0; padding: 0}
#headerlinks ul li {list-style: none; display: inline}
#headerlinks a {color: #44A662; padding: 0 3px 0 4px; background: url(../images/linkdiv.png) 0 4px no-repeat;  }
#headerlinks ul li.first a {background: none !important}

/*FOOTER LINKS*/
#footerlinks {margin: 0; padding: 20px 0 0 20px;  color: #44A662; float: left}
#footerlinks ul {margin: 0; padding: 0}
#footerlinks ul li {list-style: none; display: inline; margin: 0 4px 0 0}
#footerlinks a {color: #44A662; padding: 0 0 0 6px; background: url(../images/linkdiv.png) 0 4px no-repeat;  }
#webbler {float: right; color: #44A662; padding: 20px 18px 0 0;}
#webbler a {color: #44A662;}
#pagetop a {
float: right;
background: url(../images/directory/arrowup.gif) 68px 2px no-repeat;
margin: 20px 13px 0 0;
color: #44A662;
display: block;
width: 80px
}
/* SEARCH */
#searchbox {
margin: 6px 17px 0 0;
float: right
}

#searchbox input.searchBoxinput {
border: 1px solid #DAEDE0;
display: block;background-color: #DAEDE0; width: 118px; color: #4896AC; font-size: 10px;margin: 0 1px 0 0; float: left; padding: 3px 0 2px 7px;}

#searchbox input.searchBoxinput:hover {
background-color: #EEF7FD;
}

#searchbox .searchSubmit {
border: 1px solid #DAEDE0;display: block; width: 29px; background-color: #DAEDE0;color: #4896AC;font-size: 10px;padding: 0 0 3px 0; height: 20px; float: left; margin: 0;}

#searchbox .searchSubmit:hover {
background-color: #EEF7FD;
cursor: pointer
}

#crumb {float: left; margin: 15px 0 0 20px; display: block; padding: 0; color: #4896AC; font-size: 65%; width: 280px}
#crumb a {color: #4896AC; text-transform: lowercase}

/* TOOLKIT */
#toolkit {float: right; margin: 16px 15px 0 0; font-size: 10px}
#toolkit .toolitem {display: inline; float: left; padding: 0px 2px; font-size: 11px; color: #ccc;} 
#toolkit .toolitem a {color: #ccc; border: none; text-decoration: none}
#toolkit .toolitem a:hover {color: #fff; border: none; text-decoration: none;}
#toolkit .txtdefault a {background: url(../images/tool_fontdef.png) top right no-repeat; width: 15px; height: 14px;display: block}
#toolkit .txtdefault a:hover {border: none; text-decoration: none}
#toolkit .txtinc a {background: url(../images/tool_fontinc.png) top right no-repeat; width: 15px; height: 14px;display: block}
#toolkit .txtinc a:hover {border: none; text-decoration: none}
#toolkit .mail a {background: url(../images/tool_mail.png) top right no-repeat; width: 15px; height: 14px;display: block}
#toolkit .mail a:hover {border: none; text-decoration: none}
#toolkit .text a {background: url(../images/tool_text.png) top right no-repeat; width: 15px; height: 14px;display: block}
#toolkit .text a:hover {border: none; text-decoration: none}
#toolkit .print a {background: url(../images/tool_print.png) top right no-repeat; width: 15px; height: 14px;display: block}
#toolkit .print a:hover { border: none; text-decoration: none}
#toolkit a span {display: none}
/*
#primarynav
{position: absolute;
margin: 0;
padding: 0;
top: 270px;
width: 736px;
background: #F1913B;
left: 10px;
height: 38px
}*/

#shareThis {float: left; width: 100%; clear: both; margin:0 0 10px;}

#navcontainer {padding: 0; margin: 0; position: absolute; top: 278px; left: 10px; display: block;  width: 736px;height: 38px;}

#navcontainer ul {
        margin: 0;
        padding: 1px 0 0 5px;
        list-style-type: none;
        white-space: nowrap;
}

#navcontainer ul li {
        float: left;
        font-size: 13px;
        font-weight: bold;
        margin: 0;
        background-color: #F1913B;
		/*padding: 8px 9px 7px 9px;*/
        
}

#navcontainer a, #navcontainer a:link {
        margin: 0;
        padding: 8px 14px 11px 14px;
        color: #fff;
        text-decoration: none;border-top: 2px solid #fff;
}

#navcontainer li.this a {
		background-color: #FD7800;
		border-top: 2px solid #FD7800;}

#navcontainer a:hover {
        background-color: #FD7800;
		border-top: 2px solid #FD7800;
}

/* LEFT MENU*/
#leftcol .menu {margin: 10px 0 0 10px; background: url(../images/menudiv.png) top right no-repeat; width: 153px;}
#leftcol h3 {padding: 4px 0 5px 6px; margin: 0;color: #44A662; font-size: 120%;background: url(../images/menudiv.png) bottom right no-repeat;  }
#leftcol ul {padding: 0; margin: 0;}
#leftcol li {list-style: none;}
#leftcol li a {color: #4896AC; padding: 5px 0 5px 6px;display: block;background: url(../images/leftmenuoff.png) bottom left no-repeat;margin: 0}
#leftcol li a:hover, #leftcol li.this a, #leftcol li.selecteditemstyle a {background: url(../images/leftmenuon.png) bottom left no-repeat; text-decoration: none; width: 156px;}

/* RIGHT MENU*/
#rightcol .menu {margin: 10px 0 22px 0; background: url(../images/menudiv.png) top right no-repeat; width: 156px; display: block}
#rightcol h3 {padding: 5px 0 5px 9px; margin: 0;color: #44A662; font-size: 120%;background: url(../images/menudiv.png) bottom right no-repeat;  }
#rightcol ul {padding: 0; margin: 0;}
#rightcol li {list-style: none;}
#rightcol li a {color: #4896AC; padding: 5px 2px 5px 9px; display: block;background: url(../images/rightmenuoff.png) bottom left no-repeat;}
#rightcol li a:hover, #rightcol li.this a {background: url(../images/rightmenuon.png) bottom left no-repeat; text-decoration: none; /*width: 156px;*/}
#rightcol .usefultext {padding: 0 12px; color: #656A63}
#rightcol .usefultext a {color: #4896AC}
#rightcol h3 .download {background: url(../images/pdficon.png) 74px 3px no-repeat; padding: 6px 25px 0 0; }
#rightcol .rss {clear: both; margin: 10px 0; float: left}
#rightcol .rss a, #rightcol .rss a:hover {border: 0 !important; background: none}
#rightcol li.rsslink a, #rightcol li.rsslink a:hover {background: url(../images/rssicon.png) 10px 0px no-repeat;
padding: 0 0 0 60px; height: 20px }
#rightcol .rightcolimage {margin: 5px 0 5px 25px}
/* maincontent images*/
#maincontent .webblerimage {margin: 0; padding: 0; background-color: #E1E0DF; padding: 3px; font-size: 85%}
#maincontent .webblerimage img {margin: 0; padding: 0; border: 1px solid #fff}
#maincontent .left {float: left; margin: 0 6px 0 0}
#maincontent .right {float: right; margin: 0 0 0 7px}
#maincontent .webblerimage .imagecredits {color: #44A662}

/* LISTINGS */
#maincontent .listings {clear: both}
#maincontent .listings .shade {background: #F3FCF6}
#maincontent .listings .item h2 {font-size: 100%; padding: 10px 5px; margin: 0; font-weight: normal}

/* PAGING */
.webblerpaging {display: block;  margin: 0 0 10px 0; float: left}
.webblerpaging p {float: left}
.webblerpaging .pagingprevious, .webblerpaging .pagingnext {display: none}
.webblerpaging a {text-decoration: none !important; margin: 4px 4px 4px 0; float: left; border: 1px solid #fff}

/* SEARCH RESULTS */
div.searchresults {margin: 0 0 10px 0; padding: 0; display: block; float: left;width: 400px;}
div.resultsnumber {margin:0; padding: 0; display: block; float: left; font-weight: bold}
div.resultstext {margin: 0 0 0 25px; padding: 0; display: block; position: relative;}
div.resultsurl {margin:0 0 5px 0}
div.resultsscore {font-size: 10px}
.searchgroup {display: none}

/* LANDING PAGE */
#feature1 {display: block; margin: 10px 0; float: left}
#feature1 h1,#feature2 h1, #feature3 h1, #feature4 h1 {color: #44A662; font-size: 120%; padding: 0; margin: 0 0 1.2em 0}
/*#feature1 .webblerimage {height: 130px}*/
/*#maincontent #feature1 p {line-height: 1.3em !important; display: block; width: 295px; float: right; margin: 5px 5px 5px 0;}*/

#feature2 {display: block;width: 278px; float: left}
#feature2 h3 {margin: 0 0 5px 0; padding: 20px 0 5px 5px; background-color: #44A662; font-size: 110%; color: #fff; }

#feature3 {display: block;width: 278px; float: right}
#feature3 h3 {margin: 0 0 5px 0; padding: 20px 0 5px 5px; background-color: #44A662; font-size: 110%; color: #fff; }
#feature4 {display: block;float: left; width: 100%}
#feature4 h3 {margin: 0 0 5px 0; padding: 20px 0 5px 5px; background-color: #44A662; font-size: 110%; color: #fff; }
#feature2 h3 span, #feature3 h3 span, #feature4 h3 span {margin: 0 0 0 5px}
#feature2 .content, #feature3 .content, #feature4 .content {padding: 10px 5px}
#feature2 .content p , #feature3 .content p, #feature4 .content p {margin: 0 0 10px 0; padding: 0}
#feature2 ul {margin: 0 0 10px 13px; padding: 0}

/* FORMS */
#form fieldset {margin: 10px 0 0 0; padding: 0; border: 0 !important}
#form textarea {width: 390px; border: 1px solid #ccc; padding: 0 0 0 5px}
#form .separator {margin: 10px 0 5px 0}
.required {color: red;}
.elements .required {color: red; margin: 0 0 0 -8px; padding: 0}
#form input.inputitem {border: 1px solid #ccc; font-size: 11px; width: 160px; margin: 2px 0; }
#form select {border: 1px solid #ccc; font-size: 9px;  width: 162px; margin: 0 0 0 12px}
#form label {width: 150px; display: block; float: left; }
#form .formRow {margin: 5px 0}
#form .formsubmit a {background: #44A662; color: #fff !important; padding: 3px 6px;margin: 10px 0 0 0 !important; float: left}
#form .formradio {display: block}
#sep1 {float: left }
#donateinput input {margin: 10px !important; border: 1px solid}
#giftaidcheck {margin: 0; padding: 0}
#realamount {font-weight: bold; color: #44A662; font-size: 120%; float: right; margin: -15px 10px 0 0}
#form .giftaidseparator {display: block; background: #F3FCF6; padding: 5px }
#form .error {font-weight: bold;color: red;display: block;margin: 1em 0}

/* RIGHT IMAGES */
#rightcol .rightimages a img {border: none !important; margin: 0 0 0 5px}
#rightcol .rightimages {margin: 0 0 0 3px; display: block; width: 154px;}
#rightcol .rightimages .item {margin: 0 0 15px 0;  padding: 5px 0 0 0}
#rightcol .rightimages p {margin: 0; padding: 5px; color: #656A63}

/* SITEMAP */
#maincontent h3 {font-size: 1em;margin: 0 0 5px 0;padding: 2px 0 2px 0;border-bottom: 1px solid #CCCCCC;border-top: 1px solid #CCCCCC;}
div.branchmap {font-weight:bold; margin: 0 0 10px 0}
div.branchmapItem {margin: 0 0 3px 0; padding: 5px 0 0 0 }
ul.leafmap {margin: 0 0 0 20px}
ul.leafmap li { margin: 0; padding: 0; list-style: circle}
ul.leafmap li a {font-weight:normal !important}

 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.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 */  
 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}