/* HTML
-------------------- */
html {
   height: 100%;
}

/* Body
-------------------- */
body {
   background: url(wrapper.gif);
   min-height: 100%;
   margin: 0 auto;
   padding: 0;
}
#bodywrapper {
   background: #FFF url(background.png) repeat-y;
   width: 800px;
   height: 100%;
   margin: 0 auto;
   padding: 0;
}


/* Heading
----------------------*/
#heading {
   position: relative;
   width: 800px;
   height: 160px;
   margin: 0 auto;
   padding: 0;
   background: url(header.png);
}


/* Footer
----------------------*/
#footer {
   width: 800px;
   height: 120px;
   background: url(footer.png) bottom;
}
#footer p {
   text-align: center;
   padding-top: 25px;
   font-family: verdana;
   font-size: 11px;
   margin-top: 0px;
   font-size: 11px;
   color: #fff;
}



/* Navigation
-------------------- */
#navmenu a {
   font-family: arial;
   font-weight: normal;
   font-size: 11px;
}
#navmenu label {
   font-family: arial;
   font-weight: normal;
   font-size: 11px;
}


/* Navigation Menu
-------------------- */
#navmenu {
   float: left;
	width: 160px;
	margin-top: 0px;
	margin-right: 30px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#navmenu a {
	display: block;
	text-decoration: none;
	color: #5C5248;
	padding-bottom: 3px;
	padding-left: 0px;
	padding-right: 3px;
	padding-top: 3px;
	line-height: 14px;
}
#navmenu a:hover {
    background-color: #5C5248;
	 color: #FFFFFF;
}
#navmenu a.current {
    background-color: #5C5248;
	 color: #FFFFFF;
}


/* H4
-------------------- */
#navmenu h4 {
	margin-right: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
}
#navmenu h4 a {
	line-height: 15px;
	background-color: #CCCCCC;
	font-weight: bold;
	padding-left: 6px;
}


/* Unordered List
-------------------- */
#navmenu ul {
   list-style: none;
   margin: 0px;
	padding: 0;
}
#navmenu ul ul {
	margin-right: 0px;
	background: none;
}
#navmenu ul a {
	background-color: #E0E0E0;
	font-weight: normal;
	padding-left: 12px;
}


/*  Content
-------------------- */
#content {
   float: left;
   width: 580px;
   margin: 10px 10px 10px 0;
}
#content h1, #content h2, #content h3, #content h4, #content h5 {
   padding-left: 2px;
   font-family: veranda;
   font-weight: bolder;
   letter-spacing: .1em;
   color: #5C5248;
}
#content p {
   font-family: verdana;
   font-size: 12px;
   line-height: 1.5em;
   color: #5C5248;
}
#content p a {
   text-decoration: none;
   font-family: verdana;
   font-size: 12px;
   line-height: 1.5em;
   color: #5C5248;
}
#content p a:hover {
	text-decoration: underline;
}
#content ul {
    list-style: none;
    font-family: verdana;
    font-size: 12px;
    line-height: 1.5em;
    color: #5C5248;
}
#content ul a {
	text-decoration: none;
   font-family: verdana;
   font-size: 12px;
   line-height: 1.5em;
   color: #5C5248;
}
#content ul a:hover {
	text-decoration: underline;
}
#content img {
border: 0px;
}

 

/*  Photo Album
-------------------- */
/* The containing box for the gallery. */ 
#photo { 
    position: relative;
	 width: 575px;
	 height: 450px;
} 
/* Remove the list bullets and indentation */ 
#photo ul { 
    padding: 0; 
    margin: 0; 
    list-style-type: none;
}
/* Remove the images and text from sight */ 
#photo a.gallery span { 
    position: absolute; 
    width: 1px; 
    height: 1px; 
    top: 5px; 
    left: 5px; 
    overflow: hidden; 
    background: #fff; 
}
/* Add the thumbnail images */ 
#photo a.gallery, #photo a.gallery:visited { 
    display: block; 
    color: #000; 
    text-decoration: none; 
    border: 1px solid #000; 
    margin: 1px 2px 1px 2px; 
    text-align: left; 
    cursor: default; 
} 
#photo a.slidea { 
    background: url(images/barn1_t.JPG); 
	 height: 62px; 
    width: 82px;
} 
#photo a.slideb { 
    background: url(images/barn2_t.JPG); 
	 height: 62px; 
    width: 82px;
} 
#photo a.slidec { 
    background: url(images/barn3_t.JPG); 
	 height: 62px; 
    width: 82px;
} 
/* set the size of the unordered list to house the thumbnails*/  
#photo ul { 
	 height: 255px;
	 width: 75px;
}
#photo li { 
    float: left; 
}
/* move the thumbnails into the correct position */
#photo ul {
	margin: 5px;
	float: right;
}
/* change the thumbnail border color */ 
#photo a.gallery:hover { 
    border: 1px solid #fff; 
} 
/* styling the :hover span */ 
#photo a.gallery:hover span { 
    position:absolute; 
	 width:450px; 
    height:450px; 
    top:10px; 
    left:5px; 
    color:#000; 
    background:#fff; 
}



/*  Custom
-------------------- */
#clear {
   clear: both;
   margin: 0;
}