@charset "utf-8";
/* The Historic Ballroom Venue and Event Center -- Jimmy Taylor -- Created August 2010*/
html {
	background: #666;
	color: #EFCB98;
	font-family:Georgia, "Times New Roman", Times, serif;
}

body {
    padding: 0px;
    margin: 0px;
}

a {color: #EFCB98; text-decoration: none; font-weight:bold;}
a:hover {text-decoration: underline;}

#container {
background-color: #849489;
width: 900px;
margin: 0 auto;
padding: 0;
}

#breadcrumbs {
font-family: Arial, Helvetica, sans-serif;
font-size:x-small;
margin: 0 0 10px 0;
}

#leftCol {
width: 357px;
height: 100%;
float: left;
position: relative;
left:0;
}

#leftCol a img {border:none;}

#sideContent {padding: 0 5px 0 15px;}

#rightCol {
width: 543px;
height: 100%;
float: left;
margin: 0;
}

#rightCol a img {border: none;}

#navMenu {
width: 543px;
height: 35px;
background-image: url(images/navMenu.jpg);
margin: 0;
}

#navMenu a {
display: block;
color: #666; 
text-decoration: none;
width: 105px;
height: 22px;
font-weight:normal;
}

#navMenu li a:hover, #navMenu li a.active {
color: #efcb98;
background-color: #666;
text-decoration: none;
}

#navMenu ul {
text-align: center;
margin: 0;
padding: 0;
list-style: none;
z-index: 100;
}

#navMenu li {
float: left;
display: block;
width: 105px;
height: 22px;
}

#navMenu li ul {
position: absolute;
width: 101px;
left: -999em;
background-color: #EFCB98;
border: 2px solid #666;
}

#navMenu li ul a {
width: 101px;
}

#navMenu li:hover ul, #navMenu li.sfhover ul  {
left: auto;
}

#mainContent {
width: 543px;
clear: left;
margin-top: 5px;
}

.titles {margin-left: -3px;}

#footer {
width: 900px;
height: 68px;
background-image: url(images/footer.jpg);
clear: both;
}

/* index page */

	.indexSide {
	font-size: medium;
	text-align: center;
	}
	
	.indexSide p {
	margin-left:15px;
	font-size: small;
	}
	
	.indexSide p.addressSide{
	margin: 10px 0 -5px 15px;
	font-size: .75em;
	}
	
	.indexSide .indexConSide img {margin: -5px 0;}
	
	.indexSide {margin: 0 0 10px -10px;}
	
	.indexMain {padding: 0 0 0 18px;}
	
/* end index page */

/* rooms page */

	.roomsSide h3 {text-align: center;}
	
	.roomsSide img {margin-left: 55px}
	
	.roomsSide p {font-size: x-small; text-align: center;}
	
	.mainRooms {
	padding: 0 20px 0 0;
	font-size: small;
	}
	.mainRooms p {margin-top: 5px;}
	.mainRooms img {border: 1px #CCCCCC solid;}
	div.mainRooms hr {margin: 0 0 0 0; clear:both;}

/* end rooms page */

/* history page */
	
	#historySide {
	margin: -10px 0 0 15px;
	}
	
	.historyMain p {margin-top: 60px;}

	table#history_pictures td {margin: 0 20px);}
	
	table#history_pictures img {border: 1px #CCCCCC solid;}

/* end hisotry page */

/* services page */
	
	.servicesSide {padding: 0 0 0 15px;}
	.servicesSide ul {list-style:none; margin-left:-10px; margin-top: -10px;}
	.servicesSide li {font-size: smaller;}
	.servicesSide li h5 {font-size: small; text-decoration:underline;}
	
	.servicesMain {
	font-size: small;
	padding: 10px 20px 0 0;
	}
	
	.servicesMain hr {margin-bottom: 15px; clear:both;}	
	
/* end services page */

/* calendar Page */

	.calendarSide {padding: 0 0 0 16px;}
	
	.calendarMain {}

/* end calendar page */

/* contact Page */

	.contactSide {
	margin: -10px 0 0 0;
	text-align: center;
	}
	
	.contactMain {font-size: small;}
	
	/* Form */
	
	.done {display: none;}
	.clear {clear:both} 
	.block {  
  		width:500px;  
    	margin:0 auto;  
    	text-align:left;  
	}
	.block h4 {margin-left: -15px; text-decoration:underline;}
	.block hr {
		margin: 20px 0 20px 0;
		width: 500px;
	}
	.contactInfo {
		width: 500px;
	}
	.contactLeft {
		width: 250px;
		height: 100%;
		float: left;
	}
	.eventInfo { 
		clear:both;
		width: 490px;
		padding-top: 7px;
	}
	
	.eventLeft {
		width: 250px;
		float: left;
	}
	.eventBottom {
		width: 500px;
		clear: both;
	}
	.element * {
		padding: 0; 
		margin: 0; 
		font-family:arial;
		font-size:12px;
	}
	.element label {
		float: left;
		font-weight:700
	}
	.element input.text {
		width:180px;
		padding: 2px;
		border: 1px #666 solid;
	}
	.element input.zip{
		width:50px;
		padding: 2px;
		border: 1px #666 solid;
	}
	.element select.text {
		border: 1px #666 solid;
		height: 22px;
	}
	.element textarea.text {
		height:120px; 
		width:460px;
		border: 1px #666 solid;
	}
	.element .hightlight {
		background-color: #FFFF00;
	}
	.element #submit {
		margin-top: 10px;
		padding: 2px;
	}
	/*.loading {
		float:right; 
		background:url(images/ajax-loader.gif) no-repeat 1px; 
		height:28px; 
		width:28px; 
		display:none;
	}*/
	/* end form */
/* end contact page */

/* gallery page */
	.gallery {width:520px; height:500px; position:relative;}	
/* end gallery page */

/* events page */

	.eventsSide img {margin: 0 0 0 55px; border: 1px solid #666;}
	.eventsMain {padding: 0 15px 0 18px;}
	.eventsMain ul {
/*		width: 530px;
		margin: 0;
		padding: 0 0 0 30px;
*/	}
	.eventsMain li {line-height:1.2em;}
	.eventsMain li.reset {margin-top: -325px}
	.eventsCol1 {margin-left: 0px; width: 210px;}
	.eventsCol2 {margin-left: 250px;}
	
/* end events page */

/* parking page */

	.parkingSide {
	margin: 10px 0 0 -1px;
	text-align: center;
	}
	.parkingMainBot {padding: 0 0 0 16px; }
		
/* end parking page */

/* promo page */

	.promoSide {
	margin: 0 0 0 0;
	text-align: center;
	}
	.promoSide img {border: 1px solid #666;}
	.promoSide h4 {margin-left:6px;}
	#roomOptions {
	list-style: none;
	}
	#roomOptions li ul {list-style:none}
	#xmasMenu {
	list-style:none;
	font-size: small;
	}
	#xmasMenu li {margin-bottom: 10px;}
	#xmasMenu li strong {text-decoration:underline}
	
/* end promo page */

/* info page */

	.infoSide {margin: 5px 0 0 43px}
	
	.infoSide img {border: 1px solid #666;}
	
	.infoMain ul {
	list-style:none;
	margin-left: -40px;
	padding-right: 10px;
	}
	.infoMain ul li {margin-bottom: 10px;}
	
	
/* end info page */

/* openHouse page */

	.openSide {margin: 5px 10px 0 10px;
	text-align: center;
	}
	
	.openMain {padding-left: 18px;}
	
/* end openHouse page */
