body {
	margin: 0px;
	background: #1e0000 url(../images/bg_hib.jpg) repeat-x center top;
}

.insidePages {
	margin: 0px;
	background: #1e0000 url(../images/bg_hib_inside.jpg) repeat-x center top;
}

#headerInside {
	height: 76px;
}


#container {
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	display: table;
	margin-bottom: 50px;
}


/* @group nav */  

#nav {
	height: 50px;
	margin:0; 
	padding:0; 
	list-style:none;
		border-left: 1px solid #4d0800;

}	
	
	/* make the LI display inline */
	/* it's position relative so that position absolute */
	/* can be used in submenu */
	#nav li {
		float:left; 
		display:block; 
		background: #720000; 
		position:relative;
		z-index:500; 
		margin: 0 0 0 0px;
	border-right: 1px solid #4d0800;
}


		
	/* this is the parent menu */
	#nav li a {
		width: 187px; 
		display:block; 
		padding: 20px 0px 0; 
		text-decoration:none; 
		color: #f3d49d; 
		text-align:center;
	font: bold 11px Arial, Helvetica, Geneva, sans-serif;
	text-transform: uppercase;
	height: 31px;
}

	#nav li a:hover {
		color: #dca44a;
		background: #620a00 url(../images/bg_navOver.jpg) no-repeat center top;
}
	
	/* you can make a different style for default selected value */
	#nav a.selected {
		color: #dca44a;
				background: #620a00 url(../images/bg_navOver.jpg) no-repeat center top;
	}
	

	
	
		/* submenu, it's hidden by default */
		#nav ul {
			position:absolute; 
			left:0; 
			display:none; 
			margin:0 0 0 -1px; 
			padding:0; 
			list-style:none;
		}
		
		#nav ul li {
			float:left; 
		}
		
		/* display block will make the link fill the whole area of LI */
		#nav ul a {
			display:block;  
			height: 15px; 
			color: #f3d49d;
	padding-top: 10px;
	padding-bottom: 8px;
}
		
		#nav ul a:hover {
	color: #dca44a;
}

/* fix ie6 small issue */
/* we should always avoid using hack like this */
/* should put it into separate file : ) */
*html #nav ul {
	margin:0 0 0 -2px;
}




/* @end */






#headerLogoArea {
	height: 143px;
}

#header {
	height: 280px;
	background-color: #424242;
	border-right: 4px solid #673717;
	border-left: 4px solid #673717;

}

/* @group homeBody */

#homeContact {
	background-color: #300;
	padding: 10px 10px 15px;
	display: block;
	margin-left: 6px;
	margin-bottom: 50px;
	margin-top: 25px;
	clear: both;
	border: 1px solid #2a0400;
}

div#hours {
	float: left;
	width: 40%;
	margin-bottom: 25px;
	margin-top: 20px;
}



div#contactLocations {
	float: left;
	width: 26%;
	display: inline-block;
	margin: 0 40px 10px 0;
	padding-left: 5px;
}

input#textField {
	background-color: #490404;
	height: 19px;
	border: 2px solid #2e0001;
	color: #b78360;
}

input#submitButton {
	background-color: #270000;
	border-width: 0;
	height: 19px;
	color: #b78360;
	float: right;
	margin-top: 5px;
}

#contactLocation {
	display: block;
	clear: both;
	float: left;
	margin-bottom: 0;
	width: 100%;
}



#homeLeftContent p {
	margin-top: 5px;
	margin-bottom: 5px;
}

a {
	color: #b85e23;
	font-weight: bold;
	text-decoration: none;
}

a:hover {
	color: #c4966d;
	font-weight: bold;
	text-decoration: underline;
}


a:visited {
	color: #b85e23;
	font-weight: bold;
	text-decoration: none;
}


#body {
	height: 400px;
	color: #c89a70;
	font: 10px/19px Verdana, Arial, Helvetica;
	margin-top: 20px;
}

#homeLeft {
	width: 190px;
	float: left;
	margin-left: 50px;
}

#homeLeftContent {
	padding-left: 5px;
	margin-bottom: 10px;
}


#content1{
border:1px solid #CCCC33;
padding:10px;
margin-top:10px;
width:235px;
}


#homeRight {
	width: 360px;
	float: right;
	margin-right: 50px;
}


#insideRight{
	width: 635px;
	float: right;
	padding-right: 35px;
}

img.map {
	border: 6px solid #480000;
}

.maplink {
	color: #f29129;
	font-weight: bold;
}

h3 {
	color: white;
	padding-left: 5px;
	margin: 5px;
}

.boxgrid{ 
				width: 620px; 
				height: 250px; 
 
				margin: 0; 
				float:left; 
				background:#161613; 
				overflow: hidden; 
				position: relative; 
				border: 6px solid #480000;
			}
				.boxgrid img{ 
					position: absolute; 
					top: 0; 
					left: 0; 
					border: 0; 
				}
				.boxgrid p{ 
					padding: 0 10px; 
					color:#afafaf; 
					font-weight:bold; 
					font:10pt "Lucida Grande", Arial, sans-serif; 
				}
				
			.boxcaption{ 
				float: left; 
				position: absolute; 
				background: #5b0e04; 
				height: 100px; 
				opacity: .8; 
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	width: 102%;
	margin-left: -3px;
}
.captionfull .boxcaption {
 					top: 260;
 					left: 0;
 				}
.caption .boxcaption {
	top: 225px;
	left: 1px;
}

#HomeLeftHeader {
	margin-top: 40px;
}


p.trigger {
	padding: 0 0 0 5px;
	margin: 0 0 5px 0;
	background: url(h2_trigger_a.gif) no-repeat;
	height: 17px;
	line-height: 20px;
	width: 230px;
	font-size: 11px;
	font-weight: normal;
	float: left;
}

#homeLeft div.toggle_container div.block p {
	margin: 0;
	padding-left: 5px;
	color: #fff;
	font-size: 9px;
	line-height: 15px;
}
p.trigger a {
	color: #c4966d;
	text-decoration: none;
	display: block;
	font-weight: normal;
	font-style: normal;
}
p.trigger a:hover { color: #fff;
	text-decoration: underline;
}
p.active {background-position: left bottom;} /*--When toggle is triggered, it will shift the image to the bottom to show its "opened" state--*/
.toggle_container {
	margin: 0 0 12px;
	padding: 0;
	background: #f0f0f0 url(toggle_block_stretch.gif) repeat-y left top;
	overflow: hidden;
	font-size: 1.2em;
	width: 220px;
	clear: both;
}
.toggle_container .block {
	padding: 3px;
	font-size: 10px;
	background: #380000 no-repeat left bottom;
	width: 220px;
	border: 1px solid #350500;
}

p.menuNav {
	padding: 0 0 0 5px;
	margin: 0 0 5px 0;
	background: url(h2_trigger_a.gif) no-repeat;
	height: 17px;
	line-height: 20px;
	width: 230px;
	font-size: 11px;
	font-weight: normal;
	float: left;
}

.menudescription {
	color: white;
	font-style: italic;
	padding-left: 10px;
}

p.menuNav a {
	color: #c4966d;
	text-decoration: none;
	display: block;
	font-weight: normal;
	font-style: normal;
}
p.menuNav a:hover { color: #fff;
	text-decoration: underline;
}

/* @end */



/* @group footer */

#footer {
	height: 68px;
	background-color: #1e0000;
	text-align: center;
	font: 11px verdana, Arial, Helvetica, Geneva, sans-serif;
	color: #65201a;
	padding-top: 50px;
	clear: both;
	width: 100%;
}



h4.menuHead {
	font-size: 14px;
	background-color: #480000;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	color: white;
	text-transform: uppercase;
}



#footer a {
	color: #854136;
	font-weight: bold;
	text-decoration: none;
}

#footer a:hover {
	color: #977751;
	font-weight: bold;
	text-decoration: underline;
}

#footer a:visited {
	color: #854136;
	font-weight: bold;
	text-decoration: none;
}

/* @end */


.whitetext {
	color: #FFF;
}

h4 {
	font-size: 11px;
	margin-bottom: 0;
	margin-top: 0;
	color: #dfab7c;
	border-bottom: 1px dotted #7b3f16;
}

h5 {
	font-size: 11px;
	margin-bottom: 0;
	margin-top: 0;
	color: #ffffff;
	border-bottom: 1px dotted #7b3f16;
}


#happening p {
	margin-top: 0;
	margin-bottom: 5px;
}

#happening {
	height: auto;
	display: inline-block;
	padding-right: 5px;
	padding-left: 5px;
	padding: 5px;
	background-color: #380000;
	border: 1px solid #3f0600;
	width: 205px;
}

input.textBox {
	width: 100%;
	height: 25px;
}

input.submitButton {
	height: 45px;
	background-color: #934b1b;
	border-style: none;
	color: #e0af7d;
	float: left;
	width: 100%;
	font-size: 17px;
	text-transform: uppercase;
}

input#date6.dateBox {
	height: 25px;
	width: 410px;
}

form {
	margin-bottom: 90px;
}




.homeWelcome {
	font-size: 12px;
	line-height: 25px;
	font-weight: normal;
}
.boldNav {
	font-size: 16px;
	font-weight: bold;
}