body {
position: relative ;
background-color: #9AB72E ;
/* background-color: #E8F2FF ; */
height: 100% ;
width: 100% ;
margin: 0 auto ;
padding: 0 ;
}

a {
text-decoration: none ;
color: white ;
background-color: #A69F00 ;
padding: 5px ;
display: block ;
}

a.horizontal {
float: left ;
text-decoration: none ;
color: white ;
background-color: blue ;
border-right: 1px solid white ;
margin: 0px 0px 12px 0px ;
}

ul {
float: left ;
width: 100% ;
padding: 0 ;
margin:0 ;
list-style-type: none ;
text-align: right ;
}

ul.plain {
float: left ;
width: 100% ;
padding: 0 ;
margin:0 ;
text-align: left ;
}


li.plain {
border-width: 0px 0px 0px 0px ;
}

li.box {
border-style: solid ;
border-color: black ;
border-width: 1px 1px 1px 1px ;
}

img.left {
float: left;
margin: 8px ;
}

img.right {
float: right ;
margin: 8px ;
}


a:hover {
background-color: orange ;
color: black ;
display: block ;
}

/* header where arlynheader.jpg picture lives */
div.header {
position: absolute ;
top: 0px ;
left: 1px ;
width: 1023px ;
height: 305px ;
background-image: url('arlynheader3.jpg') ;
}

/* content on the left */
div.left {
position: relative ;
top: 50px ;
left: 21px ;
width: 157px ;
border-style: none ;
border-color: gray ;
border-width: 1px 1px 1px 1px ;
padding: 0px 0px 0px 0px ;
}

/* 2nd content on the left */
div.footer {
font-size: 0.6em ;
}

iframe {
position: absolute ;
background-color: #D2FA3E ;
top: 305px ;
left: 200px ;
width: 824px ;
height: 300px ;
padding: 0px 0px 0px 0px ;
margin: 0px 0px 0px 0px ;
}