@import url("reset.css"); 
@import url("typo.css");

html, body{ background:#C5C56B url(../images/body_bk.png) top left repeat-x;}

#pagewidth{ width:760px;  text-align:left;  margin-left:auto;  margin-right:auto; background: #fff}

#header{ position:relative;  height:240px;  width:100%;  padding:10px 0 0 0}

#functions {display: block; background: #939450; width: 100%; height: 44px; font-size: 1.4em;}

#functions .signupLink {margin: 0; padding: 0;}
#functions .signupLink a{background:transparent url(../images/functions_div.png) no-repeat scroll right top;color:#FFFFFF;display:block;float:right;font-weight:bold;margin:11px 11px 0 0;padding:0 15px 0 0;}
#searchbox {display: block; float: right; margin: 10px 0 0 0; }
#searchbox form fieldset {border: 0; padding: 0; margin: 5px 5px 0 5px}
#searchbox fieldset label {color: white; font-weight: bold;}
#searchbox input.searchBoxinput {margin: 0 0 0 5px; border: 1px solid #fff; background: #fff; width: 178px; padding: 2px}
#searchbox button {background: #c5c56b; border: 1px solid #c5c56b; color: #fff; padding: 1px}
#searchbox input.searchBoxinput:hover{background-color:#f2f2f2}

#leftcol{ width:146px;  float:left;  position:relative;  margin:5px 0 0 9px;  font-size:70%}
 
#twocols{ width:589px;  float:right;  position:relative}
   
#rightcol{ width:145px;  float:right;  position:relative;  margin:0 5px 0 0;  font-size:1.2em}
 
#maincol_col1{ float:left;  display:inline;  position:relative;  width:735px;  margin:0 0 0 10px}
#maincol_col2{ float:left;  display:inline;  position:relative;  width:580px}
#maincol_col3{ float:left;  display:inline;  position:relative;  width:437px}
 
#footer{ height:130px; clear:both; color:#fff;}

a{text-decoration:none}
#hidden{display:none !important}

#logolink a{position:absolute; display:block; width:144px; height:180px; left:10px}
#logolink a span{display:none}
#keyline{border-top:1px solid #E6E6E6; margin:0 9px 0 9px; padding:0; display:block; height:10px; line-height:0px}
#header h1 span{display:none}
#header h1{margin:0 1px 0 9px; padding:0; background:url(../images/mainlogo.png) top left no-repeat; width:146px; height:180px; float:left}
#header .image{float:left; visibility:visible}
#header #navline{display:block; background:#c5c56b; height:40px; width:740px; float:left; clear:both; margin:1px 0 0 9px}

.captionImg{position:relative; margin:0 0 0 156px}
.captionImg a{text-decoration:none}
.captionImg a img{border:0px none; line-height:0}
.captionImg a span{ position:absolute; top:0px; left:0; visibility:hidden; display:block}
.captionImg a span.caption{width:593px; height:180px; z-index:5000}
.captionImg a:hover span{ background:url(../images/imgTrBg75.png) left top repeat; position:absolute; top:0; left:0; color:#fff; visibility:visible}
.captionImg a:hover span b{display:block; padding:1em 1em 0 1em; font-weight:normal; line-height:1.5em}

table#listing h2{font-size:130%; margin:10px 0 10px 0}
table#listing p{margin:0; padding:0}
td .resultskeyline{border-top:1px solid #E6E6E6; margin:15px 0; padding:0; display:block}

#resultlistings{margin:10px 0; border-top:1px solid #eee; padding:0; width:570px}
#resultlistings p{margin:0; padding:10px 0}
#resultlistings h1{margin:0 !important; padding:10px 0 !important; font-size:1.8em}
#resultlistings td.titleblock{margin:0; border-right:1px solid #eee; border-bottom:1px solid #eee; padding:0 10px !important; width:220px}
#resultlistings td.typeblock{margin:0; border-right:1px solid #eee; border-bottom:1px solid #eee; padding:0 10px !important; width:140px}
#resultlistings td.introblock{margin:0; border-bottom:1px solid #eee; padding:0 10px !important;  width:220px}
#resultlistings h2 a{text-decoration:none}
#resultlistings{clear:both}

.webblerpaging a{display:none}
.paging{display:block; margin:8px 1px; float:left; width:420px}
.paging p{margin:0 3px 0 0; padding:1px 0 0 0; float:left; display:block}
.paging a{display:block; float:left; border:1px solid #DCDCDC; margin:0 2px 2px 0; padding:1px 0; color:#0B9FC5; width:20px; text-align:center; text-decoration:none !important}
.paging a:hover, .paging a.current{background:#eee; color:#7D0B2E}
#maincontent .paging .pagingprevious, #maincontent .paging .pagingnext{display:none}

.advsearch{margin:15px 0; display:block; float:left}
.advsearch label{font-weight:bold; padding:0; float:left; clear:both; margin:2px 0; text-transform:capitalize; font-size: 1.2em}
.advsearch select{border:1px solid #ccc; width:200px; margin:0 0 5px 0; float:left; clear:both}
.advsearch button{border:1px solid #ccc; margin:0 0 5px 3px; float:left}
.advsearch button:hover{background-color:#EFEFEF}

#primarynav ul{margin:0; padding:0}
#primarynav li{list-style:none; float:left}
#primarynav li a{color:#000; width:130px; border-right:1px solid #fff; background:#c5c56b; padding:10px 5px 11px 11px; display:block; font-size: 1.4em}

#primarynav li.donate a {background: #7d0b2e; color: #fff; width: 136px; border-right: none} 
#primarynav li.this_donate a{background: #9c9f06; color: #fff; width: 136px; border-right: none} 

#primarynav li.this a, #primarynav li a:hover, #primarynav li.donate a:hover{background:#9c9f06; color: #fff}

#secondarynav ul{margin:0; padding:0; border-top:1px solid #E6E6E6}
#secondarynav ul li{list-style:none}
#secondarynav ul li a{color:#000; width:125px;  border-bottom:1px solid #EEEEEF; padding:4px 5px 4px 16px; display:block; line-height:1.1em; font-weight:bold; background:#fff}

#secondarynav ul li a:hover, #secondarynav ul li.this ul li a:hover{background:#F5F5E6}
#secondarynav ul li.this a, #secondarynav ul li.this ul li.thissub a{background:#F5F5E6 url(../images/thisarrow.png) 4px 50% no-repeat}

#secondarynav ul ul{margin:0; padding:0}
#secondarynav ul li.this ul li a{color:#4B4B4B; width:120px;  border-bottom:1px solid #EEEEEF; padding:4px 5px 4px 21px; display:block; line-height:1.1em; background:#fff; font-weight:normal !important}

#maincontent{color:#000; margin:0 0 10px 0; padding:0 5px 0 0}
#maincol_col1 #big{font-size:280%; margin:0; padding:0 9px; color:#666; letter-spacing:0.01em; line-height:1.1em}
#maincol_col1 #big p{margin:0; padding:0}

#maincol_col2 h1, #maincol_col3 h1{margin:0; padding:0; color:#333; letter-spacing:-0.5px}
#maincontent h2{font-size:1.4em; margin:0.8em 0 1em; padding:0; color:#333}
#maincontent .listings h3 a{font-size:0.8em;font-weight:bold;margin:0 !important;padding:0;text-decoration:none; line-height: 1.2em}

#footer .content{display:block; background:#949350; width:740px; height:120px; margin:0 0 0 9px; float: left}
#footer h4 {font-size: 1em; font-weight: bold}
#footer a {color: #fff}
#footer a:hover {text-decoration: underline}

#footer .rack-links{float:left; width: 340px; margin: 5px 0 0 10px}
#footer .rack-links ul {margin: 10px 0 0 0}
#footer .rack-links li a{float:left; width: 170px}

#footer .rack-connect{float:left; width: 150px; margin: 5px 0 0 10px; }
#footer .rack-connect ul {margin: 20px 0 0 0}
#footer .rack-connect li a{float:left; width: 41px; height: 40px; margin: 0 5px 0 0}
#footer .rack-connect li.rss a {background: url(../images/icon_rss.png) top left no-repeat; text-indent: -5000px}
#footer .rack-connect li.twitter a {background: url(../images/icon_twitter.png) top left no-repeat; text-indent: -5000px}
#footer .rack-connect li.facebook a {background: url(../images/icon_facebook.png) top left no-repeat; text-indent: -5000px}

#footer .rack-sites{float:right; margin: 5px 10px 0 10px; }
#footer .rack-sites ul {margin: 10px 0 0 0}
#footer .rack-sites li a{float:left; }

#maincontent .left{float:left; margin:0 10px 10px 0}
#maincontent .right{float:right; margin:0 0 10px 10px}
#maincontent .imagecredits{background:#F5F5E6; padding:10px}
#maincontent .imagecaption{background:#F5F5E6; padding:10px; font-size: 1.2em}

#maincontent a{color:#000; text-decoration:underline}
#maincontent a:hover{color:#7D0B2E}
#maincontent .intro_landing p{font-size:1.8em; margin:0 !important; padding:5px 0 !important}
#maincontent ul{font-size:1.4em;list-style-image:none;list-style-position:outside;list-style-type:circle;margin:0 0 0 13px;padding:0;}
#maincontent li{margin:0.5em 0}

#maincontent .pagedownloads .item{padding: 1px 5px; display:block; width:100%}
#maincontent .pagedownloads .item h2 {margin: 0.4em 0 !important}
#maincontent .pagedownloads a{background:url(../images/pdficon.png) 0 1px no-repeat; padding:0 0 0 18px}
#maincontent .pagedownloads .desc{display:block; margin:2px 0 0 18px}
#maincontent .shade{background:#F5F5E6}

#maincontent a img{border:none !important}
.listings{display:block; float:left; margin:10px 0; border-top:1px solid #eee; padding:5px 0}
.listings .item{display:block; float:left; margin:0; border-bottom:1px solid #eee; padding:10px 0}
.listings .item .image{display:block; float:left; width:135px; border:none !important}
.listings .item .content{display:block; width:270px; float:left; margin:0 15px 0 0}
.listings .item .content p{margin:0; padding:0}
.listings .item h2{padding:0 !important; margin:0 !important}
#maincontent .listings h2 a {font-size: 1.4em; text-decoration: none; padding: 0 0 5px 0; display: block}
.listings .item .content h2 a{text-decoration:none !important}

.listings .textitem{display:block; float:left; margin:0 0 10px 0}
.listings .textitem .content{display:block; margin:0 15px 0 0; width:430px}
.listings .textitem .content p{margin:0; padding:0}
.listings .textitem h2{padding:0 !important; margin:0 !important}
.listings .textitem .content h2 a{text-decoration:none !important}
#maincontent .searchgroup{text-indent:-2500px !important; position:absolute}

.landingimage{float:right; margin:5px 0 10px 7px}
.landingintro{float:left; display:block; width:270px}
h1.landing{font-size:2.3em !important}

#newslanding{display:block; float:left; width:100%;  margin:15px 0 0 0}
#newslanding h2{margin:0; font-size:1.8em; border-top:1px solid #eee; padding:5px 0 5px 9px}
#newslanding ul{margin:5px 5px 5px 18px; padding:0}
#newslanding .item{border-top:1px solid #eee !important; padding:5px}
#newslanding .image{margin:5px 0 0 5px}
#newslanding a{text-decoration:none}
#newslanding .content{display:block}
#newslanding .col1{display:block; float:left; width:180px; height:530px; border-right:1px solid #eee}
#newslanding .col2{display:block; float:left; width:180px; height:530px; border-right:1px solid #eee}
#newslanding .col3{display:block; float:left; width:180px; height:530px}
#newslanding .col2 .item h2{border:0 !important; padding:0 !important; margin:0 !important}
#newslanding .col2 .item h3{padding:0 !important; margin:0 !important}
#maincontent .hide{display:none !important}

.navicon ul{margin:0; padding:0px 0 20px 0}
.navicon li{margin:0; padding:0; list-style:none}
.navicon a{font-weight:bold; color:#9E9E07; border-bottom:1px solid #EEEEEF; padding:20px 5px 19px 59px; display:block}
#leftcol .navicon a{width:85px; font-size: 1.8em}
#rightcol .navicon a{width:80px}
.navicon a:hover{color:#7D0B2E}
.navicon li.donate a{background:url(../images/donate_off.png) 16px 50% no-repeat}
.navicon li.donate a:hover{background:url(../images/donate_on.png) 16px 50% no-repeat}
.navicon li.related a{background:url(../images/related_off.png) 16px 50% no-repeat}
.navicon li.related a:hover{background:url(../images/related_on.png) 16px 50% no-repeat}
.navicon li.gallery a{background:url(../images/gallery_off.png) 16px 50% no-repeat}
.navicon li.gallery a:hover{background:url(../images/gallery_on.png) 16px 50% no-repeat}

.functionicon{display:block; clear:both;}
.functionicon ul{margin:20px 0 !important; padding:0 !important}
.functionicon li{margin:0 0 14px 0; padding:0; list-style:none}
.functionicon ul li a{font-weight:bold; color:#9E9E07 !important; text-decoration:none !important; font-size:90%; padding:10px 5px 10px 31px}
.functionicon ul li.email a{background:url(../images/email_off.png) 1px 50% no-repeat}
.functionicon ul li.email a:hover{background:url(../images/email_on.png) 1px 50% no-repeat; color:#7D0B2E !important}
.functionicon ul li.print a{background:url(../images/print_off.png) 1px 50% no-repeat}
.functionicon ul li.print a:hover{background:url(../images/print_on.png) 1px 50% no-repeat; color:#7D0B2E !important}

.sitemaptrunklevel1{display:block; text-transform:uppercase}
.sitemaptrunklevel1 a{text-transform:capitalize}
.sitemaptrunklevel2{margin:0 0 12px 0; text-transform:capitalize}
.trunktitle{font-size:1.4em; font-weight:bold; border-bottom:1px solid #EEEEEF; padding:0 0 5px 0; margin:15px 0 5px 0}

.branchmapItem{display:block; margin:10px 0}
.branchmapItem a{ padding:0; margin:0; font-size: 1.2em}
.branchmap ul.leafmap{margin:0; padding:0}
.branchmap ul.leafmap li{display:block; background:none; padding:0; margin:3px 0 0 10px; list-style:none}
.branchmap ul.leafmap li a, 
.branchmap ul.leafmap li a span{padding:0 0 0 0; margin:0; background:none; text-decoration:none}

iframe{padding:0 !important; margin:0 !important; height:540px !important; border:1px solid #E6E6E6}
#thumblist{float:left; display:block; margin:0 0 15px 0; padding:10px; background:#fff; height:123px; width:405px; clear:both; border-left:1px solid #E6E6E6; border-right:1px solid #E6E6E6; border-bottom:1px solid #E6E6E6}

.expand{display:block;  border-bottom:1px solid #EEEEEF; border-top:1px solid #EEEEEF; float:left}
.expand a{color:#4B4B4B; padding:4px}
.expand a.link{font-weight:bold; color:#9C9F06; float:left}
.expand a.openclose{float:right; font-weight:bold;  color:#9C9F06}
.expand a.link:hover, .expand a.openclose:hover{color:#7D0B2E !important; background:#fff !important}
.expand a:hover{background:#F5F5E6}
.expand ul{margin:0; padding:0; float:left}
.expand ul li{list-style:none}
.expand li a{color:#4B4B4B; width:135px;  border-bottom:1px solid #EEEEEF; padding:4px 5px 4px 4px; display:block; line-height:1.1em; background:#fff}
.expand ul li.this a{background:#F5F5E6 url(../images/thisarrow.png) 4px 50% no-repeat}

#relatedpages .item{display:block; float:left}
#relatedpages .related_hd{margin:2px 3px; font-weight:bold}

.eventitem dt{font-weight:bold; float:left; width:60px; margin:0 0 5px 0}
.eventitem dd{margin:0 0 5px 0}

.listbox{display:block; clear:both; border-top:1px solid #EEEEEF; padding:5px 0 0 0; font-size: 1.4em}
.listbox .bookmarkservices a{color:#906; padding:0 0 0 19px; margin:0 10px 0 0}
.listbox ul.bookmarkservices{margin:5px 0 0 0 !important;  padding:0; font-size: 1em !important}
.listbox .bookmarkservices li{list-style:none !important; display:inline}
.listbox .bookmarkservices a.delicious{background:url(../images/bkmk_delicious.png) top left no-repeat}
.listbox .bookmarkservices a.digg{background:url(../images/bkmk_digg.png) top left no-repeat}
.listbox .bookmarkservices a.bebo{background:url(../images/bkmk_bebo.png) top left no-repeat}
.listbox .bookmarkservices a.facebook{background:url(../images/bkmk_facebook.png) top left no-repeat}
.listbox .bookmarkservices a.myspace{background:url(../images/bkmk_myspace.png) top left no-repeat}

.vcard p, div.bubble p{margin:0}
.vcard .geo{margin-top:0.5em;  font-size:0.85em;  color:#ccc}
.adr{margin-bottom:0.5em}
.bubble{width:300px}
.bubble .geo{display:none}
#themap{ margin:0}
#maincontent .locations ul{padding:0; margin:0; background:#ccc; width:730px}
#maincontent .locations ul li{list-style:none; padding:0 10px; margin:0; border-bottom:1px solid #ddd}
#maincontent .locations .country-name, #maincontent .locations p{display:none}
#maincontent .locations h3{padding:0; margin:0}
#maincontent .locations h3 a{font-weight:normal; text-decoration:none; font-size:0.6em; margin:0; padding:0}
#maincontent div.domtab div.adr{display:none}

  
.clearfix:after{ content:".";  display:block; height:0;  clear:both;  visibility:hidden}
 
.clearfix{display:inline-block}

* html .clearfix{height:1%}
.clearfix{display:block}
 
  
 @media print{ #leftcol{display:none}

 
#rightcol{display:none}

#twocols, #maincol{width:100%; float:none}
}