/*KNS site uses a fading green side bar down the left side  which is bkgd.jpg*/

body {
	margin: 0;
	padding: 0;
	background-image: url(../images/bkgd.jpg);
}
/*H1 will be used mostly for the heading on each page in green*/
h1 {
	text-align: center;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #339933;
	font-weight: bold;
}

h2 {
	text-align: center;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #339933;
	font-weight: bold;
	font-size: medium;
}

p {
	text-indent: 1em;
	font-size: smaller;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	position: relative;
}
/*for adding photos and centering them in the right column
    and for centering text*/
p.c {
	text-align: center;
	font-size: small;
	text-align: center;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
/*positions heading*/
div#top {
	border: 0;
	margin: 0;
	padding: 0;
}
/*no navigation bar down left side - mostly for photo pages*/
div#main {
	position: relative;
	padding: 20px;
	width: 90%;
	color: Black;
	margin-left: auto;
	margin-right: auto;
}
/*positions navigation list*/
div#nav {
	position: absolute;
	padding: 20px 20px 10px 20px;
	top: 175px;
	width: 25%;
	color: Black;
}
/*positions content when navigation bar is wanted*/
div#content {
	padding: 10px;
	color: Black;
	position: relative;
	margin-left: 30%;
	margin-right: 20px;
}
/*makes text slightly larger and red*/ 
span.redbold {
	color: Red;
	font-weight: bold;
	font-size: larger;
}
/*makes text slightly smaller*/ 
span.smaller {
	font-weight: bold;
	font-size: larger;
}
/*makes text slightly smaller green*/ 
span.smallerg {
	color: #339933;
	font-weight: bold;
	font-size: larger;
}
/*makes text italic and smaller*/ 
span.is {
	font-style: italic;
	font-size: smaller;
}
/*numbered list*/
ol {
	list-style-position: outside;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
}
/*unordered list*/
ul {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: left;
}
/*unordered list no bullets*/
ul.nb {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: left;
	list-style-type: none;
}
/* 
-------------------------------- Navigation ------------------------------ 
List tips courtesy of A List Apart: http://www.alistapart.com/stories/taminglists/
*/
/*removes bullet*/
ul#mainnav {
	list-style: none;
	margin: 0px;
	padding: 0px;
	background-color: #66CC66;
}
		
ul#mainnav li {
	display: block;
	border-top: 1px solid #006600;
}

ul#mainnav li a {
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 6px 6%;
	background-color: #66CC66;
	font: bold 0.8em /1.5 arial, sans-serif; /* If you get an unwanted gap after your a block (IE-Win) try increasing the line height		*/
	color: Black;
	text-decoration: none;
	width: 88%; /* 	Causes Problems in IE5-Mac and Netscape/Mozzilla - see next fix		*/
}

ul#mainnav li a:hover {
	background-color: #33FF66;
	color: #3333FF;
}


  

