html {background:#c39887;} /* originally rgb(123,187,221) but don't know what it effects*/

body {
	margin:0; 
	padding:0 10px 0 10px; 
	border:0; height:100%; /* was border:0; height:100% */
	overflow-y:auto; 
	background:#e8c96e; /* was rgb(123,187,221) effects the entire page*/
	}

body {font-family: georgia, serif; font-size:12px;} /* font for the body of the document */

#page {
	margin:0px 0px 40px 120px; 
	/* above positions the "page" (contents) on the page top right bottom left 0px 0px 40px 120px*/
	display:block; 
	width:600px; /* width of text in the "page" box 650px*/
	border:1px solid #000; 
	background:#fff; /* this is the background color of the area containint the page text */
	padding:0px;/* was 10 */
	}

#page .right {font-size:30px; float:right;}

#menu {
	display:block; /* causes a cr after each line */
	top:10px; 
	left:0px; 
	width:30px; 
	position:fixed; 
	border:1px solid #888; 
	padding:10px; 
	color:#fff; 
	}

* html #menu {position:absolute;}

#menu a:visited, 
#menu a {
	display:block; 
	width:80px; /* menu width */
	height:20px; /* height of each entry */
	margin:0 auto; 
	border-top:1px solid #fff; 
	border-bottom:1px solid #000; 
	text-align:center; 
	text-decoration:none; 
	line-height:20px;  /* height of each line */
	color:#000;
	}

/*This affects the size of the image*/
#top {width: 650px; /* orig 650px now 620*/
height: 300px; /* orignally 391 */
background: #b38853 url(images/topSCLogo_v02.jpg) no-repeat; /* original background: #b38853 + rest of line */
margin-left:auto; 
margin-right:auto; 
margin-bottom: 20px; 
margin-top:0; 
padding: 0; 
color: #e8c96e; /* original color #EAEAEA */
} /* orig value border:1px solid black; */

#top h1 {font-size: 30px;
font-family: georgia, Minion, serif; 
font-weight: normal; 
color: #e8c96e;
margin-top: 238px; /* position of the text from top */
position: fixed; 
top:238px; 
text-align:center; }

#main {width: 650px; 
background: #fff;  /* don't know what this effects */
color: #e8c96e; 
margin-left:auto; 
margin-right: auto; 
border:1px solid black;}

#menu a:hover {background:#f00; color:#fff;} /* background and text color when hovering */

.clear {clear:both;}

p:first-letter {font-size:25px; color:#c39887;} /* paragraph specs 

#footer {
padding-bottom:30px;
font-size:8px;
color: #000;
background: #fff; 
font-family:verdana,arial,sans-serif; 
text-align:center;}

#fixpic {display:block; width:108px height:145px; position:fixed; bottom:0; left:0;}

* html #fixpic {position:absolute;}

<style type="text/css">
div.figureleft {
  float: left;
  width: 25%;
  border: thin silver solid;
  padding: 0.5em;
  margin: 0.5em;
}
div.figureleft p {
  text-align: center;
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
}
div.figureright {
  float: right;
  width: 25%;
  border: thin silver solid;
  margin: 0.5em;
  padding: 0.5em;
}

div.figureright p {
  text-align: center;
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
}</style>