/*Partial Code for footer position regardless of screen resolution*/
html, body {
	margin: 0;
	padding: 0;
	height: 100%;
	font-family: Verdana,Georgia, sans-serif;
	font-size: small;
	}
	
/*End Partial Code for footer position regardless of screen resolution*/

	
body#selection_1 #tab_1 a,
 body#selection_2 #tab_2 a,
  body#selection_3 #tab_3 a,
   body#selection_4 #tab_4 a,
    body#selection_5 #tab_5 a,
     body#selection_6 #tab_6 a, 
		body#selection_7 #tab_7 a
  {
	background-color: blue;
	color: #ff6633;
	}		

/* layout */

#wrapper {

	/*Partial Code for footer position regardless of screen resolution*/
	position: relative;
	
	margin: 0;
	padding: 0;
	width: 100%;
	min-height: 100%;
		
	min-width: 500px;
	max-width: 1800px;
	background: url("../images/website_wrap_fill.gif") repeat-y 70% 0%;
	
	
	
	}
	
	

/* header */

#header {
	margin: 0;
	padding: 0;
	border-bottom: 3px solid orange;
	
	background: #3300CC url("../images/KF_Logo1.jpg") no-repeat top left;
	
	width: 100%;
	
	}
	
	
		
				
#header h1 {
	margin: 0 0 0 0px;
	padding: 25px 25px 25px 150px;
	font-family: Verdana, Georgia, serif;
	font-size: 250%;
	font-style: italic;
	color: #ff6633;
	}
	
	

#menubar {
	
	margin: 0px;
	/*background-color: #660000;*/
	padding: 0px;
	width: 100%;
	float:left;
	
	}


 #menubaritems  {
 
 	margin: 0;
 	padding: 0;
 	float: left;					 
	width: 100%;
	font size: 85%;
	background-color: #660000;
	border-bottom: 1px solid blue;
	
	}

 #menubaritems ul  {
 
 	margin 0px;
	padding 0px;
	font-size:80%;

	list-style: none;
	
	
}

 #menubaritems li {
	margin-left: 0px;
	padding-left: 0px;
	display:inline;
	
		
}

 #menubaritems  li a{

 	
	color:white;
	text-decoration:none;
	min-height: 29px;
	
	float:left;
	font-weight:bold;
	padding-top:8px;
	padding-bottom: 0px;
	padding-right: 2px;
	padding-left: 2px;
	border-right:2px solid #529EE1;
	
	
}





#menubaritems li a:hover {
	background-color: #ff6633;
	color: blue;
	}


	
/*End Partial Code for footer position regardless of screen resolution*/


#content {
	/*background-color: red;*/   /*This is just for test of content height*/
	float: left;
	width: 70%;
	font-size: 95%;
	color: black;
	line-height: 1.5em;
	font-family: Verdana, Georgia, serif;
	
	
	

	}
	
#content h2 {
	margin: 0 0 1em 0;
	padding: 0;
	font-family: Verdana, Georgia, serif;
	font-size: 150%;
	color: blue;
	font-weight: bold;
	}
	
	
#content h3 {
	margin: 0 0 0 0;
	padding: 0;
	font-family: Verdana, Georgia, serif;
	font-size: 100%;
	color: #006633;
	font-weight: bold;
	}
	
	#content h4 {
	margin: 0 0 1em 0;
	padding: 0;
	font-family: Verdana, Georgia, serif;
	font-size: 175%;
	color: red;
	font-weight: bold;
	text-align:center;
	font-style: italic;
	}

#content h5 {
	margin: 0 0 1em 0;
	padding: 0;
	font-family: Verdana, Georgia, serif;
	font-size: 150%;
	color: teal;
	font-weight: bold;
	text-align:left;
	font-style: italic;
	
	}



	.dropletter{
		float: left;
		font-size: 250%;
		line-height: 1em;
		margin 4px 10px 10px 0;
		padding 4px 10px;
		border: 2px solid #ccc;
		background: #eee;
		color: #000;
		}
		
#content img{
		margin: 5px 10px 5px 5px;
		border: 1px solid black;
		}
		
		.cleared_left{
				clear:left;
				}
		.cleared_both{
				clear:both;
				}
		.cleared_right{
				clear:right;
				}
				
		

		
			
#content a{
	font-weight: bold;
	}

#content a:hover{
	color:#ff6633;
	background-color:blue;
	}
		
#sidebar {
	
	float: right;
	width: 30%;
	
	
	

	}

	.box {
		overflow: hidden;
		margin: 0 0 20px 0;
		padding: 0 0 12px 0;
		font-size: 85%;
		line-height: 1.25em;
		background: white;
		
		background: #fff url("../images/bottom_left_corner.gif") no-repeat bottom left;
		}
	.box h3 {
		margin: 0px;
		padding: 18px 0 0 10px;
		font-family: Verdana, Georgia, sans-serif;
		font-size: 110%;
		font-weight: bold;
		color: red;
		background: url("../images/top_right_corner.gif") no-repeat top right;
		}
		
	
		
	.box ul{
		
		margin: 0;
		padding: 10px;
		}
		
	.box ul li{
		margin: 0 0 0 12px;
		padding: 0 0 0 18px;
		list-style:none;
		font-weight: bold;
		background: url("../images/small_blue_bullet.gif") no-repeat 0 3px;
		
		}
	.box ul li a{
		text-decoration:none;
		color:blue;
		}
	
		
	.box ul li a:hover{
		color: red;
		
		}	
		
			
		
	
/* REM footer height is 41px */		
#footer_clearer {
	
	clear:both;
	height: 50px;
	}
			
#footer {

margin: 0;
padding: 0;
float: left;

width: 100%;
background-color: #660000;
/* Partial Code for footer position regardless of screen resolution*/
	
	position: relative;
	margin-top: -41px;  
	min-height: 41px;
	
	}
		 
/*End Partial Code for footer position regardless of screen resolution*/
		
	
	
		/*-----------------------------------------*/
		#copyright {
			
			color: white;
			margin: 12px 0 0 0;
			padding: 0; 
			font-weight: bold;
			text-align: center;
		
			padding-bottom: 0px;
			font-size: 12px;
			/*margin-top: 12px;*/
			}
			
		#copyright a {
			color: red;
  			}
		
		/*--------------#back_to_top  now used in footer-------------*/
		#back_to_top {
			
			float: left;
			font-size: 10px;
			margin: 0;
			margin: 12px 0px 0  10px;
			padding:0;
			/*clear: both;*/
			}
		
		#back_to_top a{
			/*display: block;*/
			text-decoration: none;
			font-weight: bold;
			color: red;
			background-color: transparent;
			}
			
		#back_to_top a:hover {
			color: white;
			background-color: transparent;
			}
			
		/*----------------------------------------------*/
		
		
		
/* gutters */

#content .gutter {
	padding: 25px;
	
	}
#sidebar .gutter {
	padding: 15px;
	}

	
#miscgraphic(
	margin-top: 10px;
	}