/* Basic Default Styles */
body {
	font: 16px Verdana;
	color: #FFF;
	background: #DFE3BA; margin: 5px 0 5px 50%;
}


h3 {
	color: #A03E19;
	font: 32px "Trebuchet MS", Verdana;
	font-weight: bold;
	margin: 0;
	text-decoration: none;
}

p {
  line-height: 130%;
}

/* Section Styles */
#content {
	position: relative;
	width: 800px;
	background: #79a275;
	margin: 0 0 0 -400px;	
	/* Could also use margin-left and -right: auto
		but IE 5 PC doesn't like that */
	border: 3px solid #FFF;
}

/**************  Header Area *******************/

#pageheader {
   position: relative;
   margin: 0px;
   padding: 0px;
   height: 110px;
   background: #21556d;
   border-bottom: 3px solid #FFF;
   border-top: 0px solid #FFF;

}

#header {
	color: #FFF;
	font: 30px "Trebuchet MS", Verdana;
	margin-left: 400px;
	padding-top: 10px;
    text-align: center;
    vertical-align: middle;
}

#picture-1 {
    position: absolute;
    left: 20px;
    top: 45px;
    height: 125px;
    width: 800px;
}

#pict-1 {
    border: 3px solid #FFF;
    position: absolute;
    left: 0px;

}

#picture-1 #pict-2 {
    position: absolute;
    left: 150px;
    top: 12px;
    border: 3px solid #FFF;
}

#picture-1 #pict_3 {
   position: absolute;
   left: 275px;
   top: 25px;
   border: 3px solid #FFF;
}


/**************  Main Body Section **************/

#main {
    width: 600px;
	margin-left: 180px;
	padding-bottom: 25px;
	padding-top: 75px;
	text-align: left;
}



#main a {
  text-decoration: underline;
  color: #FFF;
}


#main a:hover {
  text-decoration: none;
  color: #A03E19;
  font-weight: bold;
}



.body-images-right {
    padding: 5px;
    float: right;
    border: 0px;
}

.body-image-left {
    padding: 5px;
    float: left;
    border: 0px;
}

.indent-p {
    padding-left: 25px;
    padding-right: 10px;
}


/************* Menu Section **********************/

#content #menu {

    position: absolute;
	left: 18px;
	top: 175px;
	width: 120px;
	font: 16px "Trebuchet MS", Verdana;
}

#menu h3 {
	width: 120px;
	height: 25px;
	margin-top: 20px;
}

#menu h3 span {
	display: none;
}

#menu h3.menuheader {
	background: url(../images/roof-120X25.gif) no-repeat top left;
}




#menu ul {
	list-style: none;
	padding: 0 0 10px 0;
	margin: 0;
	width: 110px;
	background-image: url(menu-bottom.png);
	background-repeat: no-repeat;
    background-position: bottom left; 
}


#menulist li {
    display: block;
	padding: 0 0 0 0;
	background-color: #dee3ce;
	border-bottom: 1px solid #1A4861;
	margin: 0;
}

#menulist a {
    text-align: left;
    font:  "Trebuchet MS", Verdana;
    font-size: 16px;
    display: block;
    padding: 5px 5px 5px 5px;
    color: #000;
    text-decoration: underline;
}


/* li:hover style... have to replace the BG so the color will show up. */
#menulist li:hover {
    display: block;
	background-color: #A03E19;
	color: #FFF;
}


#menulist li a:hover {
    display: block;
    background-color: #A03E19;
	color: #FFF;
}



/*************  Footer Area *******************/
#footer {
  position: relative;
  width: 800px;
  margin: 10px 0 0 -400px;	
  font-size: 10px;
  text-align: center;
  color: #000;
}

.footer-links {
  font-size: 10px;
  color: #000;
  text-decoration: none;
}