@charset "utf-8";
body {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	background-image:url(../images/background.png);
	background-repeat: repeat-y;
	background-attachment:fixed;	 
}
 h1 {
	color: #663300;
	font-size:36px;
	font-weight: bold;
	margin: 3px 0px 25px 0px;
	text-align:center;
}
h2 {
	color: #804040;
	font-size: 28px;
	font-weight: Bold;
	margin: 0px 0px 15px 0px;
	line-height: normal;
}
h3 {
	color: #804040;
	font-size: 24px;
	font-weight: bold;
	margin: 0px 0px 15px 0px;
}

h4 {
	color: #804040;
	font-size: 18px;
	font-weight: bold;
	margin: 0px 0px 15px 0px;
}

h5 {
	color: #804040;
	font-size: 16px;
	font-weight: bold;
	margin: 0px 0px 15px 0px;
}



a          {
	color:#660000;
}
a:visited  { color: #663300; }
a:hover    { color: black; }

.container {
	width: 1000px;
	max-width: 1000px;/* a max-width may be desirable to keep this layout from getting too wide on a large monitor. This keeps line length more readable. IE6 does not respect this declaration. */
	min-width: 1000px;
	margin: 0px auto 0px auto;
	length:  auto;
	padding: 0px;
	height: auto;	 	/* the auto value on the sides, coupled with the width, centers the layout. It is not needed if you set the .container's width to 100%. */
	 		 
}
.header {
	position:relative;
	width: 1000px;
	height: 200px;
	background-image:
url(../images/sitewide/new-logowithfoot.png);
 
}
 
 
.lowercontainer {
	position:relative;
	width: 1000px;
	height: auto;
	background-color: #FFF;
}
.leftnav {
	position: relative;
	height: auto;
	width: 185px;
	margin: 0;
	padding-top: 22px;
	padding-left: 30px;
	float: left;
	border-left: 2px solid #c0bd98;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	
	
	 
}

.leftnav a {
	display: block;
	width: 164px;
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 10px 0px;
	color: #660000;
	font-size: 14px;
	font-weight: bold;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-decoration: none;
	list-style-type:none;
	background-image:url(../images/sitewide/left_nav_imagegreen.gif);
	background-repeat: no-repeat;
	background-position: right 0px;
}
.leftnav a:visited {
	color: #663300;
	list-style-type: none;
}

.leftnav a:hover {
	color: #669966;
	background-position: right -124px;
}
.lowercontainer {
	position: relative;
	width: 1000px;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	height: auto;	 
}
.mainbody {
	font-size: 14px;
	position: relative;
	height: inherit;
	width: 750px;
	float: left;
	color: #844242;
	text-indent: 0px;
	padding-left: 4px;
	margin-right: 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin-left: 10px;
	line-height: normal;
	font-weight: normal;
	background-color: #FFF;
}
<style type="text/css">
body {
	margin-left:55px;
	padding:0;
	color: #4E3D4E;
	font: normal 0.6em sans-serif, Arial;
	background-color: #EDEDED;
}
h1 {
	padding-left:5px;
	font:bold 14px/1.5em "Trebuchet MS", Trebuchet, Arial, Verdana, Sans-serif;
	text-transform:uppercase;
	letter-spacing:.0.5em;
}
a {
	outline: none;
}

/* rotator in-page placement */         . .rotator {
	position:relative;
	height:400px;
	display:none;
}
/* rotator css */
 .rotator ul {
	margin:0;
	padding:0;
}
.rotator ul li {
	float: right;
	position:absolute;
	list-style: none;
}
/* rotator image style */	
.rotator ul li img {
	border:1px solid #ccc;
	padding: 4px;
	background: #FFF;
}
 .rotator ul li.show {
	z-index:500;
}
 

	
.pagebreak {
	background-image: url(../images/border.png);
	width: 1000px;
	height: 5px;
	margin: auto;
}
.rightcontent {
	position: relative;
	width: 260px;
	float:right;
	height: auto;
	 
	
}
.footer {
	
	font-family: Georgia, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	padding: 0px;
	height: 120px;
	width: 1000px;
	position: relative;
	float: left;
	background-image: url(../images/sitewide/footerbg.png);
}
.container .header #navbar {
	float: left;
	width: 800px;
	position: relative;
	left: 130px;
	top: 170px;
	height:auto;
	 
	 
}
#webgallery {
	height: 500px;
	width: 750px;
	
}