html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {
margin : 0;
padding : 0;
border : 0;
}
body {
margin : 0;
padding : 0 0 0 25px;
background-color : #666;
overflow-y: scroll;
}
#wrapper {
height:100%;
min-height:700px;
width:950px;
margin : 25px auto;
background-image: url(../asset/background/map_fade.jpg);
border : 2px solid #000;
}
#wrapperext {
height:1500px;
width:950px;
margin : 25px auto;
background-image: url(../asset/background/map_fade.jpg);
border : 2px solid #000;
}
#clear {
	clear:both;
}
/* banner */
#banner {
height : 100px;
}
#content {
margin : 20px 0 0 0;
}
/* navigation bar */
#nav {
font-size : 18px;
float : left;
font-weight : bold;
}
#nav ul {
margin : 0 0 0 35px;
padding : 0;
list-style-type : none;
}
#nav li {
margin : 0 0 0.2em 0;
}
#nav a {
display : block;
color : #000;
width : 130px;
padding : 10px 0 10px 15px;
text-decoration : none;
}
#nav a:hover {
background-color : #333;
color : #fff;
}
.selected {
background : #333;
color : #fff;
padding : 10px 0 10px 15px;
}
/* right column */
#colright {
background-color:#FFF;
min-height:500px;
width : 685px;
border : 5px solid #333;
float : left;
margin:0 0 30px 0;
}
#colrightcontent {
background : #fff;
}

/* home page */
#home {
padding : 0 0 50px 0;
font-size : 16px;
background-color : #fff;
height:100%;
}
#home img {
margin : 35px 0 0 40px;
}
#home h1 {
margin:25px 0 0 0;
text-align:center;
font-size:24px;
}
.border {
	border:1px #333 solid;
}
#home p {
border-top : 1px dashed #990000;
border-bottom : 1px dashed #990000;
margin : 30px 0 0 55px;
padding : 20px 0 20px 0;
width : 580px;
}

/* about page */
#about {
background : #fff;
font-size : 16px;
}
#about a{
	color:#333;
	text-decoration:underline;
}
#about a:hover{
	color:#999;
}
#about h1 {
background : #333;
color : #fff;
font-size : 20px;
padding : 3px;
margin : 3px;
}
.aboutbox {
margin : 20px 20px 0 20px;
}
.abouttext {
width : 300px;
float : right;
margin : 40px 70px 60px 0;
padding : 0 0 0 0;
}
.abouttext2 {
margin : 660px 0 0 0;
}
.aboutmission {
padding : 0 0 0 0;
margin : 25px 25px 0 25px;
}
.aboutmission ol li {
margin : 10px 0 0 0;
}
.aboutmission ol{
margin:0 0 20px 0;
}
.aboutaddress {
margin : 12px 0 12px 15px;
font-style : oblique;
}
.aboutphotoright {
float : right;
margin : 0 35px 0 35px;
}
.aboutphotoright img {
border : 1px solid #333;
}
.aboutphotoleft {
margin : 0 20px 0 0;
float : left;
}
.aboutphotoleft img {
border : 1px solid #333;
}
.aboutphototext {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
color : #666;
}

/* Hencken House */
#house {
background-color : #fff;
height :100%;
font-size : 16px;	
}

#house a{
color:#333;
text-decoration:underline;
}
#house a:hover{
color:#999;
}
#house img{
	margin:0 0 0 20px;
}
#house h1{
background : #333;
color : #fff;
font-size : 20px;
padding : 3px;
margin : 3px;	
}
#house h3 {
margin : 20px;
}
#house p{
margin : 20px;	
}

#supportlink {
	text-align:center;
	height:100%;
	width:200px;
	border:1px #000 dotted;
	float:right;
	padding:2px;
	margin:-20px 75px 0 0;
}


/* Events page */
#events {
background-color : #fff;
font-size : 16px;
}

#events a{
color:#333;
text-decoration:underline;
}
#events a:hover{
color:#999;
}
#events h1 {
background : #333;
color : #fff;
font-size : 20px;
padding : 3px;
margin : 3px;
}
#events ul li {
display : inline;
list-style-type : none;
}
.eventbox {
width : 300px;
margin : 15px;
padding : 5px;
font-size : 16px;
border : 1px solid #333;
float : left;
background-color : #fff;
height :100%;
}

.eventbox img {
margin : 0 0 5px 0;
border : 1px solid #666;
}
.eventboxtitle {
font-weight : bold;
margin : 0 0 5px 0;
}
.eventboxwhen {
font-weight : bold;
}
.eventboxwhere {
font-weight : bold;
}
.eventaddress {
margin : 5px 0 0 15px;
font-style : oblique;
}
.eventcontact {
	clear:both;
text-align : center;
}

/* membership page */
#membership {
	padding:0 0 0 0;
   
}
#membership h1 {
background : #333;
color : #fff;
font-size : 20px;
padding : 3px;
margin : 3px;
}

#membership p{
margin:0 0 0 10px;	
}

#membership ul{
	margin:20px 0 0 40px
}

#membership form{
	margin:7px 0 0 0;
	float:left;	
}


.floatright {
float: right;
}
.floatleft {
float: left;
}

/* newsletter page */
#newsletter {
height : 650px;
font-size : 16px;
}
#newsletter h1 {
background : #333;
color : #fff;
font-size : 20px;
padding : 3px;
margin : 3px;
}
.newssbox {

}
#newsletter p {
margin : 20px;
}
.newsimageleft {
margin : 20px;
float : left;
}
.newsimageleft img {
border : 1px solid #333;
}
.newsimageright {
margin : 20px;
float : right;
}
.newsimageright img {
border : 1px solid #333;
}
.newsimagetext {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
color : #666;
}
.click {
margin : 10px 0 10px 25px;
}
.newsframe {
width : 150px;
text-align : left;
}
.newswindow {
margin :30px 35px;
width : 150px;
float : left;
overflow : hidden;
}
.newswindow a {
text-decoration : none;
display : block;
width : 300px;
}
.newswindow a img {
border : 0;
}
.newswindow a:hover {
margin-left : -150px;
}
.newswindowtext {
width : 150px;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 12px;
color : #000;
float : left;
text-align : center;
}


/* resources page */
#resources {

}
#resources h1 {
background : #333;
color : #fff;
font-size : 18px;
padding : 3px;
margin : 3px;
}

#ordering {
	float:left;
	width:685px;
	height:100%;
}

#ordering p{
	margin:20px 20px 20px 20px;
}

.ordaddress {
	margin:0 0 40px 60px;
	font-style:italic;
}

/* books */

#books {
	float:left;
	width:685px;
	height:100%;
}

.book {
	margin:10px;
		
}

.book h2{
	font-style:italic;
}

.book p{
	margin:10px 70px 10px 0;
	font-size:14px;
}
.book img {
margin : 0 20px 0 0;
float : left;
border : 1px solid #333;
}


/* Maps */

#maps {
	margin:20px 0 0 0;
	float:left;
	width:685px;
	height:100%;
}

.map {
	margin:10px;
}

.map h2{
	font-style:italic;
}

.map p{
	margin:10px 70px 10px 0;
	font-size:14px;
}

.map img {
margin : 0 20px 0 0;
float : left;
border : 1px solid #333;
}

.map form{
	margin:10px 240px 0 0;
	float:right;
	width:200px;	
}

/* photos  */

#photos{
	margin:20px 0 0 0;
	float:left;
	width:685px;
	height:100%;
}

.photo {
	margin:10px;
}

.photo h2{
	font-style:italic;
}

.photo p{
	margin:10px 70px 10px 0;
	font-size:14px;
}

.photo img {
	margin : 0 20px 0 0;
	float : left;
	border : 1px solid #333;
}


/* Power Point */

#powerpoint {
    margin:20px 0 0 0;
	float:left;
	width:685px;
	height:100%;
}

.point{
	margin:10px;
}

.point h2{
	float:right;
	font-style:italic;
	margin:0 190px 0 0;
}

.point p{
	margin:10px 70px 10px 0;
	font-size:14px;
}

.pointbox {
margin : 0 20px 0 0;	
float:left;
height : 158px;
overflow : hidden;
width : 200px;

}
.pointbox a {
text-decoration : none;
display : block;
width : 400px;
}
.pointbox a img {
text-decoration : none;
border : 1px solid #333;
}
.pointbox a:hover {
margin-left : -200px;
}

/* Support page */
#support{
background-color : #fff;
height:100%;
font-size : 16px;		
}
#support h1{
background : #333;
color : #fff;
font-size : 20px;
padding : 3px;
margin : 3px;
}
#support p{
margin:0 0 0 20px;
}
#support form{
	margin:10px;
}


.supportcont{
	float:left;
	width:300px;
	height:300px;
	border:#666 1px solid;
	margin:15px;
	padding:2px;
}

.supportcont h2{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	padding:5px;
	border:1px #699 solid;
	background:#6C9;
	text-align:center;
}

.supportcont p{
	padding:5px;
	font-size:14px;
}

.supportaddress{
	font-size:14px;
	padding:0 0 0 10px;
	margin:0 0 0 30px;
	border-left:#000 1px solid;
}

/*Thanks*/

#thanks {
	text-align:center;
}

#thanks p{
	font-size:24px;
	padding:40px;
	font-style:italic;
}


/* sitelink */
#sitelink {
padding:4px;
font-family:"Arial Black", Gadget, sans-serif;
color:#999;
font-size:9px;
text-align:right;
font-weight:100;
}
#sitelink a{
text-decoration:none;
color:#999;
}
#sitelink a:hover{
color:#CCC;
}

