/* CSS Document */

html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {
margin: 0;
padding: 0;
border: 0;
}

#wrapper {
	width: 770px;
	margin: 0 auto;
	height: auto;
			}



body 	{
	background-color: #FFCC66;
	font-family: "100% Verdana", Arial, Helvetica, sans-serif;
	height: auto;
	color: #666666;
		}
		
		
h1 {
	font-size: 200%;
	color: #FFFFFF;
	
}
h2 {
	font-size: 150%;
	background-color: #FFFFCC;
	border-top-style: double;
	border-top-color: #FFCCCC;
	border-top-width: 3px;
}


h3 {
	font-size: 120%;
	text-align:left;
}


h4 {
	font-size: 95%;
	}
h5 {
	font-size: 90%;
	color:#330099;
	padding-bottom: 16px;
	border-bottom:1px #FF9900;
	text-align:left;
	text-shadow:#003366;
	text-decoration: underline;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	
	}
	
	
H6 {text-align:left;
}	

#pagebox 	{
	width: 720px;
	margin: 0px;
	padding: 0px;
	text-align: center;
		 	}
		 


#header {
	width: 100%;
	height: 100px;
	background: #99CC66 url(../images/bockushomesteadbanner.gif) no-repeat center center;
		}


 #topnav {
			padding: 0px;
			margin: 0px;
			height: inherit;
			border-bottom: 1px solid #333;			
			}
		
#topnav ul {
	margin: 0px;
	padding: 0px;
	background-color: #336666;
	font: 75% Arial, Helvetica, sans-serif;
			}
		
#topnav ul li {
	margin: 0px;
	padding: 0px 3px;
	border-right: 2px solid #333;
	display: inline;
	background-color: #093;
	color: #66FF66;
				}
			
					
#topnav ul li a {
	text-decoration: none;
	color: #FFCCCC;
	text-align:center;
	background-color: #009933;
				}

#topnav ul li a:hover,#topnav ul li a:focus{
	background-color:#066;
	color: #FF6600;
	}
			
							
#topnav ul li a: visited {
					color: #CCCCCC;
					}
					
	
#pagebox #content {
	padding: 60px 15px 25px;
	margin: 10px 0px 0px;
	color: #663300;
	background-image: url(../images/bockuspaintingoval.gif);
	background-repeat: no-repeat;
	background-position: right top;
	background-color: #FFFF99;
	height: auto;
}


#pagebox #content p {
					text-align:left;
					padding:10px 0px;
					}

#pagebox #content ul {
	text-align:left;
	color:#336633;
	width: 300px;
						}

						
						 
#pagebox #content ul li {
						text-decoration:none
						color:#006633;
						padding:10px 0px;
						}
					
					
#pagebox #indexcontent {
	background-image: url(../images/painting.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	font-size: 14px;
	background-color: #FFFF99;
	border: 4px double #FFCC00;
	padding-top: 20px;
	padding-bottom: 20px;
						}


#pagebox #indexcontent h1{
				margin-top: 160px;
				color: #FFFFFF;
				}

#pagebox #indexcontent h2{
	color: #CC6600;
	letter-spacing: 0.05em;
	width: 500px;
						}						


#pagebox #indexcontent p {
	padding: 0px;
	font-size: 120%;
	margin: 10px;
	width: 400px;
	text-align: center;
						}

						
.leftimage{
			float:left;
			margin: 3px 10px 10px 0;
			}
			
.rightimage{
	float: right;
	margin: 0 0 20px 15px;
			}
			
						
.clearit {
	display: block;
	clear: both;
	height: auto;
			}											 

#footer    { 
			border-top: 1px solid #000;
			color: #CC0000;
			margin: 0;
			padding: 5px;
			font-size: 70%;
			}
			
			
#footer ul li {
	margin: 0px;
	padding: 0px 3px;
	display:inline;
	border-right: 2px solid #333;
	text-decoration:none;
			}
			
						
#footer ul li a {
				height: 100%;
				text-decoration: none;
				color: #666666;
				padding: 0px 9px;
				text-align:center;
				}


#footer ul li a:hover,#topnav ul li a:focus{
	background-color:#FFCC33;
	color: #CC3300;
	}
#wrapper #pagebox #content .back {
	float: right;
}
#wrapper #pagebox #content .box {
	float: right;
}