/* khcf.css
 * CSS (Cascading Style Sheet) for http://www.k-hchildrensfoundation.com/
 * by Ean Bowman of Whatever Solutions and Media Inc.
 * ebowman@whatevermedia.ca
 * Copyright © 2006, All rights reserved.
 */
 
body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: #c7e2fb;
	color: black;
	}
	
a, img { border: none; outline: none; }
	
.floatLeft { float: left; margin-left: 1em; margin-bottom: 1em; }
.floatRight { float: right; margin-left: 1em; margin-bottom: 1em; }
.clearfloat { float: none; clear: both; }
.hidden { display: none; }

.error { color: #ff0000; text-decoration: blink; }

.smile {
	font-weight: bold;
	color: #DD3333;
	}
	
li	{
	margin-bottom: 0.8em;
	}
	
a {
	outline: none;
	}
 
#site {
	margin: 0;
	padding: 0;
	min-width: 920px;
	background: white;
	color: black;
	}
	
#header {
	min-width: 920px;
	background: url(../images/layout/header-backdrop.png) 0px 0px repeat-x;
	height: 143px;
	}
	#header h1 { display: none; }
	
	#butterfly {
		position: absolute;
		top: 0;
		right: 0;
		}
	
#nav {
	padding-left: 65px;
	background: url(../images/layout/navback.png) 0px 0px repeat-x;
	clear: both; 
	float: none;
	min-width: 800px;
	height: 25px;
	overflow: hidden;
	}
	#nav * { margin: 0; padding: 0; }
	#nav li { display: block; float: left; height: 25px; overflow: hidden; margin: 0; padding: 0; }
	#nav a { display: block; height: 25px; overflow: hidden; }
	#nav span { display: none; }
	#nav #home a { width: 80px; background: url(../images/layout/nav-home.png) 0px 0px no-repeat; } 
		#nav #home a:hover { background: url(../images/layout/nav-home.png) 0px -25px no-repeat; } 
	#nav #about a { width: 108px; background: url(../images/layout/nav-about.png) 0px 0px no-repeat; } 
		#nav #about a:hover { background: url(../images/layout/nav-about.png) 0px -25px no-repeat; } 
	#nav #howwehelp a { width: 137px; background: url(../images/layout/nav-howwehelp.png) 0px 0px no-repeat; } 
		#nav #howwehelp a:hover { background: url(../images/layout/nav-howwehelp.png) 0px -25px no-repeat; } 
	#nav #howyouhelp a { width: 168px; background: url(../images/layout/nav-howyouhelp.png) 0px 0px no-repeat; } 
		#nav #howyouhelp a:hover { background: url(../images/layout/nav-howyouhelp.png) 0px -25px no-repeat; } 
	#nav #news a { width: 82px; background: url(../images/layout/nav-news.png) 0px 0px no-repeat; } 
		#nav #news a:hover { background: url(../images/layout/nav-news.png) 0px -25px no-repeat; } 
	#nav #events a { width: 82px; background: url(../images/layout/nav-events.png) 0px 0px no-repeat; } 
		#nav #events a:hover { background: url(../images/layout/nav-events.png) 0px -25px no-repeat; } 
	#nav #contact a { width: 102px; background: url(../images/layout/nav-contact.png) 0px 0px no-repeat; } 
		#nav #contact a:hover { background: url(../images/layout/nav-contact.png) 0px -25px no-repeat; } 
	
#content {
	min-width: 920px;
	clear: both;
	float: none;
	}
	
#footer {
	min-width: 920px;
	background: #c7e3fb url(../images/layout/footer-backdrop.jpg) 0px 0px repeat-x;
	height: 271px;
	font-size: 10px;
	color: #424f47;
	padding-left: 65px;
	padding-top: 1em;
	clear: both;
	float: none;
	}
	
#homepage {
	background: #2f4f7e url(../images/home-backdrop.jpg) -34px 0px no-repeat;
	color: white;
	font-weight: bold;
	height: 423px;
	min-width: 100%;
	overflow: hidden;
	font-size: 12px;
	margin: 0;
	padding: 0;
	}
	#homepage a {
		color: white;
		text-decoration: underline;
		}
	#homepage h3 {
		font-size: 18px;
		}
		
	#homepageText {
		color: black;
		display: block;
		width: 250px;
		/* 
		height: 375px;
		overflow: hidden; 
		*/
		position: absolute;
		margin-left: 65px;
		margin-top: 21px;
		}
		#homepageText h1 {
			font-weight: normal;
			}
		#homepageText a {
			color: black;
			}
		#watchVideoLink {
			/* margin-top: 142px; */
			margin-top: 1em;
			margin-bottom: 42px;
			z-index: 1000;
			}
		
	#homepageNews {
		width: 225px;
		position: absolute;
		left: 746px;
		top: 168px;
		font-weight: normal;
		padding-top: 21px;
		}
		#homepageNews h1 {
			font-weight: normal;
			border-bottom: 1px solid #3399CC;
			margin-bottom: 0.2em;
			}
		#home-event-summary {
			margin-bottom: 1em;
			}
			#home-event-summary .event-short-summary {
				margin-bottom: 1em;
				}
			#home-news-summary .news-summary {
				margin-bottom: 1em;
				}
		
.pageCopy {
	margin: 55px;
	font-size: 12px;
	padding-left: 10px;
	}
	.pageCopy h1, .pageCopy h1 a {
		font-size: 20px;
		font-weight: normal;
		color: #CC0000;
		}
	.pageCopy h2, .pageCopy h2 a {
		font-size: 18px;
		font-weight: normal;
		color: #336699;
		}
	.pageCopy h3, .pageCopy h3 a {
		font-size: 16px;
		font-weight: bold;
		color: #CC6666;
		} 
	.pageCopy h4, .pageCopy h4 a {
		font-size: 14px;
		font-weight: bold;
		color: #CC6666;
		} 
	.pageCopy h1 a, .pageCopy h2 a, .pageCopy h3 a, .pageCopy h4 a { text-decoration: none; }
	.pageCopy h1 a:hover, .pageCopy h2 a:hover, .pageCopy h3 a:hover, .pageCopy h4 a:hover { background: #eeffff; }
		

#contactpage form {
	width: 350px;
	}
#contactpage label {
	display: block;
	width: 300px;
	}
#contactpage input, #contactpage textarea {
	display: block;
	}
.formField {
	width: 300px;
	}
	
#boardOfDirectors {
	float: right;
	padding: 25px;
	background: #efefef;
	border: 1px solid gray;
	width: 300px;
	}
	#boardOfDirectors h2 { text-align: center; }
	#boardOfDirectors th { text-align: left; }
	
.supportingFiles {
	width: 200px;
	float: right;
	padding: 10px;
	margin-left: 10px;
	border-left: 1px dotted #CCCCCC;
	}
	.pdfList {
		list-style-image: url(../images/pdf-tiny-icon.gif);
		}