/* =========================================================================

   Shady Katies's  - Stylesheet for Screen
	Revised 01/2010 - Tyler Devereaux

   ========================================================================= */

/* === GENERAL === */
	
*
{
	margin:			0; 
	padding:			0;
}

img
{
	border:			none;
	display:			inline-block;
}

a,
a:link,
a:active,
a:visited
{ 
	color:				#BF1900; 
	text-decoration:	none;
}

a:hover
{ 
	text-decoration:	underline;
}

a.EventLink
{
	cursor:			pointer;
}

a.smallLink
{
	font:				bold 10px Verdana, Arial, Helvetica, sans-serif;
}

input,
textarea,
select,
option,
button
{
	border:			1px solid black;
	background:		transparent;
}

h1
{
	font:				bold 17px/20px Arial;
	margin-bottom:	10px;
}

h2
{
	font:				bold 15px Arial;
	margin-bottom:	5px;
}

h3
{
	font:				bold 12px Arial;
}

ol
{
	list-style:			none;
}

ul li
{
	margin-left:		20px;
}

.error
{
}

.pre
{
	white-space:		pre-wrap;
}


.confirm
{
	color:				#FFF;
	background-color:	#F00;
	font-weight:		bold;
}

.green
{
	color:				#08722D;	
}

.grey
{
	color:				#4F4F4F;
}

.orange
{
	color:				#D17818;
}

.italic
{
	font-style:			italic;
}

.bold
{
	font-weight:		bold;
}

.left
{
	text-align:			left;
}

.center
{
	text-align:			center;
}

.right
{
	text-align:			right;
}

.top
{
	vertical-align:		top;
}

.middle
{
	vertical-align:		middle;
}

.wrap
{
	word-wrap:				break-word;
}

/* TODO: Get rid of references to this */
.titleOrange
{
	color:				#D17818;
	font-weight:		bold;
}

.bg_transparent
{
	background:		transparent;
}
	
/* === BACKGROUND === */

body
{
	background:			#1A4B1F url( ../images/background-topshadow.jpg ) repeat-x;
}

#sideShado-leftHeader
{
	background:			url( ../images/sideShado-leftHeader.jpg ) no-repeat right top;
}

#sideShado-left
{
	background:			url( ../images/sideShado-left.jpg ) repeat-y right top;
}

#sideShado-leftFooter
{
	background:			url( ../images/sideShado-leftFooter.jpg ) no-repeat right top;
}

#sideShado-riteHeader
{
	background:			url( ../images/sideShado-riteHeader.jpg ) no-repeat;
}

#sideShado-rite
{
	background:			url( ../images/sideShado-rite.jpg ) repeat-y;
}

#sideShado-riteFooter
{
	background:			url( ../images/sideShado-riteFooter.jpg ) no-repeat;
}

/* === Container === */
#masterContainer
{
	width:				100%;
	/*position:			relative;
	top:				4px;*/
}
	
/* === HEADER === */
#headerContainer
{
	height:				168px;
	width:				764px;
	border:				none;
}

#headerContainer .logoContainer
{
	width:				369px;
	height:				100%;
	float:				left;
	clear:				left;
}

#headerContainer .linksContainer
{
	background:			url( ../images/header-backrnd.jpg ) no-repeat left 37px;
	width:				395px;
	height:				100%;
	text-align:			center;
	float:				right;
	clear:				right;
}

#headerContainer .linksContainer ol
{
	margin-top:			47px;
}

#headerContainer .linksContainer ol li
{
	float:				left;
	clear:				left;
	width:				100%;
}

#headerContainer .linksContainer .navExternalLinks img
{
	height:				45px;
	width:				45px;
}

#printHeader
{
	display:			none !important;
}

#logo
{
	width:				369px;
	height:				168px;
	display:			block;
	border:				none;
	background:			url( ../images/header-logo.jpg );
}

/*
#printHeader h1{
display:none;
}
*/

/* === NAV === */
#headerWrapper img
{
	border:				0;
	margin:				10px 0;
}

#headerWrapper .navExternalLinks
{
	margin:				20px 0;
}
	
#nav
{
	display:			block;
	margin-top:			20px;
	margin-left:		26px;
	width:				330px;
	height:				20px;
	white-space:		nowrap;
}

#nav img
{
	margin-right:		15px;
}

/* === CONTENT === */

#alC
{
	position:			absolute;
	top:				0;
	left:				0;
	width:				15px;
	height:			10px;
}

#contentContainer
{
	width:				724px !important;
	max-width:			724px;
	background:			url( ../images/contact-backrnd.jpg ) repeat-y;
	padding:			0 20px;
	/*overflow:			auto;*/
	min-height:			100px;
	max-height:			none;
}

#contentWrapper
{
	font:				normal 12px/16px 'Trebuchet MS';
	color:				#333333;
	width:				100%;
	height:				100%;
	/*margin:				0 auto;*/
	/*min-height:			100px;
	max-height:			none;*/
	/*width:				724px;*/
	/*overflow:			auto;*/
}

#directionsContainer
{
	display:			none;
	position:			absolute;
	top:				170px;
	left:				0;
	width:				100%;
	z-index:			200;
	margin:				0 auto;
}

#directionsContainer
{
	width:				360px;
	/*height:				600px;*/
	padding:			5px 10px;
	border-top:			2px solid black;
	border-bottom:		2px solid black;
	background:			url( ../images/popup-backrnd1.jpg ) repeat-y;
	position:			fixed;
	top:				150px;
	bottom:			50px;
	left:				50%;
	z-index:			200;
	margin-left:		-190px;
	overflow:			auto;
}

#directionsWrapper fieldset
{
	float:				left;
	clear:				none;
	width:				50%;
	border:			none;
	font:				11px Arial, Helvetica;
	padding-top:		0.25em;
}

#directionsWrapper fieldset.submit
{
	float:				none;
	clear:				both;
	width:				auto;
	text-align:		center;
}

#directionsWrapper fieldset li
{
	padding-top:		0.25em;
}

#directionsWrapper legend
{
	font-weight:		bold;
}

#directionsWrapper label
{
	display:			block;
	/*font-weight:		bold;*/
}

#mapContainer
{
	width:				360px;
	height:			360px;
	margin:			0 auto;
	clear:				both;
	float:				none;
}
 
/* === HOMEPAGE ===*/
  
.comingSoon-date
{
	font:				bold 15px Arial;
	color:				#4F4F4F;
}
  
.comingSoon-eventTitle
{
	font:				bold 17px/20px Arial;
	color:				#08722D;
}
  
#friendsNfun
{
	display:			block;
	width:				420px;
	white-space:		nowrap;
	margin-top:			7px;
}
  
#friendsNfun img
{
	width:				135px;
	height:				85px;
	display:			block;
	float:				left; 
	margin-right:		3px;
}

#UpcomingEvents
{
	width:				417px;
	/*height:				76px;*/
}

#UpcomingEvents li
{
	float:				left;
	width:				102px;
	text-align:			center;
}

#UpcomingEvents div.upcomingEventHeader
{
	height:				2.5em;
	border:				1px solid #003300;
	padding:			0.25em;
	vertical-align:		middle;
	overflow:			hidden;
}

#UpcomingEvents div.upcomingEventBody
{
	background-color:	#FFF;
	height:				4em;
	border:				1px solid #003300;
	padding:			0.25em 0;
	vertical-align:		middle;
	text-align:			center;
	overflow:			hidden;
}

#HomePageContent-Daily
{
	font:				bold 10px Verdana, Arial, Helvetica, sans-serif;
	float:				left;
	width:				230px;
	position:			relative;
}

#HomePageContent-Main
{
	font-weight:		bold;
}

.eventsContainer li
{
	margin-bottom:		10px;
}

.eventsContainer li img.event-spacer
{ /* spacer images */
	width:				418px;
	height:				16px;
}

.eventDetailContainer
{
	background:			url( ../images/popup-backrnd.jpg );
	text-align:			left;
	font:				normal 12px/16px 'Trebuchet MS';
	color:				#333;
	display:			none;
	position:			absolute;
	left:				40%;
	right:				40%;
	width:				300px;
	height:				240px;
	border:				1px solid black;
	vertical-align:		top;
	z-index:			200;
}

.eventDetailHeader
{
	padding:			10px;
	background:			url( ../images/popup-topBar.jpg ) repeat-x;
	display:			block;
	text-align:			right;
	height:				20px;
}

.eventDetailHeader a
{
	font:				bold 15px/17px Arial;
	color:				white;
}

.eventDetailBody
{
	vertical-align:	top;
	height:			200px;
	overflow:			auto;
	padding:			0px 3px;
}

#happyHourContainer
{
	width:				230px;
	clear:both;
}

#specialsContainer
{
	width:				360px;
	/*max-height:			600px;*/
	padding:			5px 10px;
	border-top:			2px solid black;
	border-bottom:		2px solid black;
	background:			url( ../images/popup-backrnd1.jpg ) repeat-y;
	overflow:			auto;
	display:			none;
	position:			fixed;
	top:				150px;
	bottom:			50px;
	left:				50%;
	z-index:			200;
	margin-left:		-190px;
}

/* === CALENDAR === */

.calendarMonth
{
	font:				bold 12px Verdana; 
	color:				#FFFFFF;
}

#calendarFont td
{
	font:				normal 11px/13px 'Trebuchet MS';
	border:				solid 1px #003300;
}

.cal-event
{
	border-style:		solid;
	border-collapse:	collapse;
	border-color:		#000000;
	border-width:		2px;
	color:				#000000;
	background-color:	#FFCC99;
	font:				normal 11px/13px 'Trebuchet MS';
}

.cal-event h2
{
	margin:			0px;
	text-align:		left;
	background-color:	LightBlue;
	padding:			0.25em;
	border-color:		#000000;
	border-style:		solid;
	border-width:		0 0 2px 0;
}

.cal-event div
{
	margin:			0.5em;
}

.phpc-eventDesc
{
	padding:			0px 5px;
}

.phpc-eventDesc p
{/*
	border:			0px none !important;
	padding:			0px !important;
	margin:			0px !important;
*/}

/* === FOOTER === */

#footerWrapper
{
	background:			url( ../images/footer-backrnd.jpg ) no-repeat;
	height:				45px;
}

.copyright
{
	display:			block;
	margin-bottom:		15px;
	margin-top:			-5px;
	font:				normal 10px Arial;
	padding-left:		5px;
	color:				#9BC793;
}

/* === POPUP WINDOW ===*/
#popupWrapper
{
	background:			url( ../images/popup-backrnd.jpg );
	text-align:			left;
	font:				normal 12px/16px 'Trebuchet MS';
	color:				#333333;
}

#popupHeader
{
	background:			url( ../images/popup-topBar.jpg ) repeat-x;
	padding:			40px 30px 30px 30px;
	display:			block;
	margin-bottom:		20px;
}

.popupHeadline
{
	font:				bold 15px/17px Arial;
	color:				#08722D;
}

.Comingsoon-Dates
{
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			10px;
	font-style:			normal;
	line-height:		normal;
	font-weight:		bold;
	font-variant:		normal;
	text-transform:		none;
	color:				#333333;
	background-color:	#E99D01;
}

#Error,
span.Error
{
	border:				2px solid red;
	background-color:	#CCCCCC;
	color:				#FFFFFF;
	font-weight:		bold;
	position:			absolute;
	right:				0px;
	top:				0px;
}

pre.Error
{
	border:				1px solid black;
	font-family:		"Courier New";
}

#Directions-Wrapper
{
	background:			url( ../images/popup-backrnd1.jpg ) repeat-y; 
	font:				normal 12px/16px 'trebuchet ms';
	color:				#333333;
	padding-bottom:		20px;
	padding-left:		10px;
	padding-right:		10px;
}

#Specials-Wrapper
{
	font-weight:		bold;
	overflow:			auto;
	height:				100%;
	width:				400px;
}

#Specials-Content
{
	word-wrap: break-word;
}

#contactUs
{
	font-size:			16px;
	font-weight:		bold;
	letter-spacing:		0.07em;
	display:			block;
	margin-bottom:		8px;
	color:				green;
}

/* === Merge from screen-pop.css === */
#contentWrapper-popup
{
	background:			url( ../images/popup-backrnd1.jpg ) repeat-y;
	font:				normal 12px/16px 'Trebuchet MS';
	color:				#333;
	padding-right:		10px;
	padding-bottom:		20px;
	padding-left:		10px;
}

#Content-Main-popup
{
    font-weight:		bold;
    overflow:			auto;
    height:				100%;
    width:				400px;
}

#footerWrapper-popup
{
	background:			url( ../images/footerpop-backrnd.jpg ) no-repeat;
	height:				45px;
}

#popupWrapper-popup
{
	background:			url( ../iamges/popup-backrnd.jpg );
	text-align:			left;
	font:				normal 12px/16px 'Trebuchet MS';
	color:				#333333;
}

.Directions-To
{
	font-weight:		bold;
	color:				green;
}