body {
	margin:0;
	padding:0;
	text-align:center;
	background-color:#666633;
	font:0.8em Verdana, Arial, Helvetica, sans-serif;
	background-image:url(pix/body_bg_repeat.jpg);
	background-position:top left;
	background-repeat:repeat-x;
}

/* MISC STYLES */

img a {
	border:none;
}

.clear {
	clear:both;
} 

#wrapper { 
	width:905px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	background-color:#fff;
	background-image:url(pix/blackwatch_header_wrapper.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	margin-bottom:20px;
} 
  
#left-content {
	float:left;
	height : 100%;
	width:180px;
	background-image:url(pix/leftcontent_bg.gif);
	background-position:0 -20px;;
	padding-left:10px;
}

#left-content h2 {
	font-size:0.9em;
	padding:8px;
	background-color:#990000;
	margin:0px;
	background-position:bottom left;
	background-repeat:repeat-x;
	color:#fff;
}

#left-content ul {
	margin:0;
	padding:0;
	list-style:none;
}

#left-content ul a, #left-content ul a:visited {
	color:#990000;
	text-decoration:none;
}

#left-content ul li a:hover {
	text-decoration:underline;
}

#left-content ul li {
	padding:4px 5px 4px 7px;
	background-image:url(pix/leftcontent_list_item_bg.gif);
	background-position:top left;
	background-repeat:repeat-x;
} 

#left-content ul ul li {
	padding:4px 5px 5px 18px;
	background-image:url(pix/leftcontent_list_sub.gif);
	background-position:left;
	background-repeat:no-repeat;
}

#left-content ul ul li a, #left-content ul li li a:visited {
	color:#333333;
}

#content-wrapper {
	float:right;
	width:705px;
	background-color:#fff; 
	margin-top:129px; !important /* Positions the div underneath the blackwatch 3 colour strip. Note, anything below this comment is ignored! */
} 

#top-img {
	width:695px;
	height:203px;
	border-right:10px solid white;
	margin-bottom:10px;
}

.shop {
	background-image:url(pix/shop.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	background-color:#993333;
}

.museum {
	background-image:url(pix/museum.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	background-color:#993333;
}

.default {
	background-image:url(pix/homepage_montage.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	background-color:#77735a;
}

#quote {
	width:290px;
	height:200px;
	float:right;
}

#quote h2 {
	padding:10px 20px 0px 0 ;
	color:#fff;
	font-size:0.9em;
	margin:0;
	font-weight:300;
	line-height:1.6em;
}

/* !IMPORTANT! - We wrap the page content (text) around the following div, because to set 10px padding on #center-content would also apply to the image and text we have as a background at the top of the page */

#page-content {
	padding-right:10px;
	padding-bottom:10px;
	line-height:1.7em;
	color:#333;
	width:680px;
	float:left;
	font-size:0.9em;
	min-height:500px;
}

#page-content h1 {
	font-size:1.8em;
	font-family:"Times New Roman", Times, serif;
	color:#6d6b54;
	line-height:1em;
}

#page-content h2 {
	font-size:1.1em;
	color:#666666;
}

#page-content a, #page-content a:visited {
	color:#003333;
}

#footer {
	width:885px;
	padding:10px;
	background-color:#954537;
	color:#fff;
	font-size:0.8em;
}

#footer a, #footer a:visited {
	color:#fff;
	text-decoration:underline;
}

.float-left {
	float:left;
}

.float-right {
	float:right;
}

/* museum styles */

.museum-item {
	width:120px;
	height:150px;
	float:left;
	text-align:center;
	margin-right:10px;
	margin-bottom:10px;
}

.museum-item img {
	border:none;
	margin:0;
}

.museum-item a, .museum-item a:visited {
	text-decoration:none;
	margin-top:2px;
}

.museum-item a:hover {
	text-decoration:underline;
}