body {font-family: Arial, Helvetica, sans-serif; background-color:#678C79; margin: 30px; background-image: url(images/background.jpg); background-position: bottom; background-repeat:repeat-x;}

p {margin-top: 10px; font-family: Arial, Helvetica, sans-serif; font-size: small; color:#000; line-height: 30px;}

#weather {margin-top: 15px;}
#oan {margin: 5px 0 0 8px; border: 1px solid #728548;}
#oanhome {margin: 15px 0 0 5px; border: 1px solid #728548;}
.desc {/*photo description*/ margin: 5px 0 15px 10px;}

h1 {font-family: Papyrus, Arial, sans-serif; margin: 10px 0 15px 0; font-size: medium; color:#000;}

.table {background-color: #fff; width: 803px; height: 100%; padding:0; border: #fff solid 1px;}

#image {margin: 0; padding:0; width:300px;}
#form {font-size: 13px; line-height: 20px;}
.bold {font-weight: bold;}

#nav {background-color: #36181A; font-family: Arial, Helvetica, sans-serif; font-size: 15px;
 height: 38px; color: #fff; font-weight: 550; width: 100%; border-bottom: #fff solid 1px;}
#nav ul {padding-top: 10px; margin-top:0px; height:38px;}
#navleft {margin-left: 25px;}
#nav ul li {height: 38px; margin-right:45px;}
#nav, #nav a:link, #nav a:visited, #nav a:hover {text-decoration: none; color: #fff;}
#nav li {list-style-type: none; display: inline; padding-right: 2px;}
#nav a {display: block; padding-right: .5em; padding-left: .5em;}
#nav a:hover {color:#fff; height:38px; text-decoration:underline;}
#nav li {float: left; margin-right: 0px;}

#nav2 {background-color: #D2CEA4; margin:0; height: 38px;  border-top: #fff solid 1px; }

#main {height: auto; background-color: #D2CEA4; vertical-align:top; padding: 30px 40px 40px 40px;}
#main2 {background-color: #D2CEA4; vertical-align:top; height:200px; width: 371px;}
#maintop {vertical-align:top;}
#imagetop {width: 302px; border-left: solid #fff 1px;}

#maintext {
	padding: 4px;
	margin: 30px 40px 30px 40px;
	font-size: small;
	text-align: left;
	vertical-align: top;
	line-height: 20px;
	height: 400px;}

a:link, a:visited { text-decoration: none; color: #CBD6B1;}
a:hover {color: #CBD6B1; text-decoration:underline;}

/* here's the box... the image is the upper-left corner */
#box, #box3 {margin: 0 10px 0 0;
  background : #728548 url(images/topleft.jpg) no-repeat;
  height : auto;
  position : relative;}
#box {padding : 35px 50px 39px 45px; width: 395px;}
#box2 {margin: 0 0 5px 0;
  background : #D2CEA4; width: 210px;
  padding : 0; text-align:center; float:right;}
#box3 {width: 631px; padding: 35px 35px 39px 45px;}

#table { width:100%;}
#table td {vertical-align: top;}
#td {width: 235px; padding-right: 14px; border-right: solid 1px #CBD6B1;}
#td2 {padding-left: 15px;}
.div {margin: 0; font-size:13px;}
#contact {margin-top: 0;}
#submit {margin-top: 10px;}

/* these are the other three spans. classes were used to allow multiuse on a page */
.tr, .bl, .br {
  position : absolute;
  width : 30px;
  height : 30px;  /* corner images are 30x30 */
  display : block;
  margin-bottom : 0px;  /* this is for IE */
}

/* change position and image: top-right */
.tr {
  background : transparent url(images/topright.jpg) no-repeat;
  top : 0;
  right : 0;
}

/* change position and image: bottom-left */
.bl {
  background : transparent url(images/bottomleft.jpg) no-repeat;
  bottom : 0;
  left : 0;
}

/* change position and image: bottom-right */
.br {
  background : transparent url(images/bottomright.jpg) no-repeat;
  right : 0;
  bottom : 0;
}

.p {margin-top: -15px; font-size:small; line-height:25px;}  
.p2 {margin-top: 0px; font-size:small; line-height: 25px;}
.p3 {line-height: 22px; font-size:small;}
  
#footer {text-align: center; margin: 20px 0 20px 0; font-size: x-small; color:#333;}
#footer a:link, #footer a:visited {color:#586737;}