/******************************************************************************************************************
Karuna Home Page Stylesheet

Developed by Matthew Hill for Electric Putty August 2007
http://www.friskdesign.com/
******************************************************************************************************************/

/******************************************************************************************************************
AUTO EXPANDING FLOATS FOR COMPLIANT BROWSERS
******************************************************************************************************************/

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

/******************************************************************************************************************
BANNER IMAGES
******************************************************************************************************************/
#banner {
	height:260px;
	/*background:url(../images/temp-banner-home-faded.jpg) left top repeat-x;*/
	}

#imagemid {
	height:260px;
	/*background:url(../images/temp-banner-home-mid.jpg) center top no-repeat;*/
	}

/******************************************************************************************************************
BODYCONTENT
******************************************************************************************************************/

#bodyContent p {
	margin-top:0;
}

/******************************************************************************************************************
INFORMATION PANELS
******************************************************************************************************************/

#information {
	padding:35px 0 25px 0;
	border-bottom:1px solid #E0E0E0;	
}

#information div {
	float:left;
	width:30%;
	padding:0 3% 0 0;	
	overflow:hidden;
}

#information #panel1 img {
	margin-left:-1px;
}

#information div h2 span {
	background:#FF0033;
}


#information a,
#information a:visited {
	color:#FF0033;
	font-size:0.90em;
	font-weight:normal;
	text-decoration:none;	
	}

#information a:hover,
#information a:focus,
#information a:active {
	text-decoration:underline;
	}

#information div h2 a {
	color: #fff !important;
	font-weight: bold !important;
	}
	
#information div h2 a:hover,
#information div h2 a:focus,
#information div h2 a:active {
	text-decoration:none;	
	}


/******************************************************************************************************************
INFORMATION PANELS
******************************************************************************************************************/

#news {
	padding:25px 0 70px 0;
}

#news h2 span {
	background:#09405C;
}

#news ul {
	margin:0;	
}

#news li {
	list-style:none;
	width:40%;
	padding:0 10% 15px 0;	
	float:left;
}

#news li span {
	display:block;
	float:left;
	width:17%;
	color:#FFF;
	background:#09405C;
	text-align:center;
	font-size:0.80em;
	text-transform:uppercase;
	}

#news li span span {
	float:none;
	width:100%;
	padding:4px 0;
	font-size:1.75em;
	font-weight:bold;
	background:#729EC2;
	}

#news p {
	float:left;
	width:80%;
	margin:0 0 0 3%;	
	font-size:1.4em;
	line-height:1.2em;
	}


#news a,
#news a:visited {
	color:#666666;
	font-weight:normal;
	text-decoration:none;
	}


#news a:hover,
#news a:focus,
#news a:active {
	text-decoration:underline;
	}