/* 	replaced color: #3F548D with dark grey for body text colour */
body {
	background-color: #A78659;
	background-image: url(../gfx/bg_parchment.jpg);
	background-position: center;
	background-repeat: repeat;
	background-attachment: fixed;
	margin: 0px auto 0px auto;
	padding: 0px;
	font: 62.5%/1.8em Verdana, "Trebuchet MS", Tahoma, sans-serif;
	line-height: 1.7em;
	text-align: left; 
	color: #777;
}
p {
  font-size: 1.2em;
	line-height: 110%; 
}
a {
	color: #3F548D;
	font-weight: bold;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}

h1 {
	color: #873013;
	font-size: 2em;
	line-height: 1.4em;
	padding: 0em;
	margin: 0;
}
h2 {
	color: #873013;
	font-size: 1.4em;
	margin: 1em 0 0 0;
}
h3 {
	color: #873013;
	font-size: 1.2em;
}
h4 {
	font-size: 1.2em;
	margin-bottom: -1em;
}

#container {
	background-color: #253253;
	width: 760px;
	margin: 0 auto;
}
#mainNav {
    font-family: Arial, Helvetica, sans-serif;
    width: 760px;
	margin: 0;
	padding: 0;
	font-size: 1.4em;
	clear: both;
}
#mainNav ul {
	margin: 0;
	padding: 0;
}
#mainNav ul li {
    text-align: center;
    display: block;
	float: left;
	list-style-type: none;
	padding: 0;
	margin: 0;
	background: url(../gfx/nav/main_nav_link.gif) center left;
	vertical-align: middle;
	height: 56px;
	line-height: 56px; /* vertically centers links */
}
#mainNav ul li:first-child {
  background: none;	
}
#mainNav ul li:hover {
	background: #F0AF4D;	
}
#mainNav a {
	text-decoration: none;
	color: #FFF;
	display: block;
    padding: 0 20px;
	height: 56px;

}

table#nav {
	background-color: #253253;
	width: 760px;
	height: 56px;
	color: #FFFFFF;
}
table#nav td {
	text-align: left;
}

table#header {
	background-image: url(../gfx/header.jpg);
	background-repeat: no-repeat;
 	width: 760px;
	height: 166px;
	clear: both;
}
table#header td {
	text-align: left;
}
table#header img {
	margin: 5px 0px 0px 300px;
}

table#main {
	width: 760px;
}

td#sub_nav {
	background-image: url(../gfx/sub_nav.jpg);
	background-color: #FFFFFF;
	background-position: top;
	background-repeat: no-repeat;
	width: 158px;
	height: 100%;
	padding: 47px 20px 20px 20px;
	text-align: left;

}
td#sub_nav ul {
	background-color: #873013;
	margin: 0px 0px 20px 0px;
	padding: 5px;
}
td#sub_nav ul li {
	list-style-type: none;
	line-height: 1.4em;
	margin: 0px;
	padding: 0px;
}
td#sub_nav ul li a {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	display: block;
	padding: 3px 5px 5px 10px;
	margin: 0px;
}
td#sub_nav ul li a:hover {
	color: #253253;
	background-color: #FFCE62;
}
td#sub_nav ul li a.current {
	color: #253253;
	background-color: #FFCE62;
}

td#sub_nav div.focus {
	background-color: #873013;
	color: #FFFFFF;
}
td#sub_nav div.focus img {
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}
td#sub_nav div.focus p {
	padding: 8px 10px 10px 15px;
	margin: 0px;
	font-weight: bold;
	line-height: 1.4em;
	font-size: 1em;
}
td#sub_nav div.focus p a.find_out_more {
	color: #E3ECFE;
	font-weight: bold;
	font-size: 1em;
	padding: 0px 0px 3px 22px;
	margin: 10px 10px 7px -3px;
	background-image: url(../gfx/arrow.gif);
	background-position: left;
	background-repeat: no-repeat;
}

td#content {
	width: 342px;
	height: 100%;
	padding: 15px 20px 20px 20px;
	background-color: #FFFFFF;
	text-align: left;
}
td#content p {
	color: #777; /* 	replaced color: #3F548D with dark grey for text colour */
	line-height: 1.7em;
	margin: 0.5em 0em 0.5em 0em;
}
td#content div.featurebox.promo p {
	color: #873013;
	text-align: center;
}
td#content p a {
	color: #3F548D;
	font-weight: bold;
	text-decoration: underline;
}
td#content p a:hover {
	text-decoration: none;
}

td#right {
	padding: 65px 20px 20px 0px;
	width: 160px;
	background-color: #FFFFFF;
	text-align: left;
	font-size: .9em;
	line-height: 1.5em;
	color: #6C6C6C;
}
td#right p {
	line-height: 1.5em;
}
div.featurebox {
	border: 1px outset #FFFFFF;
	padding: 10px;
	margin-bottom: 10px;
	background-color: #F9F9F9;
	font-size: .9em;
	line-height: 1.5em;
}
div.featurebox h2 {
	color: #873013;
	font-size: 1.2em;
	margin: 0em 0em 0.5em 0em;
}
div.featurebox h3 {
	margin-bottom: -0.8em;
	font-size: 1em;
}
div.featurebox p {
	margin: 1em 0em 0em 0em;
	line-height: 1.5em;
}
div.featurebox p.promo {
	color: #873013;
}
div.featurebox p.price {
	text-align: right;
	margin: 0px;
	color: #873013;
}
div.featurebox img {
	margin: 0px 10px 0px 0px;
	float: left;
	border: 1px inset #FFFFFF;
}
td#content div.featurebox {
	font-size: 1em;
	line-height: 1.4em;
}

table.featurebox {
	border: 1px outset #FFFFFF;
	margin-bottom: 10px;
	background-color: #F9F9F9;
	font-size: 1em;
	line-height: 1.5em;
}
table.featurebox h2 {
	color: #873013;
	font-size: 1.1em;
	margin: 0em 0em 1em 0em;
}
table.featurebox p {
	margin: 1em 0em 0em 0em;
}
table.featurebox img {
	border: 3px inset #FFF;
}

table#events {

	border-collapse: collapse;
	margin-bottom: 10px;
	background-color: #F9F9F9;
	font-size: 1em;
	line-height: 1.5em;
}
table#events th {
	text-align: right;
	vertical-align: top;
	padding: 3px;
}

table#events th.left {
	text-align: left;
}
table#events th, table#events td {
	border-top: 1px solid #000;	border-bottom: 1px solid #000;
}
table#events td {
	padding: 3px;
}

p#breadcrumbs {
	font-size: 1em;
	margin: 0px;
	padding: 0px;
}

#footer {
	background-color: #253253;
	background-image: url(../gfx/home_page_bottom.jpg);
	background-repeat: no-repeat;
	background-position: top;
	width: 760px;
	height: 29px;
	padding: 40px 0px 10px 0px;
	color: #FFFFFF;
	font-size: 1em;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
#footer a {
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
}
#footer a:hover {
	text-decoration: underline;
}

blockquote {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.1em;
	margin: 20px;
	padding: 10px;
	border: 1px solid #CCCCCC;
	background-color: #F9F9F9;
}
blockquote cite {
	text-align: right;
	font-family: Verdana, "Trebuchet MS", Tahoma, sans-serif;
	font-size: 1em;
	font-style: italic;
	display: block;
	color: #6C6C6C;
}

table.board_table {
	border-collapse: collapse;
}
table.board_table img {
	border: 1px solid #000000;
}

form thead th {
  vertical-align: text-bottom;
}
.hidden { /* Hidden, but still readable by screen readers */
  height: 0;
  width: 0;
  overflow: hidden;
	position: absolute;
  top: -999px;
}
.sidenote {
	font-weight: 300;
	font-size: 80%;
	text-transform: uppercase;
}
.promo {
	color: #873013;
}
p.short {
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
	font-size: .1em;
}

div.frame {
  border: 1px solid #873013;
margin: 0;
padding: 3px;
	width: 150px;
}	
div.frame h2, div.frame h3, div.frame h4, div.frame p {
  margin: 0.8em 0 0.2em;
	line-height: 1.3em;
}
div.frame h2 { margin-top: 0.4em; }
div.frame h4 {  
  margin: 0.4em 0 0.2em;
}
div.frame p {  
  margin: 0 0 0.5em;
}
dfn {
	border-bottom: 1px dotted #3F548D;	
}
form table td {vertical-align:top;}
td#right img {
	border: 0;
	margin: 10px 0;
}
img {margin: 0.5em 0; border: 0; display: block;}

img.left { padding: 0; margin: 0.5em 1em 0.5em 0; }
img.right { padding: 0; margin: 0.5em 0 0.5em 1em; }

.left {
	float: left;
}
.right {
	float: right;
}
.center {
	display: block; margin-left: auto; margin-right: auto;	
}
.caption { margin: 5px; padding: 5px; font-size: 90%;}
.footnote {
	font-size: 95%;
}
ul#sitemap li, ul#IBISActivities li {
	list-style: none;
}
br.clear {clear: both}

td#content p.title {
	color: #873013;
	font-size: 1.2em;
}
td#content p.artist {
	font-weight: bold;
}
td#content p.description {
	font-size: 1.1em;
	text-align: justify;
}
td#content p.size, td#content p.price {
	font-weight: bold;
    font-size: 1em;
	color: black;
}
td#content p.title, td#content p.artist, td#content p.description, td#content p.size, td#content p.price {
	padding: 0.3em;
	margin: 0;
}