/* background-color: transparent; has been used in some of the selectors, this is the default and it is not strictly 
necessary to declare this info - it does serve a purpose in that it supplies information for you to see*/
body {/* set everything to zero for a good cross-browser starting point */
	margin: 0;/*zeroes the margins on the body*/
	padding: 0;/*zeroes the padding on the body ** Opera carries a default padding and requires this zeroing*/
	border: 0;/*zeroes off any existing border*/
	background-color: #7A5A50; /*set the default text color */
	text-align: center; /* Hack to centre the wrapper in IE5.x pc */
	font-family: Verdana, Arial, Helvetica, sans-serif;/*set the default fonts */
	font-size: 100.1%;/* Sets default font size. This odd value compensates for several browser bugs. First, 
	setting a default font size in percent (instead of em) eliminates an IE/Win problem with growing or shrinking 
	fonts out of proportion if they are later set in ems in other elements. Additionally, some versions of Opera 
	will draw a default font-size of 100% too small compared to other browsers. Safari, on the other hand, has a 
	problem with a font-size of 101%. Current "best" suggestion is to use the 100.01% value for this property */
	min-width: 736px; /* Prevents the body becoming narrower than our wrapper div - keeps the content from disappearing 
	off the left edge with Gecko browsers */
}

#wrapper {
	width: 700px; /* sets the width of the wrapper */
	position: relative; /* important to position it relatively */
	background-color: #f8f0dc;/* sets the wrappers background color*/
	border: 3px solid #330000;/* Realigns the text to the left after the IE hack in the body rule */
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
	background-position: left;
}

#banner-index {
	background-image: url(nottoway-images/river.jpg);
	background-repeat: no-repeat;
	width: 535px;
	position: relative;
	height: 347px;
	background-color: #9A6F5C;
	background-position: center;
	margin-right: auto;
	margin-left: auto;
}
#banner2-index {
	background-image: url(nottoway-images/border.jpg);
	background-repeat: repeat;
	width: 700px;
	position: relative;
	height: 29px;
	border: 1px solid #330000;
	margin-bottom: 5px;
}
#marquee {
	margin-right: auto;
	margin-left: auto;
	width: 537px;
}

#banner3-index {
	background-image: url(nottoway-images/border.jpg);
	background-repeat: repeat;
     width: 700px;  
	position: relative;
	height: 29px;
	border: 1px solid #330000;
}
#content-index {
	background-color: transparent;/* no background colour required*/
	width: 700px;
	clip: rect(auto,auto,auto,auto);
	line-height: 12px;
	margin-right: auto;
	margin-left: auto;
}
.footer-index {
	background-color: transparent;/*sets the top border to define the beginning of the footer*/
	font-size: 50%; /* sets the footer text size */
	text-align: center;/* aligns the text to the right*/
	padding: 3px;
	margin-bottom: 5px;
	bottom: 5px;
}

.footer-index a {
	font-size: 80%;

}

.footer-wav {
	background-color: #7A5A50;/*sets the top border to define the beginning of the footer*/
	font-size: 60%; /* sets the footer text size */
	text-align: center;
	position: relative;
	width: 700px;
	left: 30px;
	margin-top: 50px;
}

#content-index p {
	font-size: 80%;/* sets the padding on the p element when it is within the content div*/
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 0;
	line-height: normal;
}


#content-index h1 {
	font-size: 130%; /*scales the main content title*/
	font-family: Georgia, "Times New Roman", Times, serif;/* sets the default fonts for h1 ** Notice that fonts 
	that consist of more than word are surrounded in quotes*/
	margin: 0 0 10px 30px;/* sets the margins*/
	padding-top: 20px;/* adds padding to the top to give a little clearance below the banner*/
	color: #121c25;/* set the colour for the text*/
	font-style: italic; /*set the font style */
	font-weight: 500;/* sets the font weight to slightly less than bold - Where this isn't supported it seems mainly to default 
	to normal - to make the text bold, if that is your wish, you can simply remove this property*/
	text-align: center;
}

#content-index h2 {
	font-size: 110%;/* scale the font size*/
	font-family: Georgia, "Times New Roman", Times, serif;/* adds the top padding to move it down from elements above - could be done with a top margin*/
	color: #444549;/* sets the font colour*/
	font-style: italic;/* sets the font style*/
	font-weight: 500; /* sets the font weight to slightly less than bold - Where this isn't supported it seems mainly 
	to default to normal - to make the text bold, if that is your wish, you can simply remove this property*/
	margin-top: 0;
	margin-right: 0;
}
.footer-paragraphs {
	background-color: #f8f0dc;/*sets a background colour for the footer*/
	width: 400px;/*sets the top border to define the beginning of the footer*/
	font-size: 60%; /* sets the footer text size */
	text-align: left;/* aligns the text to the right*/
	clear: left;
	position: relative;
	margin-bottom: 5px;
	bottom: 5px;
	margin-left: auto;
	line-height: 120%;
	padding: 10px;
	margin-right: auto;
}
.footer-designer a {
	width: 400px;/*sets the top border to define the beginning of the footer*/
	font-size: 60%; /* sets the footer text size */
	text-align: center;/* aligns the text to the right*/
	clear: left;
	position: relative;
	margin-bottom: 5px;
	bottom: 5px;
	margin-left: 100px;
	padding: 10px;
	color: #CCCCCC;
	text-decoration: none;
}