/* CSS Document 
*
* CSS Styles
*
* Author: Jesse Burcsik
* Date: 04/01/2010
*
*
*/

body{
	width:			100%;
	background: 	url(../images/kec-head-top-band-bg.png) repeat-x top left;
}

#utility-nav{
	float:			right;
	margin:			0 20px 0 0;
	display: 		block;
	height:			32px;
	color:			#ffffff;
	font-weight: 	bold;
}

#utility-nav a{
	float:			left;
	height:			12px;
	padding:		10px 0 0 0;
}

#utility-nav #utility-tab{
	width:			67px;
	height:			12px;
	padding:		10px 0 10px 25px;
	background: 	url(../images/kec-head-home-whole.png) no-repeat top left;
	display: 		block;
	color:			#ffffff;
}

#header h1{
	float:			left;
}

#header h1 a{
	display: 		block;
	overflow: 		hidden;
	text-indent:	-9999px;
	height: 		107px;
	width:			220px;
	  /* background:  url(../images/kec-head-logo.png) no-repeat bottom left; */
        background:     url(/app/media/4284) no-repeat bottom left;
	padding:		35px 0 0 0;
}


#footer{
	background: 	url(../images/kec-foot-bg.jpg) no-repeat top left;
	padding:		40px 0 30px 0;
	color:			#999999;
	font-size:		11px;
}

#footer span{
	padding:		3px 0 0 0;
}

.foot-a{
	float: 			left;
}

.foot-b{
	float: 			right;
}

/* ****************
*   -        -    *
*   -  Nav   -    *
*   -        -    *
**************** */


#nav{
	float:			right;
	height:			63px;
	width:			660px;
	margin-top: 	75px;
	overflow: 		hidden;
}

#vertnav{
	display: 		block;
	height:			32px;
	clear:			both;
	padding:		0 30px 0 0px;
	font-size: 		12px;
	position: 		relative;
}

#vertnav li{
	display: 		block;
	float:			left;	
	margin-top: 	4px;
	position: 		relative;
}

#vertnav li:hover{

}


#vertnav li a{
	color: 			#fff;
	line-height: 	28px;
	display: 		block;
	float: 			left;
}
	
	#vertnav li a:hover{

	}


	#vertnav .menu{
		display:				inline;
		float: 					left;
		width:					auto;
		position: 				relative;
		margin:					0 0 0 0;
		padding:				5px 30px 0 12px;
		background:				transparent url(../images/kec-head-nav-bullet.png) no-repeat scroll left 50%;
		font-weight: 			bold;
		font-size: 				13px;
		height:					35px;
		}

		
	#vertnav .menu:hover{
		display:				inline;
		float: 					left;
		width:					auto;
		color:					#004237;		
	}

#vertnav .menuactive {
			display:				inline;
		float: 					left;
		width:					auto;
		position: 				relative;
		margin:					0 0 0 0;
		padding:				5px 30px 0 12px;
		background:				transparent url(../images/kec-head-nav-bullet.png) no-repeat scroll left 50%;
		font-weight: 			bold;
		font-size: 				13px;
		height:					35px;
	}

	
		/*   THESE ARE WHAT GIVE A SINGLE ELEMENT DYNAMIC WIDTH ROUNDED CORNERS    */
		.menuactive{
			height:				28px;
			width:				10px;
			padding:			0 10px 0 0;
		}




/*Sub Menu Begins*/
.submenu2{
	display: none !important;
}

div#nav ul#vertnav li ul{
	/*put the subnavs below and hide them all*/
	float: left;
    display: none;
	width: 500%;
	padding: 0;
	margin: 0;
	position: absolute;
	left: 0px;
	top: 35px;
	height: 39px;
	text-transform: none;
	list-style: none;
	
}
div#nav ul#vertnav li ul li{
    width: auto;
}
div#nav ul#vertnav li ul li a{
    width: auto;
    padding: 0 0 0 16px;
	color: #666 !important;
	background: none !important;
	line-height: 		22px;
}
div#nav ul#vertnav li ul li a.submenu1active{
    font-weight: bold;
	color: #666 !important;
}

div#nav ul#vertnav li:hover ul,
div#nav ul#vertnav li.over ul{
	/*display active subnav list*/
    display: inline;
}

div#nav ul#vertnav li a.submenu1:hover,
div#nav ul#vertnav li a.submenu1active{
    color: #699e41 !important;
}

/*** Nav Done ***/

#bread-crumbs{
	padding:	7px 0 20px 0;
	font-size: 	11px;
	color:		#999999;
}

#bread-crumbs a{
	display:	none;
}

#article-content{
	width:		685px;
	padding:	0 20px 20px 0;
	float:		left;
}

#sidebar{
	width:		215px;
	float:		right;
}

/*** CONTENT AREA ***/

.running-text-img{
	float: left;
	padding: 15px
}


/*** SIDE BAR ***/

#sidebar img{
	padding: 0 0 7px 0;
}

/*** FOOTER ***/

#top-of-page{
	clear:			both;
	display: 		block;
	text-align: 	right;
	background: 	url(../images/kec-arrow-grey-up.png) no-repeat right 50%;
	color:			#666666;
	font-size: 		11px;
	padding:		0 12px 0 0;
	margin:			0 255px 10px 0;
}