* {
	margin: 0;
	padding: 0;
}

body {
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #807459;
	margin-bottom: 20px;
}

#wrapper {
	width: 740px;
	margin: 0 auto;
	background-color: #e0d0ad;
}

#masthead {
	height: 80px;
	width: 740px;
	background-color: #625944;
	margin-bottom: 20px;
	border-top: 5px solid #807459;
}

#masthead h1 {
	font-family: Tahoma;
	padding-top: 20px;
	margin-left: 13px;
	font-weight: normal;
	letter-spacing: .55em;
	text-align: center;
	margin-top: -3px;
	text-transform: lowercase;
}

#mainContent {
	padding: 10px;
}
#mainContent p {
	margin-bottom: .5em;
	color: #363942;
	line-height: 1.5em;
	letter-spacing: 1px;
}
.scrollableContent {
	/* background-image: url(documents/ValseNoir2.jpg); */
	background-color: White;
	width: 710px;
	height: 400px;
	overflow: auto;
	padding: 0 10px 0 0;
}
.scrollableContent h3 {
	text-align: center;
}

/* indexcontainer is for the image of RB on the home page */

#indexcontainer {
	float: left;
	width: 167px;
	height: 300px;
	background-color: #e6e0b3;
	margin-top: 0;
	border: 1px solid;
}
#indexcontainer p {
	font-size: 80%;
	text-align: center;
	padding-top: 10px;
}

.infobox {
	float: right;
	width: 519px;
	background-color: #BFA160;
	margin-top: 60px;
	margin-right: 10px;
}
.infobox p {
	padding-left: 10px;
	padding-right: 5px;
}

.openingparagraph {
	font-size: 125%;
}

/* 
   The Next class adds rounded corner image to background at top right of infobox.
   Go to images folder and change colour of canvas and round area
	for each website content block */

.roundtop { 
	background: url(images/t_right.gif) no-repeat top right; 
}

/* Next class adds rounded corner image to background at bottom right */

.roundbottom {
	background: url(images/b_right.gif) no-repeat top right; 
}

img.corner {
   width: 15px;
   height: 15px;
   border: none;
   display: block !important;
}

.separator {
	clear: both;
	height: 0;
}

#footer {
	background-color: #625944;
	text-align: right;
	margin-top: 15px;
	padding: 10px;
	font-size: 75%;
	color: #000000;
}
#footer p {
	font-size: 95%;
}

/*------- page navigation -------*/


.infobox a:link, .infobox a:visited {
	text-decoration: none;
	color: Navy;
}	
.infobox a:hover {
	text-decoration: underline;
	background-color: #e0d0ad; 
}

#footer a:link, #footer a:visited {
	text-decoration: none;
	color: Navy;
}

#footer a:hover {
	background-color: #e0d0ad;
}

body	{ /* IE 5 centring bug fix */
		text-align: center;
		}
		
#wrapper {
		text-align: left;
		}