html {
	margin: 0;
	padding: 0;
	}
	
body {
	margin: 0;
	padding: 0;
	background: #efe4c3;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 100%;
	-moz-opacity: .999; //to defeat firefox redraw problem with fade effect
	}
	
#header {
	height: 150px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
	background: url(graphics/headbg.gif) top center;
	background-repeat: repeat-x;
	min-height: 100%;

	}
	
#head {
	margin: 4px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	color: #582764;
	
	background-repeat: repeat-x;
	}
#banner {
	width: 900px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0;
	padding-top: 42px;
	}

* html #banner {
	padding-top: 42px;
}

/* link styles */
#navtop {
	margin-top:0px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0;
	padding-top: 5px;
	padding-bottom: 28px;
	background-color: #51a9c6;
	}

#navtop .nav a {
	
	text-decoration: none;
	display: block;
	padding: 5px 5px 4px 12px;
	color: #613c16;
	width: 7.8em;
	font-weight: bold;
	font-size: .75em;
	background-color: #51a9c6;
	margin: 0;
}

.nav li li a {
  width: 12em;/* style for links on pop-up menus */
}

.nav li li li a {
	/* style for second level menu links */
}


.nav a:hover{
	background-color: #333;
	color: #FFF;
	
	}

/* main nav bar */
.nav {
	width: 900px;
	margin: 0;
	margin-right: auto;
	margin-left: auto;
	padding: 0;
	line-height: 1;
}

/* all list items */
.nav  li {
	margin:0 !important;
	padding:0 !important;
	list-style: none; /* remove bullets */
	float: left; /* place buttons side by side */
  	position: relative;
}


/* pop-up subnav */
.nav ul {
	
	margin: 0;
	padding: 0;
	position: absolute;
  	left: 0;
  	top: 1.42em; /* change when you change height of links */
	display: none;

/* for IE */
  filter:alpha(opacity=60);
}

/* list items in pop-up subnav */
.nav ul li {
	float: none; /* so links line up one above the other for drop-downs */
}

/*3rd level menu position*/
.nav ul ul {
	position: absolute;
	left: 7em; /* change when you change width of links */
	top: 1.42px;
	z-index: 99;
 }

.nav ul ul li {
	z-index: 100;
}



/* look for buttons that have menus */
.nav .sub {
	background-image: url(graphics/arrow_down.png);
  	background-repeat:no-repeat;
  	background-position: -2px 3px;
}

.nav .subsub {
	background-image: url(graphics/arrow_left.png);
  background-repeat: no-repeat;
  background-position: 1px 7px;
}

/*---------MAIN---------*/
#main {
	width:900px;
	height: 236px;
	margin-top: 35px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0;
	padding-bottom: 0;
	background: url(graphics/mainbg.gif) top center;
	background-repeat: no-repeat;
	min-height: 100%;
	}
	
#photodiv {font-size: .75em;
  background-repeat: no-repeat;
}
	
#content {
	width:900px;
	margin-top: 35px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0;
	padding-bottom: 0;
	min-height: 100%;
	}
#form {padding: 20px 100px 20px 60px;background-color: #fff; border:10px solid #613c16;}
.foto {
	float: right; margin-left: 20px; border: 2px solid white;}
#content h1 {color: #51a9c6; font-size: 1.4em; padding: 15px 20px 5px 20px; margin-bottom: 3px; background-image: url(graphics/mainbg-top.gif);}
#content h2 {color: #51a9c6; font-size: 1.1em; background-color: #613c16; padding: 15px 20px 0px 20px; margin: 0px;}
#content h3 {color: #51a9c6; font-size: 1.1em; background-color: #613c16; padding: 15px 20px 0px 20px; margin: 0px;}
#content img {
	margin: 0;
	padding: 0;
}

#content p {color: #efe4c3; font-size: 1.1em; background-color: #613c16; margin: 0; padding: 15px 20px 0 20px;}
#content a:link {color: #efe4c3; font-size: 1.1em;}
#content a:visited {color: #efe4c3; font-size: 1.1em;}
#content a:hover {color: #51a9c6; font-size: 1.1em;}

#content ul {font-size: 1.1em; background-color:#613c16; color:#efe4c3; margin:0px; padding-right:10px; list-style-type: disc; list-style-position: outside;}
#content ol {background-color:#613c16; color:#efe4c3; margin:0px; padding-right:10px;}
#content table {width: 900px; background-color:#613c16; color:#fff;}
#content li {padding-left: 10px;}

#content table td {align:center;}
.cent {text-align: center;}
/*------PICS------*/
#photodiv {
	float: left;
	width: 576px;
	margin: 7px 0 0 7px;
	}

/*----SIDE NAVIGATION----*/

.side {
	float: right;
	width:289px;
	padding: 0;
	}
	
.side a {
	text-decoration: none;
	display: block;
	padding:10px;
	border: none;
	margin:-3px;
	color:#fff;
	}
	

.side li {list-style: none; padding:-12px;}
.side li h3 {
	padding:0;
	margin:0 30px 10px 10px;
	color:#51a9c6;
	border-bottom: 2px solid #51a9c6;
}

.side a:hover{
	color: #51a9c6;
	}	
	
/*-----BOTTOM-------*/
#bottom {
	width:900px;
	height: 365px;
	margin-top: 15px;
	margin-right: auto;
	margin-left: auto;
	font-size: 0.97em;
	color: #efe4c3;
	background-image: url(graphics/bottom-back.png);
	background-repeat: no-repeat;
	}
	
#bottom h2 {font-size: 1.2em; text-align: center; padding-top: 5px; color: #51a9c6; border-bottom: 1px solid #51a9c6; margin: 10px;}


#one {
	float: left;
	width: 255px;
	height: 290px;
	margin-right:0px;
	padding-bottom: 30px;
	}
	
#one h5 {
	padding-left: 5px;
	margin:4px;
}
#one p {font-size:15px; margin:2px;}
#one h4 {padding-left: 10px; margin:2px;}
#one a {color: #51a9c6;}

#two {
	float: right;
	width: 385px;
	height: 290px;
	border-left: 2px solid #583614;
	padding-bottom: 30px;
	border-right: 2px solid #583614;
	}
	
#two h5 {text-align:center; margin:4px;}
#two object {
	margin:-10px -2px -15px -2px;
	
}	
#mediaspace {
	margin: 30px 0 0 9px;
}


#three {
	float: right;
	width: 255px;
	height: 290px;
	margin-left:0;
	margin-right: 0px;
	padding-bottom: 30px;
	}
#three img {margin: 25px 0 0 55px; border: 3px solid #613c16;}
#three h5 {
	padding-left: 2px;
	margin:4px;
}
#three p {font-size:15px; margin:2px;}
#three a {
	color: #efe4c3;
	}

#bottom p {
	padding: 0px 7px;
	font-size: 12px;
}


/*------FOOTER------*/
#footer {
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0;
	padding-bottom: 0;
	background: #613c16 url(graphics/footerbg.gif) top left;
	background-repeat: repeat-x;
	min-height: 100%;
	}
#insidefoot {
	width: 900px;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0;
	padding-bottom: 5px;
	padding-top: 30px;
	color: #efe4c3;
	font-size: 0.7em;
}
#top20 {width: 300px;}
#top20 li {list-style: none; padding: 0; margin-left: 0;}
#top20 h3 {
	padding-bottom: 0;
	margin-bottom: 8px;
	font-size: 1.3em;
	padding-left: 27px;
}
#top20 .total {padding-left: 50px;}
#top20 ul {padding: 0; margin-left: 0;}
#top20 a {color: #51a9c6; text-decoration:none;}
#top20 a:hover {color:#51a9c6;}
#top20 p span {
	margin-left: 15px;
	color: #51A9C6;
}

.topone {float: left; width: 150px;}
.toptwo {float: right; width: 150px;}

#acre {
	float: right;
	width:370px;
	margin: -2px;
	margin-top: -180px;
	padding: 0px;
}
#uno {float: left; width:170px; margin:0px; padding:0px;}
#uno .top {padding-bottom: 5px; padding-left:5px;}
#uno .pt {margin-right: 3px;}
#copyright {width: 900px; color: #e19547; margin-top: 30px; margin-bottom: 0;}

.powered {
	padding-left:82px;
}
.powered a:link {color: #c57019;}
.powered a:visited {color: #c57019;}
.powered a:hover {color: #efe4c3;}
.powered a {text-decoration: none;}
#out {
	color: #51a9c6;
	text-align: center;
	font-weight: bold;
	padding-top: 150px;
	
}
