html { background:	url("images/pebble.jpg");}
body { background:	url("images/pebble.jpg");}

/* 
#8b0000 dark red 
#636b46 stem
#373f27 greenery
#cda34f gold
#e9e7da daisy
#3c3c3c charcoal
#ffffff white */


.one { color: #8b0000;}
.two { color: #636b46;}
.three { color: #373f27;}
.four { color: #cda34f;}
.five { color: #e9e7da;}
.six { color: #3c3c3c;}
.seven { color: #ffffff;}



h1, h2, h3, h4, h5, h6 { font-family: Verdana, serif; font-weight:bold; font-variant: small-caps; text-align:center; margin: 0; padding:0; }
h1 { font-size: 3em;}  
h2 { font-size: 2em;}
h3 { font-size: 1.75em; }
h4 { font-size: 1.5em; }
h5 { font-size: 1.25em; }
h6 { font-size: 1em;}

.left {text-align: left; }
.center {text-align: center; }
.right {text-align: right; }
.justify {text-align: justify; }

.xlarge {font-size: 3em; font-weight: bold; }
.large {font-size: 1.15em; font-weight: bold; }
.small { font-size: .8em; }
.clearl {clear: left;}
.clearr {clear: right;}
.clearb {clear: both;}

.caps {font-variant: small-caps;}

p {
	font-family: Georgia, serif;
	font-size: 1em;
	color: #3c3c3c;
	text-align: left;
	margin: 5px;
	}
	
	
div.page {
	position: relative;
	margin-left:auto;
	margin-right:auto;
	width: 800px;
	height: 100%;
	}
	

div.main {
	position: absolute;
	z-index: 5;
	background:	url("images/pebble.jpg");
	top: 50px;
	right: 0px;
	
  	}  	

	
div.footer {
	position: absolute;
	z-index: 12;
	background-color: #e3e0cf;
	text-align: center;
	font-variant: small-caps;
	font-weight: bold;
	top: 600px;
    left: 0;
	height: 20px;
	width: 100%;
	border-width: 5px;
	border-style: solid none none none;
	border-color: #3c3c3c;
	}

img {
	margin: 10px;
	float: left;
}
	
ul {
  list-style-type:none;
  padding:0px;
  margin:0px;
  }

li { 
  padding-left:14px; 
  font-family: Georgia, serif;
	font-size: 1em;
	color: #3c3c3c;
	text-align: left;
  }

/* 
#8b0000 dark red 
#636b46 stem
#373f27 greenery
#cda34f gold
#e9e7da daisy
#3c3c3c charcoal
#ffffff white */

a:link {
    color: #8b0000;
}
a:visited {
    color: #636b46;
}
a:hover {
    color: #cda34f;
}
a:active {
    color: #373f27;
}


div.nav {
	position: absolute;
	z-index: 8;
	text-align: right;
	top: 0px;
	right: 1%;
	height: 25px;
	width: 100%;
	}
	
a.nav { font-family: Georgia, serif; font-size: 1em; text-align: right; font-weight: bold; font-variant: small-caps; margin-right: 5px; text-decoration: none;}
a.nav:link { color: #8b0000;  }
a.nav:visited { color: #636b46; }
a.nav:hover { color: #cda34f; font-weight: bold;}
a.nav:active { color: #373f27; }	

a.line { font-family: Georgia, serif; font-size: 1em; text-align: right; font-weight: bold; font-variant: small-caps; margin-left: 5px;}
a.line:link { color: #8b0000;  }
a.line:visited { color: #636b46; }
a.line:hover { color: #636b46; font-weight: bold;}
a.line:active { color: #373f27; }