/* 
	Resets
	------
*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, 
p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, 
img, ins, q, small, strong, sub, sup, dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
}

article, aside, figure, figure img, figcaption, hgroup,
footer, header, nav, section, video, object {
	display: block;
}

a img {border: 0;}

figure {position: relative;}
figure img {width: 100%;}

::selection 	 {background: rgb(255,255,0);}
::-moz-selection {background: rgb(255,255,0);}



/*
	Default 1000 px layout
	(All other layouts inherit styles from this layout)
	-----------------------------------------------------------
*/

.clear {clear: both;}


body {
	padding: 0px;
}

.container {
	width: 1000px;
	margin: 0 auto;
}

ul.nobullets li {
	list-style-type: none;
}

.onlyMobile {
	display: none;
}

#logos {
	height: 80px; 
}

	#logos #mh-logo {
		margin-top: 10px;
		float: left;
	}
	
	#logos #kc-logo {
		position: relative;
		float: right;
	}

#topNav {
	font-size: 1.1em;
	padding: 2px;
/* 	text-transform: uppercase; */
	color: #fff;
	background-color: #6a0b1d;
}
	
	#topNav li {
		display: inline;
		padding-left: 5px;
		padding-right: 5px;
	}

		#topNav li a {
			color: #fff;
			text-decoration: none;
		}
		
		#topNav li a:hover {
			color: #BBAC54;
		}
	
	#topNav span.split {
		background-image: url(../images/nav-splits.gif);
		background-repeat: no-repeat;
	}

.featured {
	position: relative;
	height: 356px;
	width: 1000px;
	background-image: url(../images/featured-bg.jpg);
/* 	background-repeat: repeat-x; */
}
	
	.quotes {
		position: relative;
		float: left;
		width: 265px;
	}
	
	.quotes2 {
		position: relative;
/* 		float: right; */
		display: inline;
		width: 260px;
	}
	
		.quotes2 ul {
/* 			padding: 10px; */
			background-image: url(../images/timeline-bg.gif);
			border: 2px solid #BBAC54;
		}
	
	

.quotes {
	position: relative;
	top: 70px;
	left: 5px;
	font-size: 1.5em;
/* 	font-family: Museo, Arial, Helvetica, sans-serif; */
	font-weight: lighter;
	color: #fff;
	padding: 5px;
}

.quotes2 {
	position: relative;
	top: 0px;
	left: 5px;
	font-size: 1.3em;
/* 	font-family: Museo, Arial, Helvetica, sans-serif; */
	font-weight: lighter;
	color: #fff;
	padding: 5px;
}

	.quotes h2#mlk {
		position: relative;
		top: 135px;
		font-size: .9em;
/* 		font-family: "Trajan Pro", Arial, Helvetica, sans-serif; */
		color: #fff;
		text-align: center;
		padding-top: 15px;
	}


	.quotes2 h2#mlk {
		position: relative;
		top: 0px;
		font-size: .8em;
/* 		font-family: "Trajan Pro", Arial, Helvetica, sans-serif; */
		color: #575757;
		text-align: center;
		padding-top: 5px;
	}
	
	.picsBox {
		position: absolute;
		top: 20px;
		left: 470px;
		display: block;
		width: 500px;
	}
	
	.picThumb {
		display: inline;
		float: left;
		margin-right: 10px;
		margin-top: 5px;
	}

.mContent {
	position: relative;
/* 	top: -25px; */
	float: none;
/* 	width: 425px; */
	padding: 0px;
}

	.mContent p, .mContent2 p {
		margin-left: 15px;
	}
	
	.mContent p img, .mContent2 p img {
		border: 5px solid #6A0B1D;
	}

.mContent2 {
	position: relative;
	top: 0px;
	left: 0px;
	float: left;
	width: 425px;
	padding: 15px;
}

	.mContent a, .mContent2 a {				
			color: #6A0B1D;
			text-decoration: none;
	}

		.mContent a:hover, .mContent2 a:hover {	
/* 				border-bottom: 1px dashed #ccc; */
			color: #6A0B1D;
		}

	.mContent2 ul.text li {
		margin-left: 35px;
		padding: 4px
	}

	.title {
		font-size: 2em;
/* 		font-family: "Trajan Pro", Arial, Helvetica, sans-serif; */
		font-weight: lighter;
		color: #BBAC54;
	}
	
	.sub-title {
		font-size: 1.2em;
		display: block;
		margin-top: 15px;
/* 		font-family: "Trajan Pro", Arial, Helvetica, sans-serif; */
		font-weight: bolder;
		color: #6e6d4e;
	}
	
	.sub-title2 {
		font-size: 1.3em;
/* 		font-family: "Trajan Pro", Arial, Helvetica, sans-serif; */
		font-weight: lighter;
		color: #BBAC54;
	}
	
	.sub-title3, .sub-title3 a {
		font-size: 1.2em;
/* 		font-family: "Trajan Pro", Arial, Helvetica, sans-serif; */
		font-weight: bolder;
/* 		color: #6e6d4e; */
		color: #6A0B1D;
	}
		a:hover .sub-title3, .sub-title3 a:hover {
			color: #6e6d4e;
		}
		
		.sub-title a, .sub-title2 a {
			color: #BBAC54;
		}
		
		.sub-title a:hover, .sub-title2 a:hover, a:hover .sub-title  {
			color: #6A0B1D;
		}

	.mission-title {
		position: relative;
		width: 330px;
		color: #6A0B1D;
/*
		height: 30px;
		text-indent: -9999px;
		background-image: url(../images/mission-statement.jpg);
		background-repeat: no-repeat;
*/
	}

	.overview-title {
		position: relative;
		width: 172px;
		height: 30px;
		color: #6A0B1D;
/*
		text-indent: -9999px;
		background-image: url(../images/overview.jpg);
		background-repeat: no-repeat;
*/
	}
	
	.cImgGallery {
		position: relative;
		width: 435px;
		left: 100px;
	}
		.cImgGallery p {
			text-align: center;
		}
		
		
	.mediaRight {
		margin-top: 0px;
	}
	
	ul.text li {
		list-style-type: none;
	}
	
		ul.text li strong {
			color: #6A0B1D;
		}
	

.sideBar {
	position: relative;
	float: left;
	line-height: normal;
	left: 0px;
	top: 10px;
	display: inline;
/* 	width: 300px; */
}

	.sideBar img {
		
		padding-bottom: 10px;
	}
	
	.sbImgs {
		position: relative;
		top: 0px;
		padding-top: 10px;
	}




.footer {
	position: relative;
	font-size: 1em;
		color: #666;
	background-image: url(../images/footer-bg.jpg);
	background-repeat: no-repeat;
	background-position: center;
}
	
		.footer a {
			text-decoration: none;
			color: #6c6a6a;
		}
		
		.footer a:hover {
			color: #6A0B1D;
		}

	.footer .legal {
		color: #b0b0b0;
		font-size: .8em;
	}

	.btmNav-left {
		position: relative;
		font-size: .8em;
		width: 320px;
		top: 40px;
		left: 0px;
		text-align: right;
	}
	
	.btmNav-right {
		position: relative;
		font-size: .8em;
		width: 355px;
		top: 40px;
		left: 0px;
		text-align: left;
	}





/* 
	2-column, 320 px layout for smartphones
	---------------------------------------
*/

@media only screen and (max-width: 450px) {
	
	body {
		padding: 0px;
		width: 264px;
	}
	
	.noMobile {
		display: none;
	}
	
	
	.onlyMobile {
		display: block;
	}
	
	.container {
		width: 320px;
	}
	
	img {
		max-width: 300px;
	}

	#logos {
		position: relative;
		width: 300px;
		height: 90px; 
	}
	
		#logos #mh-logo {
			position: relative;
			width: 246px;
			top: -5px;
		margin: 0 auto;
		}
	
		#logos #kc-logo {
			position: relative;
			width: 227px;
			top: -5px;
		margin: 0 auto;
			float: none;
		}
		
		#logos img {
			display: block;
		}

	#topNav {
		font-size: .9em;
		background-image: none;
		background-color: #6a0b1d;
		border-bottom: none;
	}
	
		#topNav span.split {
			background-image: none;
		}

	.featured {
		width: 320px;
		height: 220px;
	}
	
		.quotes {
			top: 10px;
			text-align: center;
		}
		
		.quotes ul {
			height: 170px;
		}
	
	.quotes2 {
		position: relative;
		display: inline;
		color: #BBAC54;
		width: 230px;
	}
	
		.quotes2 ul {
/* 			padding: 10px; */
			background-image: none;
			border: none;
		}

	.quotes h2#mlk {
		top: 0px;
		padding-top: 5px;
	}

	.mContent {
		top: 0px;
		width: 310px;
		padding: 5px;
		float: none;
	}

	.mContent2 {
		top: 0px;
		width: 310px;
		padding: 5px;
		float: none;
	}
	
	.mContent p, .mContent2 p {
		margin-left: 0px;
	}

		.mission-title {
			position: relative;
			width: 300px;
			height: 15px;
			text-indent: 0px;
			padding: 5px;
				font-size: 1.5em;
				font-family: "Trajan Pro", Arial, Helvetica, sans-serif;
				font-weight: lighter;
				color: #6a0b1d;
			background-image: none;
		}

	
		.overview-title {
			position: relative;
			width: 300px;
			height: 15px;
			text-indent: 0px;
			padding: 5px;
				font-size: 1.5em;
				font-family: "Trajan Pro", Arial, Helvetica, sans-serif;
				font-weight: lighter;
				color: #6a0b1d;
			background-image: none;
		}

.sideBar {
	position: relative;
	display: block;
	top: 10px;
	width: 320px;
	text-align: center;
}
	
	
	
}



/* 
	Overrides for iPhone 4 and other high device-pixel-ratio devices
	----------------------------------------------------------------
*/

@media
	only screen and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (min-device-pixel-ratio: 1.5) {

	
	body {
		min-width: 320px;
		max-width: 480px;
		width: auto;
	}
	
	.container {
		min-width: 320px;
		max-width: 480px;
	}
}