/*This is the formatting for the top element, I have just positioned it and set the back gound*/
html{
	width: 100%
	}
#top{
	position: absolute;
	top: 0em;
	left: 0em;
	width: 100%;
	height: 1in;
	background-color: #383838;
	color: #A8A8A8;
	text-align: right;
}
/*This is the index on the left hand site.*/
#index{
	z-index: 2;
	position: absolute;
	top: 1in;
	left: 0em;
	height: 5in;
	width: 1.75in;
	background-color: #717A42;
	
}

/*This is list items in the index only*/
#index li{
	position: relative;
	/*width: 1.75in;*/
	list-style: none;
	display:block;
	border: solid #383838 1px;
	margin-top: 1px;
	padding-left: 3px;
	overflow: visible;
	margin-left: 0px;
	margin-right: 0px;
	}
/*This makes them change color when you pass over them*/
#index li:hover{
	background-color:#a0b050;
	border-left: white solid 1px;
	border-bottom: gray dotted 1px;
	}

/*This is the index ul item, it contains the list*/
#index ul{
	margin:0em;
	padding:0em;
	}
/*This is a class defenition to make the menus appear*/
#index ul.subshow{
	position: absolute;
	top: 0in;
	left: 1.75in;
	width: 1.75in;
	background-color: #a0b050;
	margin-left: -1px;
	margin-top: -1px;
	display: block;
	}

/*This makes them disappear*/
#index ul.subhide{
	display:none;
	}

/*When you are over a link this sets the color*/
a:hover{
	color:#000;
	}
a{
	text-decoration:none;
}
a:visited{
	color: #00D;
	}
/*paragraph formatting*/
p {
	text-indent: 2em;
}
p:first-letter{
	font-size: large;
	font-style: bold;
	}

/*Main window formatting*/
#content{
	z-index: 1;
	position: absolute;
	top: 1in;
	left: 0em;
	right: 0em;
	background-color: #B9C86C;
	padding-left: 1.75in;
	font-family: arial, "lucida console";
	
}
/*The very bottom, with links out of the site*/
#links{
	position: absolute;
	top: 6in;
	left: 0em;
	width: 100%;
	background-color: #383838;
	}

#links a{
	color: #C7996B;
}


/*this is an element within #content with your info*/
#contact_info{
	text-align: center;
	}
h1{
	color: #C7C7C7;
	margin: 1px;
}

h5{
	margin:1px;
}
/*These are special classes pointing to <span>elements.*/
.des{
	color: #242;
	font-family: courier, serif;
}

.def{
	font-style: italic;
	}
.question{
	font-variant: small-caps;
}
.answer{
	background-color: #d9c89C;
	padding-left: 4em;
}