@charset "UTF-8";
/* CSS Document */

body {
	font : 85% / 150% Tahoma, Verdana, Arial, sans-serif;
	color : #000;
	background-image: url(../images/bgrd.jpg);
	background-repeat: repeat-y;
	background-position: center 0;
	text-align : center;
	margin: 0;
	padding: 0; }

div#header {
	background-image: url(../images/KNFBheader.jpg);
	background-repeat: repeat;
	background-attachment: scroll;
	background-position: 0 0;
	width : 780px;
	height:118px;
	margin: 0;
	padding:0; }
.headertext {
	font-weight: bold;
	background-position: 0 bottom;
	text-align: right;
	vertical-align: text-bottom;
	padding-top: 25px; }

div#separator {
	width : 780px;
	height: 21px;
	margin : 0;
	padding : 0;
	color:#ffffff;
	background-image: url(../images/separator.jpg); }

div#menu {
	width : 780px;
	height: 79px;
	margin : 0;
	padding : 0;
	color:#ffffff;
	background-color: #40661a;
	background-image: url(../images/menu.jpg);
/*	display: inline;*/
	}
.menutext {
	font-weight: bold;
	text-align: left;
	text-indent: 10px;
	margin-top: 0.3em;
	margin-bottom: 0;
	margin-left: 0;
	padding-bottom: 0; }
div#site_info {
	width:780px;
	background-color:#40661a;
	margin: 0 auto;
	padding-top: 0; 
	padding-bottom: 0;
	}
div#ankle {	background-color: #517f22;
	margin:           0 auto;
	padding-top:      0;
	padding-bottom:   0;
	width:            780px; }
div#ankle a {
	color: #ebffcf; }

a.lightlinks {	color: #ebffcf; }
li a.lightlinks {	color: #ebffcf; }

p a.lightlinks {	color: #ebffcf; }

div#site_info p a {
	color: #ebffcf; }
.footer {
	text-align:center;
	color:#fff;
	letter-spacing:normal;
	font-size:10px;
	font-weight: bold; }
.footer a {	color:          #ebffcf;
	font-size:      10px;
	font-weight:    bold; }

.clearfloats {clear:both;}
p {
	margin:0 15px;
	padding:2px 0 5px 0;
	}
.Col2 {	margin:  0 10px;
	padding: 2px 0 5px; }

h1 {
	color: #fff;
	padding:5px 0;
	font-size:16px;
	margin-top: 0;
	margin-bottom: 1px;
	margin-left: 15px; }
h1.huge {
	color:         #fff;
	font-size:     20px;
	margin-top:    0;
	margin-bottom: 0;
	margin-left:   15px;
	padding: 5px 0; }

h1.Col2 {
	color: #fff;
	padding:5px 0;
	font-size:16px;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 8px; }
h2 {
	color: #fff;
	margin:0 15px;
	font-size:14px;
	font-weight: bold;
	padding: 5px 0; }
h1.green {	color:       #40661a;
	font-size:   16px;
	font-weight: bold;
	margin:      0 15px;
	padding:     5px 0; }
h1.greeninset {	color:       #40661a;
	font-size:   16px;
	font-weight: bold;
	margin:      0;
	padding:     0 0 5px; }

h2.green {	color:       #40661a;
	font-size:   14px;
	font-weight: bold;
	margin:      0 15px;
	padding:     5px 0; }

h3 {
	color: #fff;
	margin:0 15px;
	font-size:12px;
	font-weight: bold;
	padding: 0 0 1px; }
h3.14 {
	color: #fff;
	font-size:   14px;
	font-weight: bold;
	margin:      0 15px;
	padding:     5px 0 1px; }

a:link {
	color: #4971b9;
	font-weight: bold;
	text-decoration: none;
	letter-spacing: normal; }

a:visited {
	color: #4971b9;
	font-weight: bold;
	text-decoration: none;
	letter-spacing: normal; }
.pictureright {
	margin-left: 10px; }
.pictureboxright {
	margin-left: 10px;
	padding: 0;
	border-color: #2b8534;
	border-style: solid outset outset solid;
	border-width: 1px 2px 2px 1px; }

.pictureleft {
	margin-right: 10px; }
.indent15px {	font-size:   10px;
	line-height: 13px;
	margin-left: 15px; }
.byline {
	margin:0 1em 0 0.75em;
	font-size:12px;
	font-weight: bold;
	font-style: italic;
	padding: 0.25em 0 1em; }

.twocollist p {
	width: 400px;
	height: 1%;
	margin: 0;
	padding: 0 0 0 150px; }

.twocollist label{
	float: left;
	margin-left: -150px; /*width of left column*/
	width: 150px;
	padding-right: 10px;
	padding-left: 15px; /*width of labels. Should be smaller than left column to create some right margin*/
	}
.twocollist span.secondcol{ /*width of text boxes. IE6 does not understand this attribute*/
	width: 275px;
	padding-left: 15px; }
	
ul.simplelist li {
	font-size: 12px;
	line-height: 14px;
	text-align: left;
	margin: 0 0 0 -25px;
	padding: 0;
	list-style-type: none; }

.mediumlist p {	
	background-color: #f6f9fe;
	margin:           1px 0 3px 15px;
	padding:          0 10px;
	width:            325px;
	height:           1%;
	clear:            left;
	border-top-style: solid;
	border-top-color: #f6f9fe; }
.Col2100px {	margin:  0 5px 0 10px;
	padding: 0 0 5px; }
.Col2100px2 {	margin:  0 10px 0 0;
	padding: 0 0 5px; }
div#insetbox {
	background-color: #bfe39b;
	width: 250px;
	float: right;
	margin: 10px;
	padding: 10px;
	border-color: #40661a;
	border-style: inset outset outset inset;
	border-width: 1px; }
div#homeboxes {
	background-image:  url(../images/homeboxback.jpg);
	background-repeat: repeat-y;
	margin:            0;
	width:             740px;
	float:             left;
	padding: 0;
	border-right: 20px solid #40661a;
	border-left: 20px solid #40661a; }

div#homeboxes2 {	
	background-image:  url(../images/homebox2back.jpg);
	background-repeat: repeat-y;
	margin:            0;
	padding:           0;
	width:             740px;
	float:             left;
	border-right:      20px solid #40661a;
	border-left:       20px solid #40661a; }

div#box1 {
	width: 247px;
	margin: 0;
	float: left; }

div#box2 {
	width: 246px;
	margin: 0;
	float: left; }

div#box3 {
	width: 247px;
	margin: 0;
	float: right; }

div#box4 {
	width: 247px;
	margin: 0;
	float: left;
	padding-top: 15px; }

div#box5 {
	width: 246px;
	margin: 0;
	float: left;
	padding-top: 15px; }

div#box6 {
	width: 247px;
	margin: 0;
	float: right;
	padding-top: 15px; }

div#photobox {	
	background-color: transparent;
	margin: 10px;
	float: right; }

div#photobox img {
	margin-bottom: 10px;
	border: solid 1px #40661a; }

div#photobox p {
	color: #40661a;
	font-size: 12px;
	font-weight: bold;
	font-style: italic;
	margin: 0;
	padding: 0;	 }

div#insetbox li {
	margin-bottom: 5px;
	margin-left: -15px;
	list-style-image: url(../images/recyclebullet.jpg);	 }
.recyclebullets {
	margin-bottom: 10px;
	list-style-image: url(../images/recyclebullet.jpg); }
