* {
padding: 0;
margin: 0;
 }

h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address { margin: 0 0 1em 0;}

body {
color: black;
background: #998b7e url(images/background.png);
font: 80% verdana, tahoma, arial, helvetica, sans-serif;
text-align: center;
line-height: 1.3;
}

#outer {
background: #998b7e url(images/scales.png) 50% 0 no-repeat;
text-align: center;
margin: 0 auto;
}

#wrapper {
position: relative;
background: url(images/wrapper.png) 50% 0 repeat-y;
margin: 0 auto;
width: 731px;
text-align: center;
}

#header {
position: relative;
background: #efeeec url(images/header.png) 0 -26px no-repeat;
height: 269px;
margin: 0 auto;
}

#navigation {position: absolute; top: 207px; left: 0px; width: 717px; height: 25px; overflow: hidden; margin: 0; background: url(images/header.png) no-repeat;}
#navigation li {position: absolute; top: 0px; list-style: none; text-align: center;}
#navigation a {position: relative; height: 25px; display: block;}
#navigation a span {position: absolute; top: 0; left: 0; height: 25px; cursor: pointer;}

#navigation .about {left: 30px; width: 127px;}
#navigation .funds-in {left: 164px; width: 127px;}
#navigation .funds-out {left: 299px; width: 127px;}
#navigation .regional-trusts {left: 436px; width: 127px;}
#navigation .contact {left: 570px; width: 127px;}

#navigation .about a span {width: 127px;}
#navigation .funds-in a span {width: 127px;}
#navigation .funds-out a span {width: 127px;}
#navigation .regional-trusts a span {width: 127px;}
#navigation .contact a span {width: 127px;}

#navigation .about a span {background: url(images/header.png) -30px -233px no-repeat;}
#navigation .funds-in a span {background: url(images/header.png) -164px -233px no-repeat;}
#navigation .funds-out a span {background: url(images/header.png) -299px -233px no-repeat;}
#navigation .regional-trusts a span {background: url(images/header.png) -436px -233px no-repeat;}
#navigation .contact a span {background: url(images/header.png) -570px -233px no-repeat;}

#navigation .about a:hover span {background: url(images/header.png) -30px 0 no-repeat;}
#navigation .funds-in a:hover span {background: url(images/header.png) -164px 0 no-repeat;}
#navigation .funds-out a:hover span {background: url(images/header.png) -299px 0 no-repeat;}
#navigation .regional-trusts a:hover span {background: url(images/header.png) -436px 0 no-repeat;}
#navigation .contact a:hover span {background: url(images/header.png) -570px 0 no-repeat;}


#submenu, #about-submenu, #funds-in-submenu, #funds-out-submenu {position: absolute; top: 249px; left: 78px; width: 717px; height: 25px; overflow: hidden; margin: 0;}
#about-submenu {background: url(images/about-submenu.png) no-repeat;}
#funds-in-submenu {background: url(images/funds-in-submenu.png) no-repeat;}
#funds-out-submenu {background: url(images/funds-out-submenu.png) no-repeat;}
#submenu li, #about-submenu li, #funds-in-submenu li, #funds-out-submenu li {position: absolute; top: 0px; list-style: none; text-align: center;}
#submenu a, #about-submenu a, #funds-in-submenu a, #funds-out-submenu a {position: relative; height: 25px; display: block;}
#submenu a span, #about-submenu a span, #funds-in-submenu a span, #funds-out-submenu a span {position: absolute; top: 0; left: 0; height: 25px; cursor: pointer;}

#about-submenu .aims {left: 0; width: 130px;}
#about-submenu .trustees {left: 130px; width: 140px;}
#funds-in-submenu .pro-bono-costs {left: 0; width: 130px;}
#funds-in-submenu .donations {left: 130px; width: 140px;}
#funds-out-submenu .grants {left: 0; width: 130px;}
#funds-out-submenu .principles {left: 130px; width: 140px;}
#submenu .home {left: 0; width: 140px;}
#submenu .regional-trusts {left: 0; width: 140px;}
#submenu .contact {left: 0; width: 140px;}
#submenu .news {left: 0; width: 140px;}
#submenu .website-help {left: 0; width: 140px;}

#about-submenu .aims a span {width: 130px;}
#about-submenu .trustees a span {width: 140px;}
#funds-in-submenu .pro-bono-costs a span {width: 130px;}
#funds-in-submenu .donations a span {width: 140px;}
#funds-out-submenu .grants a span {width: 130px;}
#funds-out-submenu .principles a span {width: 140px;}
#submenu .home a span {width: 140px;}
#submenu .regional-trusts a span {width: 140px;}
#submenu .contact a span {width: 140px;}
#submenu .news a span {width: 140px;}
#submenu .website-help a span {width: 140px;}

#about-submenu .aims a span {background: url(images/about-submenu.png) 0 -25px no-repeat;}
#about-submenu .trustees a span {background: url(images/about-submenu.png) -130px -25px no-repeat;}
#funds-in-submenu .pro-bono-costs a span {background: url(images/funds-in-submenu.png) 0 -25px no-repeat;}
#funds-in-submenu .donations a span {background: url(images/funds-in-submenu.png) -130px -25px no-repeat;}
#funds-out-submenu .grants a span {background: url(images/funds-out-submenu.png) 0 -25px no-repeat;}
#funds-out-submenu .principles a span {background: url(images/funds-out-submenu.png) -130px -25px no-repeat;}
#submenu .home a span {background: url(images/home-submenu.png) 0 0 no-repeat;}
#submenu .regional-trusts a span {background: url(images/regional-trusts-submenu.png) 0 0 no-repeat;}
#submenu .contact a span {background: url(images/contact-submenu.png) 0 0 no-repeat;}
#submenu .news a span {background: url(images/news-submenu.png) 0 0 no-repeat;}
#submenu .website-help a span {background: url(images/website-help-submenu.png) 0 0 no-repeat;}

#about-submenu .aims a:hover span {background: url(images/about-submenu.png) 0 0 no-repeat;}
#about-submenu .trustees a:hover span {background: url(images/about-submenu.png) -130px 0 no-repeat;}
#funds-in-submenu .pro-bono-costs a:hover span {background: url(images/funds-in-submenu.png) 0 0 no-repeat;}
#funds-in-submenu .donations a:hover span {background: url(images/funds-in-submenu.png) -130px 0 no-repeat;}
#funds-out-submenu .grants a:hover span {background: url(images/funds-out-submenu.png) 0 0 no-repeat;}
#funds-out-submenu .principles a:hover span {background: url(images/funds-out-submenu.png) -130px 0 no-repeat;}

#submenu .no-link a span {cursor: default;}

h1 {
position: absolute;
top: 50px;
left: 25px;
overflow: hidden;
height: 140px;
width: 235px;
font: 20px times;
line-height: 1.5em;
text-transform: uppercase;
}

h1 a img {
position: absolute;
top: -76px;
left: -25px;
}

#header a:link, #header a:visited, #header a:hover {
	color: #104b7d;
	border: none;
}

#page {
background: #fff url(images/page-top.png) 50% 0 no-repeat;
margin: 0px auto 0 auto;
width: 715px;
height: 100%;
text-align: center;
}

#content {
position: relative;
margin: 0;
padding: 0;
text-align: left;
width: 450px;
width: 480px;
width: 490px;
width: 495px;
width: 505px;
float: left;
}

h2 {
font: 1.5em arial, arial, verdana, tahoma;
font: 2.2em arial, arial, verdana, tahoma;
font: 2.4em times;
color: #104b7d;
margin: 30px 0 10px 25px;
}

h3 {
position: relative;
margin: 5px 0 5px -5px;
margin: 5px 0 5px 0px;
font: bold 1.8em times, verdana, tahoma;
font: bold 1.6em arial, verdana, tahoma;
}

h3.downloads {
margin-top: 1em;
}

h4 {
font: 1.5em arial, arial, verdana, tahoma;
font: bold 1.6em times, verdana, tahoma;
font: 1.4em times, verdana, tahoma;
font: bold 1.1em arial, verdana, tahoma;
color: #104b7d;
margin: 20px 0 5px 25px;
}

h5 {
font: bold 1.1em arial, verdana, tahoma;
color: #104b7d;
margin: 10px 0 5px 25px;
}

p {
margin: 0 0 10px 25px;
}

#sidebar {
position: relative;
width: 220px;
width: 200px;
width: 190px;
width: 180px;
padding: 0 15px 0 0;
padding: 0 13px 0 0;
margin: 34px -10px 12px 0;
float: right;
color: #8a7967;
text-align: left;
}

#sidebar {
position: relative;
width: 220px;
width: 200px;
width: 190px;
width: 170px;
padding: 0 15px 0 0;
padding: 0 9px 0 0;
margin: 34px 10px 12px 0;
margin: 34px 0px 12px 0;
float: right;
color: #8a7967;
text-align: left;
}

#sidebar p {
margin: 0 0 10px 0;
font-size: .9em;
font-size: .85em;
}

#sidebar .right {
padding: 0 15px 0 0;
padding: 0 23px 0 0;
}

#sidebar a {
color: #8a7967;
text-decoration: none;
}

#sidebar a:link.link, #sidebar a:visited.link  {
color: #8a7967;
text-decoration: underline;
}

#sidebar a:hover {
color: #000;
text-decoration: underline;
}

a:link, a:visited {
color: #000;
text-decoration: underline;
}

a:hover, #sidebar a:hover.link {
color: #000;
text-decoration: none;
}

ul {
margin-left: 3em;
margin-left: 50px;
}

li {
margin-bottom: 10px;
text-align: left;
}

.regional li {
margin-bottom: 0px;
}

li.span {
margin-left: 2em;
}

#footer {
clear: both;
position: relative;
margin: -1px auto 0 auto;
padding: 20px 0 1px 0;
padding: 10px 0 1px 0;
}

#footer p {
margin: 0px 20px;
text-align: center;
color: #97197d;
color: #1d8b0d;
color: #000;
font-size: .85em;
}

#footer a:link, #footer a:visited {
color: #103b9d;
color: #104b7d;
text-decoration: none;
}

#footer a:hover {
color: #103b9d;
color: #104b7d;
text-decoration: underline;
}

#tail {
background: #998b7e url(images/tail.png) no-repeat;
width: 100%;
height: 40px;
}

.center {
text-align: center;
}

.right {
text-align: right;
}

.clear {
	clear: both;
}

a img {
	border: none;
}

p img {
float: right;
padding-left: 10px;
}

#content img {
	margin: 0 0 10px 25px;
}

.times {
font-family: times;
}