/* COLORS:
	darkest olive: 465F28
	 dark olive: 5F7C39
	 medium olive: fff
	light olive: 95B859
	
	link blue: 2278de
*/


*, html {
	margin: 0;
	padding: 0;
}

body { 
	font-family: "helvetica neue", helvetica, "Lucida Grande", "Lucida Sans Unicode", lucida, verdana, sans-serif;
	font-size: medium;
	background: #fff url(/images/kd_topborder.gif) 0 -20px no-repeat;
	color: #444;
}


/* -- links -------------------------------------------------------------------------------------------------------- */
a {
	text-decoration: none; 
	padding: 1px; 
	font-weight: bold;
	outline: none;
	border-bottom: 1px dotted #2278de;
}
 
img {
	border: none;
}
 

img.alignright {
	float: right;
	margin: 0 0 10px 10px;
	padding: 6px;
	border: 1px solid #ccc;
	}  


a:link,
a:visited { 
	color: #2278de; 
}

a:hover,
a:active { 
	color: #fff; 
	background-color: #2278de; 
	text-decoration: none; 
}

  
h1,
h2,
h3,
h4,
h5,
h6 {
	/*font-family: Georgia, Palatino, "Times New Roman", Times, serif; */
	color: #5F7C39;
	margin: 10px 0 0 0;
	line-height: 1.2em;
}

h1 {
	font-size: 1.8em;

}

h2 {
	font-size: 1.4em;
}

h3 {
	font-size: 1.2em;
}



/* -- header -------------------------------------------------------------------------------- */

#header {
	float: left;
	width: 650px;
	background: transparent;
	margin-left: -78px;
}

#header h1.title {
	padding: 101px 0 0 0;
	overflow: hidden;
	background: transparent url(/images/kd_logo_480x101.gif) no-repeat;
	height: 0px !important;
	border: none !important;
}

#header a,
#header a:link,
#header a:visited,
#header a:hover,
#header a:active {
	margin: 0 !important;
	padding: 0 !important;
	border: none !important;
	text-decoration: none !important;
	background: transparent;
	
}


/* -- footer -------------------------------------------------------------------------------- */

#footer {
	background: #7A9A49;  
	margin-top: 20px; 
	padding: 20px 10px;
	border-top: 1px solid #5F7C39;
	color: #fff;
	font-family: helvetica, arial, sans-serif;
	
}

#footer h1 {
	color: #fff;
	margin: 0;
}
#footer  p {
	background: transparent;
	margin: 0px auto;
	padding: 0;       
	color: #fff; 
	text-align: left;
	line-height: 1.3em;
	} 

#footer #footerwrapper {
	width: 750px;
	margin: 0px auto;
	text-align: left;
	background: transparent;
}

#footer #footerdesc {
	width: 350px;
	float: right;
	background: transparent;
	
}

#footer #footerlinks {
	width: 350px;
	float: left;
	background: transparent;
}


#footer a {
	border-bottom: 1px dotted #fff;
}
#footer a,
#footer a:link,
#footer a:visited {
	color: #fff;
	background-color: transparent;
}

#footer a:hover,
#footer a:active,
#footer a:focus {
	color: #fff;
	background-color: #2278de;
}



 /* -- container -------------------------------------------------------------------------------- */

#container { 
	width: 750px;
	margin: 40px auto;
	text-align: left;
	background: #fff url(/images1/grid_background.gif) repeat-y;
}

#content {       
	float: left;
	width: 490px;
	padding: 0 0 0 10px;
}

#content p {
	line-height: 1.3em;
	margin-bottom: 1em;
}

#content h1 {
	padding: 0 0 .1em 0;
	margin: 20px 0 0.25em 0;
	/*border-bottom: 1px dotted #95B859;*/
}
  


/* misc styles */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */



#intro {
	float: left;
	width: 100%;
	padding: 0;
	margin-bottom: 10px;
	}   
	
#intro h1 {
    padding: 0 0 .1em 0;
	margin: 20px 0 0.25em 0;
	/*border-bottom: 1px solid #95B859; */ 
}
    
#intro p {
	line-height: 1.3em;
	margin-bottom: 1em;
	}


   

#featured {
	float: left;
	width: 750px;
}
   
#featured h1 {
	font-variant: small-caps; 
	font-size: 110%;
	letter-spacing: .1em;
	color: #fff !important; 
	margin-bottom: 10px;  
}

#featured .featureditem {
	width: 230px;
	float: left;
	margin-right: 20px;
	font-size: 90%;
}

#featured .featureditem a:link,
#featured .featureditem a:visited,
#featured .featureditem a:hover,
#featured .featureditem a:active {
	background: transparent;
	border: none;
	outline: none
}

#featured .featureditem p a:hover,
#featured .featureditem p a:active {
	background: #2278de;
	color: #fff;
}
	


div.clear {
	clear: both;
}


#morework {
	float: left;
	width: 750px;
	margin: 30px 0;
}
#morework h1 {
	font-variant: small-caps; 
	font-size: 110%;
	letter-spacing: .1em;
	color: #fff !important; 
	margin-bottom: 10px;  
}

#morework  img {
	width: 230px;
	float: left;
	margin: 0 20px 20px 0;
	padding: 0;
}

#morework  a:link,
#morework  a:visited,
#morework  a:hover,
#morework  a:active {
	background: transparent;
	border: none;
	outline: none
}



/* self-clear floats */

.group:after {
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
    }