@charset "utf-8";
/* CSS Document */

*
{
	margin: 0px;
	padding: 0px;
}

body
{
	background: #fff;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	height: 100%;
}

img
{
	border: none;
}

#wrapper
{
	background: url(../images/wrapper-tile.jpg) repeat-y;
	width: 940px;
	margin: 25px auto;
}

#sidebar
{
	background: #00214d url(../images/kcc-logo.jpg) no-repeat;
	width: 230px;
	float: left;
}

	#navigation
	{
		padding: 180px 0 25px 0;
		font-size: 16px;
	}
	
		#navigation ul
		{
			list-style: none;
		}
		
		#navigation li
		{
			border-bottom: 1px solid #172e4b;
			display: block;
		}
		
		#navigation li a
		{
			color: #fff;
			padding: 5px 0 5px 20px; 
			display: block;
			font-weight: 700;
			text-decoration: none;
		}
		
		#navigation li a:hover
		{
			background: #003377;
		}
	
	#sidebar-contact-details
	{
		
	}
	
	#sidebar-contact-details h1
	{
		font-size: 16px;
		color: #fff;
		text-align: left;
		padding: 10px 20px 10px 20px;
	}
	
	#sidebar-contact-details p
	{
		color: #fff;
		text-align: left;
		padding: 10px 20px 5px 20px;
	}
	
	#sidebar-contact-details a
	{
		color: #fff;
		padding: 1px 20px 5px 20px;
	}

#main
{
	width: 709px;
	float: right;
	border-right: 1px solid #e2e2e2;
	position: relative;
	overflow: hidden;
}
	
	#main h1
	{
		color: #8f7663;
		font-size: x-large;
		font-weight: normal;
		margin: 0 0 10px 0;
	}
	
	#main p
	{
		margin: 15px 0;
		text-align: justify;
	}
	
	#home
	{
		background: url(../images/home-tile.jpg) repeat-y;
	}
	
		#home-left
		{
			width: 424px;
			padding: 15px;
			float: left;
			overflow: hidden;
		}

			#home-left ul
			{
				margin-left: 25px;
			}

		
			#home-left h2
			{
				background: #00214d;
				font-size: 16px;
				color: #fff;
				width: 100%;
				padding: 10px 19px;
				margin-left: -20px;
			}
				
				#member-login img
				{
					margin: -3px 0;
				}
			
				#latest-news h3
				{
					color: #00214d;
					font-size: 14px;
					padding: 10px 0 0 0;
				}
				
				#latest-news .date
				{
					color: #00214d;
					text-align: right;
				}
				
				#latest-news p
				{
					font-size: 12px;
				}
				
				#latest-news p span a
				{
					color: #00214d;
					font-weight: 700;
				}
		#home-left2
		{
			width: 677px;
			padding: 15px;
			float: left;
		}
		
			#home-left2 h2
			{
				background: #00214d;
				font-size: 16px;
				color: #fff;
				width: 100%;
				padding: 10px 19px;
				margin-left: -20px;
			}
				
				#member-login img
				{
					margin: -3px 0;
				}
			
				#latest-news h3
				{
					color: #00214d;
					font-size: 14px;
					padding: 10px 0 0 0;
				}
				
				#latest-news .date
				{
					color: #00214d;
					text-align: right;
				}
				
				#latest-news p
				{
					font-size: 12px;
				}
				
				#latest-news p span a
				{
					color: #00214d;
					font-weight: 700;
				}
		

		#home-right
		{
			width: 253px;
			float: right;
			overflow: hidden;
		}
		
			#home-right h3
			{
				background: #00214d;
				font-size: 16px;
				color: #fff;
				width: 233px;
				padding: 10px;
			}
			
				#events-calendar
				{
					padding: 10px;
				}
			
				#newsletter
				{
					font-size: 12px;
					padding: 10px;
				}
				
				#newsletter input[type="text"]
				{
					border-top: 1px solid #fff;
					border-bottom: 1px solid #fff;
					border-left: 1px solid #c3c3c3;
					border-right: 1px solid #c3c3c3;
					background: url(../images/input-bg.jpg) repeat-x;
					padding: 10px;
					width: 92%;
				}
				
				#newsletter .subscribe
				{
					background: url(../images/btn-subscribe.jpg) no-repeat;
					color: #fff;
					border: none;
					width: 96px;
					height: 32px;
					margin: 10px 0;
					float: right;
				}
	
	#content
	{
		padding: 15px;
	}
		
		#content h2
		{
			font-size: 16px;
			color: #00214d;
		}
	
	#slider
	{
		width: 710px;
		height: 300px;
	}
		

#footer
{
	background: url(../images/footer-tile.jpg) repeat-x;
	height: 108px;
	clear: both;
}

	#footer ul
	{
		list-style: none;
		text-align: center;
		padding-top: 15px;
	}
	
	#footer li
	{
		display: inline;
		margin: 0 5px;
	}
	
	#footer li a
	{
		color: #eae4e1;
		text-decoration: none;
	}
	
	#footer li a:hover
	{
		color: #fff;
		text-decoration: underline;
	}
	
	#footer p
	{
		color: #eae4e1;
		text-align: center;
		padding: 5px 0;
	}
	
	.clear
	{
		clear: both;
	}