html, body{
	color: black;
	font-size: 1em;
	background-color: white;
	margin: 0;
	padding: 0;
	text-align: left;
	font-size: 13px;
}

* {
	padding: 0;
	margin: 0;
	border: none 0px #fff;
}

.wrapper {
	margin: 1% auto;
	padding: 0px;
	border:0;
	width: 800px;
	border-bottom: 3px outset rgb(151,173,218);
	border-right: outset rgb(151,173,218) 3px;
	border-top: solid rgb(151,173,218) 1px;
	border-left: solid rgb(151,173,218) 1px;
	font-family: verdana, arial, sans-serif;
}

#head {
	height: 140px;
	width: 800px;
	margin: 0px 0px 0px 0px;
	background-color:  #c1be45;
}

#container {
	clear: both;
}
.col1 {
	float: left;
	width: 151px;
	height: 450px;
	border-right: solid rgb(244,224,124) 3px;
	text-align: center;
	background-color: white;
	background-image: url(image/grapes.gif);
	background-position: 50% 75%;
	background-repeat: no-repeat;
}

.col2 { 
	float: left;
	width: 320px;
	height: 450px;
}

.col3 {
	float: right;
	width: 320px;
	height: 450px;
	font-size: 90%;
}

#logo {
	height: 108px; 
	width: 151px;
	float: left;
	background-image: url(image/logo.gif);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	border-top: 4px solid #c1be45;
	border-right: solid rgb(244,224,124) 3px;
	background-color: white;
}

.picturetext { 
	text-align: center; 
	position: relative; 
	top: -25px; 
	font-size: 90%;
}

#quote {
	background-position: 50% 40%;
	float: right;
	border-top: 4px solid  #c1be45;
	width: 646px;
}

#navigation {
	position: relative;
	top: -4px;
	left: 30px;
	float: right;
	width: 646px;
	text-align: left;
	padding: 7px 0 0 30px;
	margin-bottom: -10px;
	border-left: solid rgb(244,224,124) 3px;
	height: 22px;
}

#navigation2 {
	left: 0px;
	text-align: left;
	padding: 0px;
	margin: 30px 0 0 25px;
	height: 22px;
}

#navigation li {
	display:inline;
	margin-right: 1.5em; padding-right: 0.75em;
	border-right: 1px solid #c1be45;
}

#navigation2 li {
	list-style: none;
	margin-top: 1.5em; padding-bottom: 0.75em;
	background-color:  #c1be45;
}

#navigation a {
	text-decoration: none;
	font-size: 100%;
	font-weight: 500;
	color: black;
}

#navigation2 a {
	position: relative;
	top: 5px;
	left: 14px;
	text-decoration: none;
	font-size: 100%;
	font-weight: 500;
	color: black;
}

#navigation a:hover {
	color: rgb(250,240,200);
}

#navigation2 a:hover {
	color: rgb(250,240,200);
}

#current{
	opacity: .6;
}

#main-text {
	position: relative;
	left: 40px;
	top: 50px;
	font-size:90%;
	font-weight: 100;
	line-height: 160%;
	z-index: 50;
	text-align: left;
	width: 250px;
	color: #536466;
}

.main-text-header {
	position: relative; 
	top: 40px; 
	padding-bottom: 20px;
}

.main-picture {
	margin: 28px 23px;
	height: 400px;
	width: 275px;
	background-image: url(image/main-front-picture.jpg);
}

#footer {
	padding: 0;
	margin: 0;
	text-align: left;
}

#footer ul {
	margin: 0;
	padding: 0;
	position: relative;
	left: 45px;
	top: 5px;
}

#footer li {
	display: inline;
	margin-left: 30px;
	padding: 0;
}

.bottom {
	clear: both;
	height: 25px;
	background-color: rgb(250,240,200);
	border-bottom: solid rgb(151,173,218) 1px;
	font-weight: 100;
	font-size: 80%;
}