body {
	font: 12px/1.4em Arial, Helvetica, Verdana, sans-serif;
	background: #4D4833;
	background-color: #413E37;
	text-align: center;
	margin: 10px 0px 20px 0;
}
#centered {
	text-align: left;
	width: 740px;
	margin: 0px auto;
	background: url(images/content_back.gif) repeat-y;
	border: solid 1px;
}
#top {
	padding: 0px;
	border-bottom: 5px solid #000000;
	background: #7C6E4D url(images/top_back.png) no-repeat;
	background: #7C6E4D;
	margin: 0px;
	width: 740px;
	height: 80px;
	position: relative;
}
#logo {
	float: left;
	height: 80px;
	text-decoration: none;
	display: block;
	width: 180px;
	clear: left;
	background: #000 url(images/top_back.png) no-repeat;
}
#bot {
	background: #7C6E4D url(images/bot_back.png) no-repeat;
	text-align: left;
	border-top: 3px solid #000000;
	padding-top: 70px;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 90%;
	color: #FFFFFF;
	height:130px;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: 60px;
	}
#interfaceMain {
	width: 550px;
	float: left;
	margin: 0px;
	padding: 0px;
}
#footerImg {
	width: 740px;
	margin: auto;	
	background: url(images/bot_back.png) no-repeat;
	border-top: 3px solid #000000;
	height: 59px;
	clear: both;
}
#footer {
	margin: auto;
	width: 700px;
	padding-top: 2em;
	text-align: center;
	color: #968B71;
}
#footer p {
	margin: 0px;
	display: inline;
	padding-right: 10px;
	padding-left: 10px;
	border-right-width: 1px;
	border-right-style: solid;
}
#footer #last {
	border-right-width: 0px;
}
#footer a {
	text-decoration: none;
	color: #968B71;
	font-weight: bold;
}
#footer a:hover {
	color: #FFFFFF;
}

/* global classes ------------------------------------ */

.mrgB0{margin-bottom:0;}
.mrgT0{margin-top:0;}

/* headers --------------------------------- */

#homePage h1 {
	background: url(images/h1-home.jpg);
}
#marinersPage h1 {
	background: url(images/h1-mariners.jpg);
}
#commissionsPage h1 {
	background: url(images/h1-commissions.jpg);
}
#dicEvansPage h1 {
	background: url(images/h1-dic.jpg);
}
#profilePage h1 {
	background: url(images/h1-profile.jpg);
}
#retrospectivePage h1 {
	background: url(images/h1-retrospective.jpg);
}
#buildingBridgesPage h1 {
	background: url(images/building-bridgesH1.jpg) no-repeat;
}
#jemma h1 {
	background: url(images/jemma/h1-jemma.jpg) no-repeat;
}
#rnli h1{background:url(images/headers/rnli.jpg) no-repeat;}

/* topNav  ------------------------------------------------ */

#topNav {
	margin: 0px;
	text-indent: 0px;
	list-style: none;
	padding: 44px 0px 0px;
	display: block;
	border-top: solid 1px #000;
	width: 560px;
	height: 35px;
	
	padding: 0;
	position: absolute;
	top: 44px;
	left: 180px;
}
#topNav li {
	margin: 0px;
	display: block;
	padding: 0;
	float: left;
	position: relative;
}

#topNav li a {
	text-decoration: none;
	text-align: center;
	color: #000000;
	margin: 0px;
	height: 35px;
	line-height: 35px;
	display: block;
	float: left;
	padding: 0;
	width: 112px;
}
#topNav li a.last {
	border: none;
	width: 112px;
}
#topNav li a:hover {
	color: #FFFFFF;
}

/* dropDown */

#topNav li a.commissions, #topNav ul {
	padding: 0;
	/* width: 130px; */
	width: 112px;
	text-align: center;
}

#topNav ul {
	border: solid 1px;
	border-top: none;
	position: absolute;
	padding: 0;
	margin: 0;
	list-style: none;
	height: auto;
	top: 35px;
	left: -1px;
	background: #8D7C55;
	display: none;
}
#topNav ul li {
	float: none;
	padding: 0;
	margin: 0;
}
#topNav li:hover ul, #topNav li.hover ul {
	display: block;
}
#topNav ul li a {
	border: none;
	float: none;
	height: auto;
	color: #fff;
	font-size: 11px;
	line-height: 25px;
	padding: 0;
	width: 100%;
}
#topNav ul li a:hover {
	background-color: #7A6A4D;
}

/* images */

#topNav strong {
	display: none;
}
#topNav li a {
	background-repeat: none;
	background-position-x: 0;
	background-position-y: 0;
}
#topNav li a:hover {
	background-position-y: -35px;
}

#tabHome a {
	background-image: url(images/topNav/home.gif);
}
#tabProfile a {
	background-image: url(images/topNav/profile.gif);
}
#tabCommissions a {
	background-image: url(images/topNav/commissions.gif);
}
#tabCommissions ul a {
	background-image: none;
}
#tabPublicArt a {
	background-image: url(images/topNav/publicArt.gif);
}
#tabRetrospective a {
	background-image: url(images/topNav/retrospective.gif);
}

#pageHome #tabHome a, #profilePage #tabProfile a, #publicArtPage #tabPublicArt a, #commissionsPage #tabCommissions a, #retrospectivePage #tabRetrospective a {
	background-position-y: -70px;
}

/* Interface ------------------------------------------------------------------ */

#main {
	color: #333333;
	padding: 20px;
}
#side {
	padding: 10px 20px 20px 10px;
	font-size: 105%;
	line-height: 1.3em;
}
#interfaceSide {
	float: right;
	width: 190px;
	clear: right;
}
h1 {
	background: url(images/h1-clay.jpg) no-repeat;
	margin: 0px;
	border-bottom: 3px solid #000000;
	color: #FFFFFF;
	font-size: 170%;
	font-weight: normal;
	voice-family: "\"}\"";
	voice-family: inherit;
	display: block;
	height: 100px;
	padding: 0px;
}
h1 span {
	padding-left: 20px;
	padding-top: 70px;
	display: block;
	padding-bottom: 10px;
}
#main dl.boxed {
	margin: 0px 0px 20px;
	padding: 0px;
	background: #CBC5B8;
	font-size: 90%;
	line-height: 1.2em;
	border: 1px solid #000000;
	height: 201px;
}
#main dl.boxed dt,#main dl.boxedhome dt {
	font-size: 150%;
	font-weight: bold;
	padding: 10px 10px 5px;
	color: #000000;
	height: 15px;
	background: #968B71;
	border-bottom: 1px solid #000000;
}
#main dl.boxed dd {
	color: #000000;
	margin: 0px;
	padding: 5px 10px 0px 20px;
}
#main dl.boxed dd img {
	float: left;
	padding: 0px;
	margin-top: -5px;
	margin-right: 10px;
	margin-left: -20px;
}
#main dl.boxed dd a.txtlink:link, #main dl.boxed dd a.txtlink:visited {
	font-size: 110%;
	text-decoration: none;
	color: #4D4833;
	margin: 5px 0px 0px;
	background: url(images/icon_link.gif) no-repeat 0px 50%;
	height: 16px;
	padding: 3px 0px 3px 20px;
	line-height: 1.5em;
}
#main dl.boxed dd a.txtlink:hover {
	color: #000000;
}
#main dl.boxed dt a:link, #main dl.boxed dt a:visited {
	text-decoration: none;
	color: #000000;
}
#main dl.boxed dt a:hover {
	color: #4D4833;
}
#main dl.boxed dd img.popup, #main dl.boxed dd a.popUp img, #main dl.boxed dd a img {
	margin: 0px 5px 0px 0px;
	border: 1px solid #000000;
	padding: 1px;
	background: #FFFFFF;
}
#main dl.boxed dd a.popUp img:hover, #main dl.boxed dd a:hover img {
	background: #968B71;
}
#main img.floatleft {
	float: left;
	margin: 0px 20px 10px 0px;
	border: 1px solid #000000;
}
h2, h2 a, a h2 {
	font-size: 18px;
	color: #4D4833;
	text-decoration: none;
}
h2 a:hover, h2 a:hover {
	color: #000000;
}
.clear {
	clear: both;
}
span.clear {
	clear: both;
	display: block;
	font-size: 0.1em;
	line-height: 0;
}
.quote {
	line-height: 1.7em;
	font-size: 110%;
}
#main dl.boxedprofile {
	margin: 0px 0px 20px;
	padding: 0px;
	background: #CBC5B8;
	line-height: 1.2em;
	border: 1px solid #000000;
}
#main dl.boxedprofile dt {
	font-size: 150%;
	font-weight: bold;
	padding: 10px 10px 5px;
	color: #000000;
	height: 15px;
	background: #968B71;
	border-bottom: 1px solid #000000;
}
#main dl.boxedprofile dd {
	color: #000000;
	margin: 0px;
	padding: 0px 20px;
}
#main dl.boxedprofile dd li {
	line-height: 1.7em;
}
#side img {
	border: 1px solid #000000;
	margin-bottom: 5px;
	margin-top: 5px;
}
.txtright {
	text-align: center;
}
#main img.nopad {
	display: block;
	margin: 0px -20px -20px;
	border-top: 1px solid #000000;
}
.clearbrwn {
	background: #BEB7A6;
	clear: both;
	margin-right: -20px;
	margin-left: -20px;
	padding: 20px;
	margin-bottom: -5px;
}
a.pdf:link, a.pdf:visited {
	background: url(images/icon_pdf.gif) no-repeat 35px 50%;
	text-indent: 20px;
	text-decoration: none;
	color: #4D4833;
	display: block;
}
#side h2 {
	background: #BEB7A6;
	margin-right: -20px;
	margin-left: -20px;
	padding-top: 3px;
	padding-bottom: 3px;
	font-size: 110%;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #000000;
}
#side h2.pdfhead {
	margin-top: -10px;
	border-top: none;
	margin-left: -9px;
}
a.pdf:hover {
	color: #000000;
}
#main dl.boxed .date {
	color: #4D4833;
	font-weight: normal;
	font-size: 80%;
}
#side ul {
	margin: 0px;
	padding: 0px;
	list-style: square;
}
#side li {
	margin: 5px 0px 5px 20px;
	padding: 0px;
	line-height: 1.2em;
}
a.view:link, a.view:visited {
	text-decoration: none;
	background: url(images/icon_linkside.gif) no-repeat 27px 50%;
	text-indent: 20px;
	display: block;
	color: #4D4833;
}
a.view:hover {
	color: #000000;
}
#main .date {
	color: #4D4833;
	font-weight: bold;
	margin-right: 10px;
}
#main .honours {
	list-style: url(none) none outside;
	margin-left: 50px;
	line-height: 1.6em;
}
#main dl.boxedprofile ul {
	margin-top: 20px;
	margin-bottom: 20px;
}
.linkhead {
	color: #4D4833;
	font-size: 110%;
	background: #968B71;
	display: block;
	border-bottom: 1px solid #000000;
	font-weight: bold;
}

#main dl.boxedhome {
	border: 1px solid #000000;
	width: 250px;
	padding: 0px;
	margin: 20px 0px;
}
#main dl.boxedhome dd {
	padding: 0px;
	margin: 0px;
	background: #968B71;
}
#side h2.indexhead {
	margin-top: -10px;
	border-top: none;
	padding-left: 20px;
}

/* homepage sideBar --------------------------------------------------------- */

#pageHome #side {
	font-size: 105%;
	line-height: 1.2em;
	padding: 10px 20px 20px;
	color: #4D4833;
}
#pageHome #side h2 {
	background: #BEB7A6;
	padding-top: 3px;
	padding-bottom: 3px;
	font-size: 110%;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #000000;
	border: solid 1px #000;
	padding-left: 20px;
	margin: 10px -20px;
	border-right-width: 0px;
	clear: both;
}
#pageHome #side ul {
	margin: 0 0 10px 0;
	padding: 0px;
	list-style: none;
	float: left;
	width: 100%;
}
#pageHome #side li {
	margin: 0;
	padding: 0px;
	width: 100%;
	margin-left: -5px;
	clear: both;
}
#pageHome #side li a {
	display: block;
	width: 155px;
	float: left;
	line-height: 42px;

}
#pageHome #side li a img {
	border: 1px solid #000000;
	margin-right: 5px;
	margin: 5px;
	background: #FFFFFF;
	padding: 1px;
	float: left;
}
#pageHome #side li a:hover img {
	background: #4D4833;
	background: #fff;
}
#pageHome #side h2.top {
	margin-top: -10px;
	border-top: none;
}
#pageHome #side a {
	text-decoration: none;
	color: #000000;
}
#pageHome #side a:hover {
	background-color: #7C6E4D;
}
/*#pageHome #side dd a:link, #pageHome #side dd a:visited {
	text-decoration: none;
	color: #000000;
}
#pageHome #side dd a:hover {
	text-decoration: none;
	color: #4D4833;
}*/
p.brwntop, .brwntop{
	background: #BEB7A6;
	padding: 20px;
	margin: -21px -20px 20px;
}
p {
	margin-top: 15px;
	margin-bottom: 15px;
}
#main ul {
	margin: 0px;
	list-style: inside;
}
#main li {
	margin: 0px;
	text-indent: 0px;
}

#bot a {
	text-decoration: none;
	color: #4D4833;
	font-weight: bold;
}
#bot .floatright {
	float: right;
}
#bot a:hover {
	color: #FFFFFF;
}
.center {
	text-align: center;
}
.box {
	background: #CBC5B8;
	border: 1px solid #000000;
	margin-bottom: 20px;
	width: 508px;
	line-height: 1.2em;
	display: block;
	float: right;
}
#main .box p {
	margin-top: 10px;
	margin-bottom: 0px;
}
.box h2 {
	margin: 0px;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	padding-left: 20px;
	background: #968B71;
	border-bottom: 1px solid #000000;
}
.box img {
	margin: 0px 10px 0px 0px;
	padding: 0px;
	display: block;
	float: left;
}
#main .box ul {
	margin: 10px 0px 0px;
	padding: 0px;
	list-style: none;
}
#main .box li {
	margin: 0px;
	padding: 0px;
	float: left;
}
#main .box li a img {
	float: none;
	margin: 0px 5px 0px 0px;
	padding: 1px;
	text-decoration: none;
	background: #FFFFFF;
	border: 1px solid #000000;
}
.box .boxContent {
	float: right;
	width: 235px;
	margin-right: 10px;
}
.hide {
	display: none;
}
.intro {
	font-size: 1.3em;
	line-height: 1.4;
}
.floatRight {
	margin-left: 1em;
	margin-bottom: 1em;
	float: right;
}
.floatNoMargin {
	float: left;
	padding: 0;
	margin: 0px;
	width: 100%;
}

/* New fixes ------------------------------------------------------ */

#side h2 {
	border-style: none;
	margin: 1em -10px;
	margin-right: -20px;

}

#side h4 {
	margin: 0.5em 0;
	font-size: 1em;
}