Body {
	font-size: small;
	font-family: "Lucida Grande", Verdana, Arial, Sans-Serif;
	color: #7a7a7a;
	margin: 0;
	padding: 0; 
	border: solid 3px white;
	}
a:link { 
	color: #7A7A7A; 	
	text-decoration: none; 
}
a:visited { 
	color: #7A7A7A; 	
	text-decoration: none; 
}
a:hover { 
	color: #000000; 	
	text-decoration: none; 
}

#page { width: 100%; background-color: #ffffff; z-index: 1; }

#headerimg {
	position: relative;
	top: 0;
	left: 300px;
	background: url(cover/4.jpg) no-repeat 50% top;
	height: 480px;
	width: 640px;
	z-index: 2;
}

#gallery_flickr { 
	position: absolute; 
	top: 20px; 
	left: 300px; 
	z-index: 3;
}

#gallery_container { color: #333; position: absolute; top: 30px; left: 300px; width: 800px; z-index: 3; }
	
#menu-container { 
	position: absolute; 
	top: 150px; 
	left: -20px; 
	font-weight: normal; 
	letter-spacing: 1px; 
	z-index: 2;
}
		
.treeview ul{ /*CSS for Simple Tree Menu*/
	font-size: 14px; 
	line-height: 14pt; 
	margin: 0; 
	padding-top: 5px;
	padding-bottom: 5px;
}

.treeview li{ /*Style for LI elements in general (excludes an LI that contains sub lists)*/
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-size: 14px;
	font-weight: smooth;
	color: #7a7a7a; 
	line-height: 1.5em; 
	background: white no-repeat left center; 
	position: inherit; 
	top: 50px; 
	left: 0; 
	width: 250px; 
	z-index: 2; 
	list-style-type: none; 
	padding-left: 5px;
	padding: 3px; 
	margin-bottom: 0; 
}


.treeview li.submenu{ /* Style for LI that contains sub lists (other ULs). */
	background: white no-repeat left 1px;
	cursor: hand !important;
	cursor: pointer !important;
}


.treeview li.submenu ul{ /*Style for ULs that are children of LIs (submenu) */
display: none; /*Hide them by default. Don't delete. */
}

.treeview .submenu ul li{ /*Style for LIs of ULs that are children of LIs (submenu) */
cursor: default;
}

#content {
	width: 100%;
	height: 100%;
	background-color: #FFFFFF;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}


#content-sidebar {
	width: 30%;
	margin-right: 70%;
	background-color: white;
	margin: 0 0 0 0;
	padding-top: 20px;
	height: auto;
	float: left;
	display: inline;
}


.sidebar-item {
	border: 1px solid gray;
	padding: 6px 6px 6px 6px;
	margin-left: 20px;
	margin-right: 20px;
	background-color: white;
}

.sidebar-item P {
	font-size: 9px;
	line-height: 150%;
	letter-spacing: normal;
}

.sidebar-item H3 {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-size: 14px;
	font-weight: smooth;
	color: rgb(149,90,50);
	margin: 0 0 0 0;
}


#content-main { 
	color: #333; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	position: absolute; 
	left: 400px; 
	top: 50px; 
	width: 380px; 
	background-color: white; 
	display: inline;
}

.content-item H1 {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-size: 20px;
	font-weight: normal;
	letter-spacing: 2px;
	/*	text-shadow: 0 1px 1px rgba(255,255,255,0.3); */
	border-bottom: 1px solid white;
	/* font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; */
	/* color: rgb(174,96,39); */
	/* color: rgb(149,90,50); */
	color: rgb(50,50,104);
	margin-right: 30px;
	padding-bottom: 3px;
	margin-top: 0px;
	text-align: left;
}

.content-item H2 {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-size: 16px;
	/* text-transform: uppercase; */
	letter-spacing: 1px;
	margin-right: 30px;
	text-align: center;
}

.content-item H3 {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-size: 14px;
	line-height: 150%;
}

.content-item H4 {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-size: 12px;
	font-style: normal;
	color: #7A7A7A;
}

.content-item P { color: #333; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 150%; margin-bottom: 0; margin-right: 30px; }

#photo_text { color: #515241; font-size: small; font-family: Verdana, Arial, Helvetica, sans-serif; vertical-align: top; position: absolute; top: 470px; left: 20px; width: 250px; z-index: 4; visibility: visible; float: left; margin-right: 0; margin-top: 20px; }

#box_text { color: #515241; font-size: small; font-family: Verdana, Arial, Helvetica, sans-serif; vertical-align: top; position: absolute; top: 470px; right: 20px; width: 250px; z-index: 4; visibility: visible; float: right; margin-right: 0; margin-top: 20px; }

