body {
	margin: 0px;
	padding: 0px;
	font-size:0.8em;
	font-family:Arial, Helvectica, sans-serif;
	background-color: #c0c0c0;
}
a {
	text-decoration:none;
	color:#6D7F20;
	font-weight:bold;
}
a:hover {
	text-decoration:underline;
}
strong {
	
}

h1 {
	font-size: 1.3em;
	color: #3c1e11;
}
h2 {
	font-size:1.2em;
}
h3 {
	font-size:1.1em;
}
h4 {
	font-size:1.0em;
}
h5 {
	font-size:0.9em;
}
h6 {
	font-size:0.8em;
}
.narrowTextBox {
	width:150px;
}
.mediumTextBox {
	width:250px;
}
.wideTextBox, .list {
	width:450px;
}
.list .headerStyle td {
	background-color:#3399FF;
	padding:5px;
	color:white;
	font-weight:bold;
}
.list .row:hover {
	background-color:#A4D1FF;
}
.errorMessage, .successMessage {
	padding:5px;
	display:block;
	margin:5px 0px;
	font-weight:bold;
	background-color:#FF8C8C;
}
.successMessage {
	background-color:#8CFF92;
}
.container {
	width:100%;
	float:left;
}
.column {
	float:left;
	position:relative;
}
.clear {
	clear:both;
}
.actions, .pageActions {
	display:block;
	float:left;
	padding:5px;
	border:1px black solid;
	background-color:white;
}
.actions a, .pageActions a {
	color:blue;
}
.formSection {
	background-color:#A4D1FF;
}
.formSection label {
	color:black;
}
#container {
	width:970px;
	margin: 0px auto;
	background-color: #ffffff;
}

/* Start Menu Action Styles */

/* 
	Insert menu class name before action class names on all styles eg .topMenu .menuActions 
	
	Depending on where the menu is positioned the float, top, right, left, up styles will need
	to be changed.
	
	The .menuActionsOver style is used in conjunction with the actions.js file to fix the actions
	in IE6. This JavaScript file can also be used to fix dropdown / popout menus where the li has
	:hover as a style, this is fixed by defining the same styles for the class .menuliover as the li.
*/


.menuActions, .menuActionsOver {
	float: right;
	position: relative;
	color:#020A56;
	font-weight: bold;
	padding:0px 20px 0px 0px;
}
.menuActions ul, .menuActionsOver ul {
	right: 0px;
	top: 100%;
	display: none;
	position: absolute;
	list-style: none;
	background-color: white;
	border: 1px solid #9B9B9B;
	width: 165px;
	margin: 0px;
}
.menuActions:hover ul, .menuActionsOver ul {
	display: block;
}
.menuActions ul li, .menuActionsOver ul li {
	display: block;
	position: relative;
	width: 155px;	
	text-align: right;
	padding: 3px 5px;
	background:none;
	font-size:0.8em;
	height:auto;
}
.menuActions a, .menuActionsOver a, #mainContent #contentLeft .menuActions a, #mainContent #contentLeft .menuActionsOver a  {
	color:black;	
	height:auto;
	width:auto;
	padding:0px;
	display:inline;
	color:#394e16;
	font-weight:bold;
	text-align:left;
}
.menuActions a:hover, .menuActionsOver a:hover, #mainContent #contentLeft .menuActions a:hover, #mainContent #contentLeft .menuActionsOver a:hover  {
	color:#394e16;
	background:none;
}

/* End Menu Action Styles */

#header {
height: 179px;
background-image: url('../images/headerBg.jpg');
background-repeat: repeat-x;
}

#headerLeft {
padding: 20px 0px 0px 20px;
width: 680px;
}

#headerRight {
padding: 20px 0px 0px 100px;
}

#phoneNumber {
padding: 20px 0px 10px 50px;
background-image: url('../images/phone.jpg');
background-repeat: no-repeat;
background-position: left center;
font-size: 1.2em;
color: #6aa505;
font-weight: bold;
}

#address {
width: 410px;
padding: 20px 0px 0px 560px;
color: #ffffff;
font-weight: bold;
}

#header #headerRight h2 {
margin: 0px;
padding: 7px 0px 0px 56px;
height: 26px;
width: 114px;
background-image: url('../images/contactBg.jpg');
background-repeat: no-repeat;
background-position: right;
font-size: 1.3em;
color: #ffffff;
}
#header #headerRight h2 a {
	color:white;
}

#centreImage {
height: 208px;
background-image: url('../images/centreImage.jpg');
background-repeat: no-repeat;
border-style: solid;
border-width: 4px 0px;
border-color: #3c1e11;
}

#contentLeft {
	width:175px;
	padding: 20px 2px 0px 0px;
}

#contentRight {
width: 770px;
padding: 15px 0px 20px 20px;
border-style: dotted;
border-width: 0px 0px 0px 3px;
border-color: #3c1e11;
}
#mainContent #contentLeft a {
height: 24px;
width: 154px;
padding: 8px 20px 0px 0px;
display: block;
color: #394e16;
font-weight: bold;
text-align: right;
}

#mainContent #contentLeft a:hover {
background-image: url('../images/selectedLinkBg.jpg');
background-repeat: repeat-y;
color: #ffffff;
}

.viewGalleryLink {
color: #6d7f20;
font-weight: bold;
}

#footer {
height: 120px;
background-image: url('../images/touristBoard.jpg');
background-repeat: no-repeat;
background-position: right bottom;
border-style: solid;
border-width: 4px 0px 0px 0px;
border-color: #3c1e11;
}

#footerLinks {
padding: 10px;
}

#footerLinks a {
font-size: 1em;
color: #000000;
}

#footerContacts {
padding: 0px 0px 0px 10px;
font-size: 0.9em;
}


.parentList {
	width:770px;
}
.parentList .item {
	width:246px;
	padding:5px;
}
.parentList .item .image {
	border:1px #503529 solid;
	width:242px;
	height:160px;
	overflow:hidden;
}
.parentList .item .image img {
	border:1px white solid;
	width:240px;
	height:158px;
}
.parentList .item h2 {
	border-top:4px #6AA505 solid;
	padding:8px 0px 5px 0px;
	margin:2px 0px 0px 0px;
}
.parentList .item h2 a {
	color:#3c1e11;
}
.parentList .item .introduction {
	padding:0px;
	margin:0px;
	height:50px;
	overflow:hidden;
	
}
.parentList .item .more {
	text-align:right;
	padding:5px 0px;
	margin:0px;
}


.galleryPage {
	width:770px;
}
.galleryPageLeft {
	width:480px;
}
.galleryPageRight {
	width:270px;
	padding:0px 20px 0px 0px;
}

.mainImage {
	width:453px;
}
.mainImage .image {
	border:2px #3C1E11 solid;
	padding:2px;
	width:445px;
	height:300px;
}
.mainImageFooter {
	text-align:right;
	width:443px;
	padding:5px;
	color:#787878;
	text-align:right;
	font-size:1.4em;
	font-weight:bold;
	font-family:Georgia, Arial, Helvectica, sans-serif;
}
.mainImageFooter span {
	padding:0px 5px;
}
.mainImageFooter img {
	vertical-align:middle;
}
.mainImageFooter img:hover {
	cursor:hand;
}
.thumbnailContainer {
	width:453px;
	height:92px;
	background-image:url('../images/thumbnail-background.gif');
	background-position:center top;
	background-repeat:no-repeat;
}
.thumbnailContainer .previous {
	width:25px;
	padding:36px 0px 0px 0px;
}
.thumbnailContainer .thumbnails {
	width:403px;
}
.thumbnailContainer .thumbnails .thumbnail {
	width:124px;
	padding:5px;
}
.thumbnailContainer img:hover {
	cursor:hand;
}
.thumbnailContainer .next {
	width:25px;
	padding:36px 0px 0px 0px;
	text-align:right;
}

.contactUs {
	width:770px;
	padding:20px 0px;
}
.contactUs .left {
	width:300px;
}
.contactUs .right {
	width:470px;
}
.paddedBox {
	padding:0px 10px 0px 0px;
}