@charset "utf-8";

body {
	font: 14px georgia,times,serif;
	color: #FFFFFF;
	background: #f9efc5 url('images/mainbg.gif') no-repeat top;
	margin: 0;
	text-align: center;
}

#container {
	width: 700px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	background: url('images/contbg.jpg') repeat-y center;
	border: 0px;
	text-align: left; /* this overrides the text-align: center on the body element. */
	line-height: 18px;
}

#pageHeader {
	position: relative;
	height: 260px;
	background: url('images/header.jpg') no-repeat;
	padding: 10px 20px;
	font-weight: bold;
	font-size: 12px;
}

#catch {
	position: absolute;
	top: 10px;
	right: 20px;
}

#mainContent {
	position: relative;
	top: 10px;
	padding-left: 40px; 
 	padding-right: 30px; 
}
#mainContent2 {
	position: relative;
	text-align: right;
	top: 10px;
	padding-left: 40px; 
 	padding-right: 30px; 
}
#linkList {
	position: absolute;
	top: 240px;
	padding-left: 0px;
	padding-right: 0px;
	margin: 0 10px;
	width: 683px;
	height: 39px;
}

img.picA
{
	position: relative;
	background: #FFFFFF;
	width: 320px;
	height: 200px;
	padding: 5px;
	border:1px solid black;
}
img.picB
{
	position: relative;
	background: #FFFFFF;
	width: 220px;
	height: 160px;
	padding: 5px;
}
img.floatleft
{
	float: left;
	margin: 0px 14px 10px 10px;
}
img.floatright
{
	float: right;
	margin: 0px 14px 10px 10px;
}
#mag {
	position: relative;
	float: right;
	right: 20px;
	width: 250px;
	height: 230px;
	padding: 8px;
	background: #FFFFFF;
	color: #787437;
	border:1px solid black;
}

#column1 {
	position: relative;
	float: left;
	top: 20px;
	left: 15px;
	margin: 3px 5px;
	width: 215px;
	height: 460px;
	background: #FFFFFF;
	font: 16px georgia,times,serif;
	color: #787437;
}
#column2 {
	float: left;
	margin-left: 18px;
	margin-top: 23px;
	padding-top: 1px;
	width: 215px;
	height: 460px;
	background: #FFFFFF;
	font: 16px georgia,times,serif;
	color: #787437;
}
#column3 {
	margin-left: 465px;
	margin-top: 23px;
	padding-top: 5px;
	width: 215px;
	height: 460px;
	background: #FFFFFF;
	font: 16px georgia,times,serif;
	color: #787437;
}

ul,li {
 	list-style: none;
	float: left;
 	padding: 0;
 	margin: 0;
	filter:alpha(opacity=80);
	opacity: .8;
}
li {
 	background: #787437;
	padding: 10px 32px;
	font-size: 12px;
	font-family: "Arial";

}

li:hover{
	filter:alpha(opacity=50);
	opacity: .5;
}
a
{
	color: #FFFFFF;
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
}
a.prod{
	color: #787437;
	text-decoration: none;
}

#footer {
	height: 98px;
	background: url('images/footer.jpg') no-repeat;
	margin: 0;
	padding: 0 20px;
	font: 10px verdana,arial,serif;
	text-transform: uppercase;
	text-align: center;
}