/*-------------
COLOR KEY
dark grey #333
light blue #cbeaeb
______________*/

body {
  width: 970px; 
  margin: 0 auto;
  position: relative;
  background-color: #333;
  }
  
  #container q {
  quotes: '\201C' '\201D' '\2018' '\2019';}
  
.clr {clear: both;}


#container {
background:#333;
position: relative;
margin: 0 auto;
padding:  0 5px 5px;
text-align: left;
display: block;
float: left;}

#content {
display: block;
float: left;
margin: 0;
text-align: left;
/*background: red;*/
position: relative;
/* remove later? */
overflow: hidden;
background: #333; 
}

#container, #content, #header {
	width: 960px;
	}
	

/* CLEARFix
--------------- */
#content:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

/* HEADER 
----------------- */
#header {
	background: #333; 
/*	height: 50px; */
	display: block; 
	float: left;
	position: relative; 
	margin-bottom: 5px;
	border-bottom: #666 solid 1px;
	}
#header h1 {display: inline; float: left;}	
#header h1, #header h1 a {margin: 0; padding: 0;}
#header h1 a {text-indent: -9999px; width: 240px; height: 50px; float: left; display: block; margin: 0; padding: 0;
background: url(/assets/site_images/kc_head.png) no-repeat 18px 14px;}
	
#footer {width: 960px; display: block; float: left; margin-top: 8em; font-size: .9em;}
#footer ul {margin: 4px 0; display: block; width: 960px; float: right;}
#footer ul li {display: inline; text-align: left;/* border-right: #666 solid 1px;*/
 margin: 0; color: #666;}
 #footer ul li.left {float: left;}
 #footer ul li.right {float: right;}
#footer ul li a {color: #aaa;}


object {margin: 2em 220px 0; display: block; float: right; position: relative; width: 500px; height: 574px; background-color: #333;}
embed {float: left;}
#kc_flash, #kc_food {display: block; float: right; position: relative; width: 500px; height: 594px; background-color: #333;}

/* NAVIGATION: TOP
------------------- */
#top_nav {margin-top: 4px; display: inline; clear: both; width: 600px; float: left;}
#top_nav li {display: inline; float: left; text-align: left; border-right: #666 solid 1px;
 margin-right: 1.33em;}
#top_nav li a {padding: 3px 1.33em 0 32px; display: block; float: left; height: 15px; background-repeat: no-repeat; background-position: left bottom; color: #666; font-weight: bold;}
#top_nav li a:hover, #top_nav li .selected {color: #aaa; background-position: left top;}
#top_nav #nav_photo a {background-image: url(/assets/site_images/nav_photo.png);}
#top_nav #nav_contact a {background-image: url(/assets/site_images/nav_contact.png);}
/* CONTACT
------------ */
#FormName {margin-top: 2em;}
#container h3 {font-size: 2.4em; margin: 0; color: #666; text-align: right; width: 300px; display: inline; float: right;}
#e_auth {display: block; margin: 0 0 2em 120px; width: 600px;}
#rsvErrors {
display:none;
line-height:1.5em;
margin: 1em 0 .5em 130px;
padding:0;
font-size: 1.4em;
color: orange;
}

#thanks h4 {color: #aaa; font-size: 2em; margin: 2em 0 0 0; text-align: center;}