@charset "UTF-8";

#container {

	width: 898px;

	margin: 16px auto;

}



body {

  margin: 0px;

  padding: 0px;

  border: 0px;

  background-image: url(../images/bg.jpg);

  background-repeat: no-repeat;

  background-position: left top;

  

}#content {
	background-image: url(../images/bg_pattern.png);
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #121212;
	border-right-width: 5px;
	border-left-width: 5px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #b42917;
	border-left-color: #b42917;
	padding: 15px 15px 0 15px;
	margin: 0;
}

#banner {
	height: 214px;
	width: 898px;

}

#footer {
	width: 898px;
	height: 96px;
	margin: -17px 0 0 0;
	background-image: url(../images/bottom_bg.png);
	background-repeat: no-repeat;
	background-position: center bottom;

}

h4 {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 14px;
	color: #DDDDDD;

}



#nav {
	height: 46px;
	border-right-width: 5px;
	border-left-width: 5px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #b42917;
	border-left-color: #b42917;
	margin: 0;

}



a.homeRollover {
	height: 46px;
	width: 95px;
	display: block;
	text-decoration: none;
	background: url(../images/btn_home.gif);
	background-repeat: no-repeat;
	background-position: left top;
	float:left;

}



a.foodRollover {
	height: 46px;
	width: 86px;
	display: block;
	text-decoration: none;
	background: url(../images/btn_food.gif);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;

}



a.dailyRollover {
	height: 46px;
	width: 175px;
	display: block;
	text-decoration: none;
	background: url(../images/btn_daily.gif);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;

}



a.eventsRollover {
	height: 46px;
	width: 105px;
	display: block;
	text-decoration: none;
	background: url(../images/btn_events.gif);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;

}



a.partiesRollover {
	height: 46px;
	width: 185px;
	display: block;
	text-decoration: none;
	background: url(../images/btn_parties.gif);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;

}



a.photosRollover {
	height: 46px;
	width: 102px;
	display: block;
	text-decoration: none;
	background: url(../images/btn_photos.gif);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;

}



a.contactRollover {
	height: 46px;
	width: 140px;
	display: block;
	text-decoration: none;
	background: url(../images/btn_contact.gif);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;

}

.bodycopy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #DDDDDD;

}



a.homeRollover:hover, a.foodRollover:hover, a.dailyRollover:hover, a.eventsRollover:hover, a.partiesRollover:hover, a.photosRollover:hover, a.contactRollover:hover {

   background-position: 0 -46px;

}



#left370 {

	width: 370px;

	margin: 0px;

}

#left370 p, #left370 li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #DDDDDD;
	line-height: 18px;

}

#content h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight: bold;
	color: #DDDDDD;

}

#left370 h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight: bold;
	color: #DDDDDD;

}

#rightAuto {

	width: auto;

	padding: 5px;

}



#rightAuto p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #DDDDDD;
	line-height: 18px;

}

#rightAuto h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight: bold;
	color: #DDDDDD;

}

.subtext10 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #BBBBBB;
	text-decoration: none;
	text-align: center;

}



.subtext10 a {
	text-decoration:none;
	font-weight:bold;
	color: #BBBBBB;

}



#footer li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	display: inline;
	font-weight: normal;
	color: #BBBBBB;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #231f20;
	padding-right: 10px;
	margin-right: 10px;

}



#footer li a {
	text-decoration:none;
	color: #BBBBBB;

}



#footer li a:hover {

	text-decoration:underline;

}



.clearleft {

	clear: left;

}



.clearright {

	clear: right;

}



#footer ul {

	text-align: center;

}



h3 {
	font-family: Helvetica, Arial;
	font-size: 13px;
	color: #BBBBBB;

}

#footlinks {

	text-align: center;

}

.clearfloat {

	clear: both;

}

.fltRt {

	float: right;

}

.fltLft {

	float: left;

}







/* ----------------------------- LIGHTBOX STYLES -------------------------------*/



#lightbox{

	position: absolute;

	left: 0;

	width: 100%;

	z-index: 100;

	text-align: center;

	line-height: 0;

	}



#lightbox a img{ border: none; }



#outerImageContainer{

	position: relative;

	background-color: #fff;

	width: 250px;

	height: 250px;

	margin: 0 auto;

	}



#imageContainer{

	padding: 10px;

	}



#loading{

	position: absolute;

	top: 40%;

	left: 0%;

	height: 25%;

	width: 100%;

	text-align: center;

	line-height: 0;

	}

#hoverNav{

	position: absolute;

	top: 0;

	left: 0;

	height: 100%;

	width: 100%;

	z-index: 10;

	}

#imageContainer>#hoverNav{ left: 0;}

#hoverNav a{ outline: none;}



#prevLink, #nextLink{

	width: 49%;

	height: 100%;

	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */

	display: block;

	}

#prevLink { left: 0; float: left;}

#nextLink { right: 0; float: right;}

#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }

#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }





#imageDataContainer{

	font: 10px Verdana, Helvetica, sans-serif;

	background-color: #fff;

	margin: 0 auto;

	line-height: 1.4em;

	overflow: auto;

	width: 100%	

	}



#imageData{	padding:0 10px; color: #666; }

#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	

#imageData #caption{ font-weight: normal;	}

#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			

#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 1.7em;	}	

		

#overlay{

	position: absolute;

	top: 0;

	left: 0;

	z-index: 90;

	width: 100%;

	height: 500px;

	background-color: #000;

	}

	

	

.roundcont {

	width: 250px;

	background-color: #f90;

	color: #fff;

}



.roundcont p {

	margin: 0 10px;

}



.roundtop {

	background: url(images/round_top.png) no-repeat top right;

	width: 800px;

	height: 21px;

}



.roundbottom {

	background: url(images/round_bottom.png) no-repeat top right;

	width: 800px;

	height: 21px;

}



img.corner {

   width: 21px;

   height: 21px;

   border: none;

   display: block !important;

}

	

	

	/* ----------------------------- LIGHTBOX STYLES -------------------------------*/

#fullwidth {
	width: 100%;
	padding: 5px 0;

}
#left370 li {
	text-align: left;
}
