@charset "UTF-8";
/* CSS Document */

body {
	height:100%;
	background-image:url(graphics/red_kiva_dark_redback.jpg);
	font-family:Tahoma, "Trebuchet MS", Verdana;
	font-weight:100;
	color:#FFF;
	font-size:13px;
	line-height:110%;
	background-repeat: repeat;
	margin:0;
}
#container, table.eventmanager, table.menuedit, #heading, #footer, 
div.photoline, ul.photoline,.frontInfoBox,.drinkLn,.menuLn,
div.eventblock  {
	margin-right:auto;
	margin-left:auto;
}

a {
	text-decoration:none;
	color:#C03;
}

a:hover {
	text-decoration:underline;
}

img {
	display:block;
}

.space_front {
	border-top:1px dashed #990033;	
	padding-top:5px;
	height:5px;
	clear:both;
	width:312px;
}
#container,#heading {
	width:870px;	
}

#container {
	margin-top:20px;
	padding-top:0px;
	padding-bottom:0px;
	clear:both;
	border:none;
}
#main {
	/* #MAIN WILL BE USED IN MOST SECTIONS BUT NOT ALL - ON FRONT PAGE, IS REPLACED BY 3 COLUMNS */
	padding:10px;
}

.frontBoxes {
	border-left:1px dashed #990033;
	float:left;
	padding:5px;
}
.frontBoxRt {
	width:35%;
}
.frontBoxLt {
	width:59%;
}

.fbTwit {
	width:350px;
	height:50px;	
}
.fbTwit img {
	border:none;
	float:left;
	margin-right:10px;
	margin-left:0px;	
}

#footer {
	width:90%;
	font-size:10px;
	text-align:center;
	padding-top:20px;
	/*color: #FF6666;*/	
	color:#fff;
	margin-bottom:50px;
}

h1, h2, h3, h4 {
	font-weight:bold;
	margin:0;
	line-height:1.1em;
	/*color:#900;*/
	color:#C03;
}
h1, h2, h3 {
	padding-bottom:10px;
}

h1 {
	padding-top:0px;
	letter-spacing:2px;
	padding-left: 0px;
	font-size: 25px;
}

h2 {
	font-size:20px;
	padding-top:0px;
}
h3 {
	font-size:16px;
}
h4 {
	padding:0;
	margin:0;	
}

#passwordSpecial {
	border:1px dotted #990033;
	padding:5px;
	font-size:15px;
	font-weight:bold;
	text-align:center;
	width:810px;
	margin-left:5px;
	margin-top:4px;
	margin-bottom:4px;
}

/******************************************************/
/*********************** SLIDE AREA *******************/
#slideArea {
	width:850px;
	height:360px;
	overflow:hidden;
	clear:both;	
}
.siteslideshow {
	z-index:2;
	position:relative;
}
.siteSlideText {
	width:140px;
	height:24px;
	font-size:12px;
	color:#000;
	text-align:center;
	line-height:14px;
	padding-top:8px;
	padding-bottom:13px;
	position:absolute;
	z-index:3;
	top:315px;
	left:680px;
	background-image:url(graphics/slide_desc_back-trans.png);	
}


/******************************************************/
/************* - Header Area - *************/
#headingwrapper {
	background-image:url(graphics/red_kiva_bg_circ.jpg);
	width:100%;
	height:120px;
}

#heading {
	color:#FFF;
}

#locationinfo {
	width:200px;
	height:100px;
	font-weight:bold;
	font-size:14px;
	line-height:17px;
	text-align:left;
	margin-top:20px;
	float:right;
}
#locationinfo  a {
	color:#FFF;	
}

#emblemArea {
	float:left;
	width:98px;
	height:98px;
	margin-top:11px;
	margin-left:50px;
	background-image:url(graphics/redkiva_whitelogo-trans.png);
}
#heading a {
	color:#FFF;
}

#heading a:hover {
	text-decoration:underline;
}
ul.nav {
	margin:0;
	padding:0;
	padding-top:8px;
	padding-bottom:8px;
	width:100%;
	text-align:center;
	background-color:#993333;
}

ul.nav li {
	font-size:15px;
	font-weight:bold;
	display:inline;
	list-style:none;
	text-align:center;
	padding-left:15px;
	padding-right:15px;
}
ul.nav li a {
	color:#FFF;
}	

/************* - End Header Area - *************/
/******************************************************/
div.keywords {
	display:none;
}	
div.space,div.spacer {
	width:100%;
	clear:both;
}
/*******************************/
/***********  EVENTS  **********/

div.eventblock {
	border-bottom:1px solid #CC3300;
	width:80%;
}

.eBox {
	float:left;
	padding:5px;
}

.eDate {
	text-align:left;
	width:25%;
	font-weight:bold;
}
.eDes {
	width:70%;
}
/***************************************/
/*********** About Box **********/
#aboutBox {
	clear:both;
}

.aboutPage {
	float:left;
}
.aLeft {
	padding-left:20px;
	width:300px;
}
.aRight {
	width:400px;
}


/***************************************/
/***********  Drinks and Food **********/

/*** UPDATE 2010 -- ALL FOOD AND DRINK CONDENSED TO ONE PAGE ***/
.menuCol {
	width:30%;
	padding-right:1%;
	padding-left:1%;
	float:left;	
	text-align:center;	
}
.midCol {
	border-right:1px dashed #990033;
	border-left:1px dashed #990033;	
}

.drinkLn,.menuLn {
	width:95%;
	border-bottom:1px dotted #990033;
}
.strongF {
	font-weight:bold;	
}

.menuBox {
	padding-top:7px;
	padding-bottom:7px;
	line-height:1.3em;
	padding-right:0px;
	padding-left:0px;
}


/*******************************/
/***********  CONTACT  **********/

table.contacttable {
	border-collapse:collapse;
	margin-left:auto;
	margin-right:auto;
}

table.contacttable td {
	border-collapse:collapse;
	padding:3px;
}

td.contactleft {
	width:150px;
	text-align:right;
}

td.contactright {
	width:500px;
	text-align:left;
}

form.contactform {
	
}

form.contactform input,textarea {
	background-color:#993333;
	color: #330000;
	border:0;
}

input.radio, label {
	background:none;
	border:0;
	
}

#submitbutton {
	color:#FFCCCC;
	border:solid 1px #FFCCCC;
}

div.constantcontactdisclaimer {
	font-size:10px;
	margin-top:3px;
	margin-bottom:0px;
	margin-left:auto;
	margin-right:auto;
}

/*******************************/
/***********  PHOTOS  **********/

div.photoblock {
	width:600px;
}

ul.photoline {
	list-style:none;
	height:100px;
}

ul.photoline li {
	padding-top:0;
	padding-bottom:0px;
	padding-right:5px;
	padding-left:5px;
	float:left;
	height:80px;
}

div.viewmoreline {
	padding-right:10px;
}

img.thumb, div.photothumbarea {
	margin-left:auto;
	margin-right:auto;
}

div.photothumbarea {
	width:600px;
	height:90%;
	
}

div.photothumb {
	width:20%;
	float:left;
	padding-top:10px;
	height:80px;
}

div.thumbspace {
	width:100%;
	clear:both;
	line-height: 120%;
}


/*******************************/
/***********  Editor  **********/
table.menuedit {
	width:100%;	
}


