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;

}
  
#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;
	background-image:none;
	background-position:left;
	background-repeat:no-repeat;
}

#left-content a, a:visited {
	color:#990000;
}


#left-content ul a.current {
	font-weight:bold;
}

#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! */
} 

/* STYLES FOR TOP IMAGES AND QUOTE, elimating the need for a seperate stylesheet for each template */

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

#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;
}

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

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

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

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

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

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

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

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

.shop {
	/* the shop uses the wide template, please refer to wide.css */
}

/* END */

/* !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:430px;
	float:left;
	font-size:0.9em;
	min-height:500px;
}


#page-content h6{
	text-align:center;
	font-size:1.05em;
	font-weight:normal;
}

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

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

#page-content h3 {
	font-size:1em;
	border-bottom:1px solid red;
}

#page-content h4 {
	font-size:1em;
}

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

#page-content img {
	margin:7px;
}

#right-content {
	width:230px;
	padding:0px 10px 10px 10px;
	background-color:#f5f5f5;
	float:right;
	margin-right:10px;
}

#right-content a, #right-content a:visited {
	color:#990000;
}

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

#right-content .scm-sidebar-body {
	font-size:0.85em;
	line-height:1.4em;
	color:#666666;
}

#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;
}

.credit {
	font-size:0.8em; 
	margin-top:10px;
	margin-bottom:10px;
	text-align:left;
	width:905px;
	margin-left:auto;
	margin-right:auto;
}

.credit a, .credit a:visited {
	color:#fff;
}

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


#right-content ul li, #right-content ul li a{
	color:#900000;
	padding-left: 0px;
	margin-left:0px;
	padding-top:5px;
	text-decoration:none;
	font-size:1.1em;
}