/*  Stylesheet built by John Kruse, krusewerks.com */
/* basic page layout */
html {margin: 0; padding: 0;}
body {font: 80% Verdana, Arial, Helvetica, sans-serif;
   margin: 0; padding: 0; 
   background: rgb(95%,95%,80%); color: black;}

/* general style codes for the site */
h1 {
	font-size: 150%;
	margin: 0;
	background: rgb(85%,85%,70%);
	padding-right: 0;
	padding-bottom: 0.33em;
	padding-left: 2%;
}
h2 {
	font-size: 1.33em;
	margin: 0;
	padding: 0;
	text-align: right;
	text-transform: lowercase;
}
h3 {
    font-size: 1.25em; 
    margin: 0; 
	padding: 0; 
    border-bottom: 1px solid black; 
	background: url(images/arrow3.gif) 100% 100% no-repeat; 
	padding-left: 10px; margin-left: 0;
}
h4 {
    font-size: 1em; 
	 margin: 0; 
	 padding: 0.33em 0 0; 
     border-bottom: 1px solid rgb(50%,50%,35%);
}
h5 {
    font-size: 150%;
	margin: 0;
	padding: 0;
	padding-left: 2%;
}	
h1, h3, h4, h5 {line-height: 1em;}
p {line-height: 1.5; margin: 0.5em 0 1em;}

/* this is the main display section of each page */
div#entry {margin: 2em 8% 1em 25%; padding: 0;
}

/* this section covers the menu navigation on each page, including positioning and rollover effects */
div#sidebar {float: left; width: 20%; margin: 2em 0 0 2%; padding: 0 0 15px;
background: url(images/arrow.gif) 100% 100% no-repeat;}
#sidebar ul {list-style: none; margin: 0; padding: 0 0 10px; border-right: 3px double rgb(50%,50%, 35%);
text-align: right;}
#sidebar h4, #sidebar ul {margin: 0 6px 0 0;}
#sidebar li {padding: 0.5em 0 0 0.25em;}
#sidebar a {text-decoration: none; padding: 0 0.5em 0 0; margin-left: 15px;
border-bottom: 1px solid rgb(84%,84%,69%);}
#sidebar a:link {color: rgb(20%,40%,0%);}
#sidebar a:visited {color: rgb(58%,68%,40%);}
#sidebar a:hover {color: rgb(10%,20%,0%); border-color: rgb(98%,48%,40%); 
background: url(images/arrow2.gif) 0 100% no-repeat; padding-left: 15px; margin-left: 0;}

/* boxes for displaying photos */
#boxlt {
   float: left;
   margin: 2px 2px 2px 10px;
}
#boxrt {
   float: right;
   margin: 2px 2px 2px 10px;
}

/* a callout box to have info stand out...not currently used */
#noticebox {
	float: right;
	margin: 2px 2px 2px 10px;
	width: 175px;
	position: relative;
	top: auto;
	right: auto;
	left: auto;
	bottom: auto;
	background-color: #CC6600;
	border: thin solid #FFFF99;
	padding: 2px;
	text-align: left;
}
#noticebox p {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFCC;
	font-size: 10px;

}
#noticebox h2 {
	color: #FFFFFF;
	font-size: 12px;
}
#noticebox a {
	color: #000000;
	text-decoration: none;
}
/* code to put border around imgs and footer code */
#entry img {border: 3px solid rgb(0%,0%,0%);}
.footer {font-size: 60%; font: bold; }
.footer a {text-decoration: none; color: rgb(0%,40%,0%);)