body{
	margin:0;
	padding:0;
	line-height: 1.5em;
	font: 96% arial, helvetica, sans-serif;
	color: #666633; 
	background: #FFE4B5; 
}
/* #666633 is a darkish green for text; #FFCC66 is the header background; #FFE4B5 body background is light peach; #CD9B1D borders are a green with lots of yellow.  Lighten this?FEE091?  Nope, try #E0C071*/

h1,h2,h3,h4,h5,h6{
	font-weight: bold;
	text-align: center;
	
}

h3,h4,h5,h6{
	background: #FFCC66;
}	
h1{
	font-size:2.5em;
}
h2{
	font-size:2em;
}
h3{
	font-size:1.5em;
}
h4{
	font-size:1.25em;
}
h5{
	font-size:1.15em;
}	

#header {
	background: #FFCC66;
	padding: 0;
	border: 1.5em #E0C071 solid;
	height: 90px;		
}
	

#header h1{
margin: 0;
padding-top: 15px;
}

/*All link & button items, first for non-nav menu items*/
a:link {
	color: #666633;
	font-weight: bold;
	border-bottom: .05em dotted #666633;
	text-decoration: none;
}
a:visited {
	color: #A66B34;
	text-decoration: none;
}
a:hover {
	color: #AA6600;
	text-decoration: none;
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.bevelmenu{
list-style-type: none;
margin: 0;
padding: 0;
width: 85%;
}

.bevelmenu li a{
display: block;
width: 100%;
padding: 1px 1px;
text-decoration: none;
font-weight: bold;
background-color: #FFCC66;
border: 1px solid #FFCC66;
text-decoration:none;
}

.bevelmenu li a:hover{
color: black;
background-color: #FFE4B5;
border-style: outset;
}

html>body .bevelmenu li a:active{ /* Apply mousedown effect (non IE browsers only) */
border-style: inset;
}



/Buttons:*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */


.cssbutton {
background-color: #FFCC66;
border: 2px #CD9B1D solid;
padding: 1px 4px;
color: #666633;
text-decoration: none;
font: bold 90% arial, helvetica, sans-serif;
}
 
.cssbutton:visited {
color: #666633;
text-decoration: none;
}

.cssbutton:hover {
border-style: inset;
background-color: #FFCC66;
padding: 2px 3px 0 5px; /*shift text 1px to the right and down*/
}

.cssbutton:active {
color: #666633;
background-color: #CD9B1D; 
border: 2px #B28F47;
}





/*General format*/		
p {
	font-size: 1em;
}

strong,dt{
	font-weight: bold;
}				

em{
	font-style:italic;
} 	

.plain{
	border: 0;
	margin: 0
}	


.pquote {
    float: right;
    width: 50%; /*8em  */
    background-color: #FFCC66;
    
    font-size: 1.5em;
    line-height: 0.9;
    font-style: italic;
    padding: 0.5em;
    margin: 0.5em;
}

/*Tables and lists*/
table {
	background-color: #FFCC66; 
} 

.center {margin-left:auto; margin-right:auto;}

td {
	text-align: left;
	vertical-align: middle;
	padding: 0.2em;
	border: 0.1em #CD9B1D double;
}	

/*For submenus within bevelmenu:*/
.nav {
 	list-style: none;
	text-align: left;
	margin-left: .5em;
	padding-left: .5em;
}


/*Layout*/	

#contentwrapper{
float: left;
width: 100%;
}



#contentcolumn{
margin: 0 40% 0 20%; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
}

#leftcolumn{
float: left;
width: 18%; /*Width of left column in percentage*/
w/idth: 20%;
margin-left: -100%;
background-color: #FFCC66;
border-bottom: 1.5em #E0C071 solid;
border-left: 1.5em #E0C071 solid;

}

#rightcolumn{
float: left;
width: 40%; /*Width of right column in percentage*/
margin-left: -40%; /*Set margin to that of -(RightColumnWidth)*/
background-color: #FFE4B5;


}

#footer{
clear: left;
width: 100%;
background-color: #E0C071;
color: #666633;
text-align: center;
padding: 4px 0;
}

.inner{
margin: 1em; /*Margins for inner DIV inside each column (to provide padding)orig 10px*/
margin-top: 0;
}

.pquote {
    float: right;
    width: 50%; /*8em  */
    background-color: #FFCC66;
    text-align: right;
	font-size: 1.5em;
    line-height: 0.9;
    font-style: italic;
    padding: 0.5em;
    margin: 0.1em;
}

/*Images and photos*/
img{
	border: .05em solid #666633;
	margin: 1em;
}	

.picture { border: .05em solid #666633; padding: 3px; }
.picture img {vertical-align: middle; margin-bottom: 3px; }
.right { margin: 0.5em 0pt 0.5em 0.8em; float:right; } 
.left { margin: 0.5em 0.8em 0.5em 0; float:left; }

.gallerycontainer{
position: relative;
border-right: 1.5em #E0C071 solid;
border-left: 1.5em #E0C071 solid;

padding: 1em;
width: 100%;
}

/* #666633 is a darkish green for text; #FFE4B5 background is light peach; #CD9B1D borders are a green with lots of yellow.*/

.thumbnail img{
border: 2px solid #666633;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 2px solid #666633;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #FFE4B5;
padding: 5px;
left: -800px;
border: 2px solid #666633;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 1em;
right: 1em;
left: 30%; /*position where enlarged image should offset horizontally*/
z-index: 50;
}