@media screen{

/*
#canvas, #page, #content, #menu, #copyright, #logo, #landing{border:1px solid yellow;}
*/

html *{
}
body{
	margin:0;
	padding:0;
	/*font:78% Geneva, Arial, Helvetica, sans-serif;*/
	font:78% Verdana, Arial, Helvetica, sans-serif;
	background-color:#47172b;
}
h1{
	border-bottom:4px solid white;
	height:135px;
	text-align:center;
	font-size:24px;
	background:#552a38 url(../i/Header.gif) no-repeat;
	text-indent:-9999px;
}
h1 span{
}
h1, h2{
	/*font:normal 28px Garamond, "Times New Roman", Times, serif;*/
	color:#fff;
	font-size:28px;
	text-transform:uppercase;
	margin:0;
	padding:0;
}
h3, h4, h5, h6{
	margin:1em 0 0 0;
	padding:0;
	text-transform:uppercase;
}
h3{
	font-size:20px;
	color:#48182C;
	font-weight:normal;
	text-transform:uppercase;
}
h4{
	color:#604712;
	text-transform:uppercase;
	font-size:15px;
}
h5{
	font-size:14px;
	text-transform: none;
}
dl
{
	padding:0;
	margin:0;
	text-indent:0;
}
dt
{
	font-weight:bold;
	margin-top:1em;
}
dd
{
	padding:0;
	margin:0;
	text-indent:0;
}
ul{
	padding:0;
	margin:0 0 0 2em;
	text-indent:0;
}
li{
	list-style-type:none;
	list-style-image:url(../i/BulletList.gif);
	margin:7px 0;
}
a{color:#000;}
a img{border:none;}
#canvas{
	margin:0 auto;
	width:990px;
	background-color:#ebe5db;
}
#page{
	display:none;
	text-align:left;
	background:#ebe5db url(../i/MenuBackground.gif) repeat-y top right;
}
#content{
	width:669px;
	padding:25px 25px 25px 50px;
	float:left;
	min-height:444px;
}
#enter {
}
#enter img{
	margin:0 .1em 0 0;
}
#menu{
	position:relative;
	width:241px;
	float:right;
	min-height:444px;
	padding-top:1em;
}
#menu ul{
	margin:0;
	padding:0;
}
#menu li{
	text-indent:0;
	list-style-type:none;
	list-style-image:none;
}
#menu a{
	display:block;
	color:#604814;
}
#menu ul a{
	padding:.7em 0 .5em 1.5em;
	text-transform:uppercase;
	font-weight:bold;
	text-decoration:none;
}
#menu ul ul a{
	padding:.3em 0 .3em 3em;
	border-width:0px 0 0 0;
	font-weight:normal;
	text-transform:none;
}
#menu a:link{
}
#menu a:visited{
}
#menu a:hover{
	background-image:url("../i/Opacity50White.png");
	text-decoration:underline;
}
#menu a:active{
}
#historyimg{
	position:absolute;
	top:345px;
	border-top:4px solid white;
}
#footer{
	position:relative;
	height:135px;
	color:white;
	border-top:4px solid white;
	background:#542837 url(../i/Footer.gif) no-repeat 0px 0px;
}
#resources a{
	width:280px;
	height:270px;
	display:block;
	float:left;
	text-align:center;
	margin:0 .5em 1em .5em;
	padding:.5em;
	border:1px solid white;
}
#resources img{
}
#resources p{
	margin:0;
	padding:0;
}
#footer a{
	color:#FFFFFF;
}
#logofarmers, #logozurich, #copyright{
	position:absolute;
	top:42px;
}
#logofarmers{
	left:100px;
	width:225px;
	height:50px;
}
#logozurich{
	left:352px;
	width:160px;
	height:50px;
}
#copyright{
	left:530px;
	width:400px;
	margin:0;
	padding:12px;
}
a.bio img {
	border:4px solid white;
	margin-right:12px;
}
a.bio {
    position:relative; /*this is the key*/
    z-index:24;
    text-decoration:none;
}
a.bio:hover {z-index:25;}
a.bio span{
	display:none;
	z-index:26;
}
a.bio:hover span{
	position:absolute;
	display:block;
	top:-300px;
	left:120px;
	color:#000000;
	width:300px;
	height:350px;
	background-color:#C5b59E;
	padding:12px;
	border-style:solid;
	border-width:1px 3px 3px 1px;
	border-color:#C5b59E;
	opacity:0.95;
	filter:alpha(opacity=95);
	-khtml-opacity: 0.95;
	-moz-opacity: 0.95;
	-moz-border-radius:12px; /* Rounded edges in Firefox */
}
.colora{color:#604712;}/*gold*/
.colorb{color:#47172b;}/*plumb*/
.colorc{color:#FFFFFF;}/*white*/
.tighttop{
	margin:0 0 12px 0;
	padding:0;
}


.error{
	color: #FFAAAA;
}
.pageFeedback{
    color: #516FD7;
}
.pageError{
    color: #FFAAAA;
}
.form{
}
.form td{
}
.titleCell{
	padding-right:1em;
    vertical-align:top;
	text-align:right;
}
.formField{
	width:375px;
}
.largeFormField{
	width:375px;
	height:150px;
}
.clear{clear:both;height:1px;}
}
@media print{
	#menu{
		display:none;
	}
}