/* page layout */
h1 {
width: 30%;
font-size: 200%;
letter-spacing: 5px;
color:#6A9662;
background: #fff;
}
h2 {
font-size: 130%;
text-transform: uppercase;
letter-spacing: 10px;
color:#476042;
background: #fff;
}
h3 {
padding: 5px;
text-transform: uppercase;
font-size: 110%;
color:#fff;
background: #6A9662;
}
h4 {
padding: 5px;
text-transform: uppercase;
font-size: 110%;
color:#fff;
background: #F17C0B;
}
a {
	text-decoration: none;
	color: #E12D00;
}
a:hover {
text-decoration:none;
color: #000;
}
a img {
border: 0;
}
body, html {
margin: 0;
padding: 0;
text-align: left;
font: 75% arial, tahoma, "Trebuchet MS", verdana, arial, verdana, sans-serif;
font-size:12px;
}
#container {
	width: 100%;
	\width: 100%;
	w\idth: 100%;
	border: 0px solid #eee;
	margin-left: none;
	margin-right: none;
	padding: 0;
	line-height: 1.5em;
}
div#pageFrame {
position: relative;
width: 100%; /* total pagewidth */
margin: 0 auto;

}
div#logoFrame {
height: 64px;
position: absolute;
top:150px;
}
div.navBarFrame {
	margin-left: 0px;
	margin-right: 0px;
	height: 24px; /* prevent collapse ? */
	background: #476042;
	vertical-align:middle;
}
div#navBottomFrame {
margin: 5px;
}
div#middleFrame {
	position: absolute;
	top: 210px;
	margin: 0px;
	min-height: 500px; /* no go IE */
	/* border-top: 1px solid white; Mozilla: else middle frame shifts down a bit depending on content?! */
left: 195px; /* the fluid content is 100% minus these margins wide */
	/* right: 195px; */
/* next lines hack for IE5.2 mac (does not listen to right) */
margin-right: 195px;
	right: 195px;
}
@media all {
        div#middleFrame {margin-right: 0;}
          } /* values for others */



#middleContent {
/* width: 100%;   prevents IE to jump out of the box! */
margin: 5px;
text-align: left;
	margin-left:5px;
	margin-right:5px;
}
/* boxes1 and 2 (call it left and right if you prefer) */
div#boxes1Frame {
	position: absolute;
	left: 7px;
	top: 210px;
	float: left;
	width: 160px;
	margin-right: 0px;
	padding: 3px 4px 15px 4px;
	color: #666;
	background-color: #FAF8E9;
	border: 1px dashed #333333;
}
#banner {
	height: 175px;
	padding: 0;
	background: #fff url(images/image00.jpg) no-repeat right;
	color: #333;
	position:relative;
	right:0;
	width: 100%;
}

div#boxes2Frame {
	position: absolute;
	right: 7px;
	top: 210px;
	width: 160px;
	float: right;
	margin: 0;
	padding: 3px 4px 15px 4px;
	color: #333;
	background-color:#FAF8E9;
	border: 1px dashed #333333;
}
div.infoboxContentsFL {
margin: 2px; /* = the padding */
width: 146px; /* ???????? needed for IE 160 minus margins and borders ? */
padding-bottom: 5px; /* IE */
}

div#bannerFrame {
height: 60px;
margin-top: 10px;
margin-bottom: 10px;
}
.infoboxContentsFL td {
font-size: 12px;

}
.infoboxContents td {
font-size: 12px;

}
A.headerNavigation { 
  color: #FFFFFF; 

}

A.headerNavigation:hover {
  color: #ffffff;

}


/* end page layout */
#container #banner #rotatortop {
	position: absolute;
	left: 7px;
	top: 105px;
	border: none;
	width: 468px;
	height: 60px;
	background: none;
}