a {color: #f15c28; text-decoration: none}
a:hover {color: #000000}

body {margin: 0px; background-color: #7599b6; background-image: url(../images/back.jpg); background-repeat: no-repeat; background-position: top center; font-family: arial, helvetica, sans-serif}
p, ul, ol, li, td {color: #444444; font-size: 14px; line-height: 150%}
#team p, #team ul, #team ol, #team li, #team td {font-size: 12px}

#main {width: 971px; margin: 0 auto; clear: both; background-color: #F1F4F8; border: 8px solid #FFFFFF}

#subnav {background-color: #FFFFFF; float: left; position: relative; clear: both; padding: 15px 15px 15px 25px; margin: 40px 0 0 0}
#subnav ul {display: block; float: left; margin: 0; padding: 0; list-style: none}
#subnav ul li {display: block; float: left}
#subnav ul li a {display: block; float: left; padding: 5px 15px; font-size: 12px !important; line-height: 1.3em}
#subnav ul li a:hover {color: #F2BC2A}
#subnav ul li.here a {font-weight: bold; color: #C94415}

#content {padding: 40px 100px; clear: both}
#content h1 {font-size: 24px; font-weight: normal; color: #787a7c; margin: 0 0 15px 0; background-image: url(../images/dotted.gif); background-position: bottom; background-repeat: repeat-x; padding: 0 0 10px 0}
#content h2 {font-size: 18px; font-weight: normal; color: #787a7c; margin: 0 0 15px 0; background-image: url(../images/dotted.gif); background-position: bottom; background-repeat: repeat-x; padding: 0 0 10px 0}
#content h3 {font-size: 14px; font-weight: normal; color: #787a7c; margin: 0; padding: 0}

#transactions #content {padding: 40px 80px 40px 100px}

.onecol {padding-bottom: 40px}
.onecol ul {margin: 0; padding: 0; list-style: none}
.onecol ul li {display: block; float: left; width: 175px; margin: 0 20px 0 0}
.onecol ul li.last {margin-right: 0}
.onecol ul li span {display: block; float: left; border: 1px solid #E8EAEE; border-right: 3px solid #E8EAEE; border-bottom: 3px solid #E8EAEE; margin-bottom: 5px}
.onecol ul li span img {border: 5px solid #FFFFFF}
.onecol ul li p {clear: both; margin-top: 0}
.onecol ul li a {display: block; padding-right: 30px}
.onecol ul li span a {padding-right: 0}

.twocol {}
.twocol div {width: 490px; float: left; margin-right: 50px}
.twocol div.last {width: 220px; margin-right: 0; margin-top: 45px}
.twocol div.last img {margin-bottom: 20px}
.twocol ul {margin: -10px 15px 15px 15px; padding: 0; list-style: none}
.twocol ul li {background-image: url(../images/bullet.gif); background-repeat: no-repeat; background-position: 0 10px; padding: 2px 0 2px 13px}

p.quote {font-style: italic; color: #999999}

.threecol {clear: both; padding-bottom: 40px}
.threecol div {width: 220px; float: left; margin-right: 50px}
.threecol div.last {margin-right: 0}
.threecol ul {margin: 0; padding: 0; list-style: none}
.threecol ul li {display: block; float: left; width: 100%; clear: both; padding: 0 0 20px 0}

#btf {padding: 20px 0 40px 0; width: 987px; margin: 0 auto; color: #FFFFFF}
.intro {width: 320px; float: left; padding: 0 0 0 350px}
.intro p {font-size: 14px; line-height: 170%; margin-top: 0}
.intro a {font-size: 12px; display: block; float: left; color: #cfdbe6}
.intro a:hover {color: #FFFFFF}
.transactions {width: 300px; float: left}
.transactions ul {margin-top: 0}
.transactions ul li {padding-bottom: 3px; font-size: 12px}
.transactions a {font-size: 12px; display: block; float: left; padding-left: 30px; color: #cfdbe6}
.transactions a:hover {color: #FFFFFF}

#footer {width: 987px; margin: 0 auto; clear: both; padding: 10px 0 20px 0}

/*
#footer p {text-align: right; margin: 0; color: #cfdbe6; font-size: 11px}
#footer p a {margin-left: 15px; color: #cfdbe6}
#footer p a:hover {color: #FFFFFF}
*/

#footer span {display: block; float: right; color: #cfdbe6; font-size: 11px; margin-left: 25px; margin-bottom: 20px}
#footer span a {color: #cfdbe6}
#footer span a:hover {color: #FFFFFF}

.clear {clear: both; height: 1px; font-size: 1px; line-height: 1px}

#head {width: 987px; margin: 0 auto; padding: 25px 0 10px 0}
#head #logo {float: left; border: 0}
#head ul {margin: 72px 10px 0 0; padding: 0; float: right; list-style: none}
#head ul li {display: block; float: left; height: 42px; overflow: hidden}
#head ul li a {display: block; width: 100%; height: 100%; cursor: pointer}
#head ul li a span {margin: -999px}

li#who {width: 114px}
li#who a {background-image: url(../images/nav_who.png)}
li#who.here a {background-image: url(../images/nav_who_on.png)}
li#what {width: 105px}
li#what a {background-image: url(../images/nav_what.png)}
li#what.here a {background-image: url(../images/nav_what_on.png)}
li#how {width: 116px}
li#how a {background-image: url(../images/nav_how.png)}
li#how.here a {background-image: url(../images/nav_how_on.png)}
li#portfolio {width: 84px}
li#portfolio a {background-image: url(../images/nav_portfolio.png)}
li#portfolio.here a {background-image: url(../images/nav_portfolio_on.png)}
li#news {width: 64px}
li#news a {background-image: url(../images/nav_news.png)}
li#news.here a {background-image: url(../images/nav_news_on.png)}
li#contact {width: 79px}
li#contact a {background-image: url(../images/nav_contact.png)}
li#contact.here a {background-image: url(../images/nav_contact_on.png)}



.biopop {position: absolute; width: 240px; z-index: 100; margin: -190px 0 0 80px; _margin: -95px 0 0 40px; background-color: #e9ecf0; border: 5px solid #FFFFFF; padding: 15px}
.biopop div {float: right}
.biopop div a {display: block; padding: 4px 6px; font-weight: bold; text-decoration: none; margin: 0 0 10px 10px; border: 1px solid #EFEDEB}
.biopop a {margin-right: 15px}

.threecol ul li .biopop {margin: -60px 0 0 50px; _margin: -30px 0 0 25px}
.threecol ul li .biopop p {margin-top: 0}

.last ul li .biopop {margin: -60px 0 0 100px; _margin: -30px 0 0 50px}

img.framed {background-color: #FFFFFF; padding: 8px; border: 1px solid #E8EAEE; border-right: 3px solid #E8EAEE; border-bottom: 3px solid #E8EAEE}

img.smallframed {float: left; margin: 0 15px 10px 0; background-color: #FFFFFF; padding: 5px; border: 1px solid #E8EAEE; border-right: 3px solid #E8EAEE; border-bottom: 3px solid #E8EAEE}

div.portfolio {float: left; width: 190px}

div.news div {border-bottom: 1px solid #CCCCCC; padding: 10px 0}
div.news div p {margin-top: 0}
div.news div i, div.news div a {font-size: 12px}

a.learn {display: block; font-size: 12px; padding: 5px 0 10px 0}

span.charities p {font-size: 12px}

.tombstones div {background-image: url(../images/tombstone.gif); background-repeat: no-repeat; width: 202px; height: 198px; padding-left: 41px; padding-top: 30px; margin: 0 20px 20px 0; float: left}
.tombstones div p {width: 160px; margin: 0; padding: 15px 0; text-align: center; font-size: 11px; font-weight: bold; color: #9e9e9e}

li.former {font-style: italic}
p.note {clear: both; padding-top: 40px; font-size: 12px}