/* Universal Reset parameters
----------------------------------------------- */
* { margin: 0; padding: 0; }
.clear {
	clear: both;
	height: 1px;
	border: none;
	visibility: hidden;
	}
a:link { color: white; }
a:hover { color: white; }
a:active { color: white; }
a:visited { color: white; }
/*----------------------------------------------- */



/* =Forcing windows vertical scroll bars 
----------------------------------------------- */
html { height:100%; overflow:scroll; }
/*--------------------------------------------- */	



/* =General Section 
----------------------------------------------- */
body {
	/*font-size:100%;*/
	/*background-color: #BEBEBD;*/
	background: url(../images/body_bg.jpg) top center repeat-y;
	background-color: #ffffff;
	height: 100%;
	}
#container {
	position: relative; /* for footer to stay at bottom */
	margin: auto;
	width: 626px;
	min-height: 100%;
	height: auto;
	background: url(../images/bg.jpg) repeat-y;
	background-color:#a60000;
	}
* html #container { /* (min-height) reset to 100% height for IE */
	height: 100%;
	}
div#top {
	width: 626px;
	height: 125px;
	background: url(../images/top_bg.jpg) repeat-y;
	background-color:#bfbfbd;
	}
#top ul {
	position:relative;
	width:586px;
	list-style:none;
	}
	
/***************************************************************************/	
/* —[ KC's Alley Image Replacement ]— */
h1.image-replace { 
	position:relative;
	overflow:hidden;
	margin:25px auto 0 auto;
	padding:0;
	font-size:1.6em;
	color:#FFF;
	}	
h1.image-replace em {
	display:block;
	position:absolute;
	top:0; /*left: 0;*/
	z-index:1; /* for opera5 (?) and o6/mac */
	}

h3.hours { 
	position:relative;
	overflow:hidden;
	margin:15px auto 0 auto;
	padding:0;
	font-family: Verdana, Arial, sans-serif;
	font-size:.7em;
	text-align:center;
	color:#c00004;
	}	
h3.hours em {
	display:block;
	position:absolute;
	top:0; /*left: 0;*/
	z-index:2; /* for opera5 (?) and o6/mac */
	}
	
#kc, #kc em  {
	width:201px;
	height:90px;
	background:url(../images/logo.jpg) no-repeat;
	}
#kc a, #kc em a { cursor:pointer; }
* html>body #kc em {		/* for ie5.x/mac only */
	margin-bottom: -90px	/* Required to bring text
						   underneath image. Use the negative
						   height of the image here.*/
	}
/* General IR statements for IE5.x mac only */
* html>body	.image-replace { 
	position: static;
	overflow: visible;
	font-size:1em;
	 /* Since overflow: hidden doesn't
   work with ie5.x/mac, we choose a
   font-size here that will keep
   the headline small enough to fit
   completely under the span.*/
	}
* html>body	.image-replace em  { position: static; }
* html>body	.image-replace a { text-decoration: none;
	/* ie5.0-5.1.x/mac must have this value or the underline
		shows through the image. */
  	}
/* —[ ------------------------------------ ]— */
/**********************************************************************/

#content, #content-about {
	padding: 16px 16px 50px 19px;
	width: auto;
	background: url(../images/brick_bg.jpg) no-repeat;
	}
#content-about { background: url(../images/brick-gallery_bg.jpg) no-repeat; }
#imageHomeHolder { padding: 12px 0 0 12px; }
#formBox, #contactformBox {
	float: left;
	margin: 15px 0 0 5px;
	/* can't use padding as bg won't align to corner edge */
	width: 262px;
	background: url(../images/form_box_bg.gif) repeat transparent;
	background-color: #b3171b;
	}
#contactformBox { float:right; margin:15px 5px 0 0; }
#topHook { background: url(../images/form_box_top.gif) no-repeat transparent; }
#bottomHook { background: url(../images/form_box_bottom.gif) no-repeat transparent bottom; }
#bottomHook p {
	padding: 0 10px 0 10px;
	color: white;
	font-family: arial, helvetica, sans-serif, verdana;
	font-size: .7em;
	line-height: 1.5em;
	}
#bottomHook form p { font-size: 100%; }
#bottomHook #first { padding-top: 10px; }



/* =Form elements 
----------------------------------------------- */
form {
	padding: 0 10px 10px 10px;
	color: white;
	font-family: arial, helvetica, sans-serif, verdana;
	font-size: .7em;
	}
fieldset { border: 0; }
input, textarea {
	margin-bottom: 4px;
	width: 242px;
	background: url(../images/form_bg.jpg) repeat-x;
	background-color: #ffffff;
	border: 0;
	}
textarea {
	font-family: arial, helvetica, sans-serif, verdana;
	font-size: 1.2em;
	}
* html #container #content #formBox input, textarea { margin-bottom: 2px; }
#state { width: 69px; }
#zip { width: 170px; }
div#optOut { padding: 5px 0 5px 0; }
input.radio {
	margin:0;
	padding:0;
	width: 20px;
	background:none;
	color: #000000;
	vertical-align:text-bottom;
	}
form span { margin:0 15px 0 0; padding:0 0 0 0; color: #000000; }
div#Buttons { padding: 5px 0 5px 0; }
input.formButtons { text-indent: -9999px; cursor:pointer; border:0; }
input#submit { width:168px; height:16px; }
input#clear{ width:62px; height:16px; }



/* =Directions Section 
----------------------------------------------- */
#directionBox {
	float: right;
	margin: 15px 10px 0 0;
	width: 266px;
	color: white;
	font-family: arial, helvetica, sans-serif, verdana;
	font-size: .7em;
	line-height: 1.5em;	
	}
#directionBox p { margin: 0 5px 0 5px; }
#map { border: 7px solid #a22025; }
#centerCity {
	margin: 20px 5px 5px 5px;
	width: 72px;
	height: 10px;
	display: block;
	background: url(../images/center_city.gif) no-repeat;
	}
#centerCity span {
	width: 100%;
	height: 100%;
	display: block;
	text-indent: -9999px;
	}
#montgomeryville {
	margin: 20px 5px 5px 5px;
	width: 114px;
	height: 10px;
	display: block;
	background: url(../images/montgomeryville.gif) no-repeat;
	}
#montgomeryville span {
	width: 100%;
	height: 100%;
	display: block;
	text-indent: -9999px;
	}
#norristownKop {
	margin: 20px 5px 5px 5px;
	width: 186px;
	height: 10px;
	display: block;
	background-image: url(../images/norristown_kop.gif);
	background-repeat: no-repeat;
	}
#norristownKop span {
	width: 100%;
	height: 100%;
	display: block;
	text-indent: -9999px;
	}
* html #container #content #directionBox #centerCity, 
* html #container #content #directionBox #montgomeryville, 
* html #container #content #directionBox #norristownKop {
	margin-bottom: 0px;
	}



/* =Contact Page
----------------------------------------------- */
#contactAddressBox {
	margin: 12px 0 0 -3px;
	width: 320px;
	color: white;
	font-family: arial, helvetica, sans-serif, verdana;
	line-height: 1.5em;
	background-image: url(../images/contact_address_box_bg.jpg);
	float: left;
	}
#contactAddressBoxTopHook {
	width: 100%;
	background: url(../images/contact_address_box_top.jpg) no-repeat transparent;
	}
#contactAddressBoxBotomHook {
	width: 100%;
	background: url(../images/contact_address_box_bottom.jpg) no-repeat transparent bottom;
	}
#contactAddressBoxBotomHook p {
	margin: 20px 0 0 30px;
	color: white;
	font-family: arial, helvetica, sans-serif, verdana;
	font-size: .75em;
	line-height: 1.5em;
	}
#contactAddressBoxBotomHook p.last { padding-bottom: 50px; }
#contactPic { margin: 10px 0 0 16px; }
#myspace {
	position: relative;
	top: -10px;
	left: -4px;
	}



/* =Around Town Page
----------------------------------------------- */
#aroundTownBox {
	margin: 12px 0 0 -4px;
	width: 595px;
	height:auto;
	background-image: url(../images/around_town_box_bg.jpg); 
	}
#aroundTownBoxTopHook {
	background: url(../images/around_town_box_top.jpg) no-repeat transparent;
	}
#aroundTownBoxBotomHook {
	clear:both;
	float:left;
	width: 595px;
	height:60px;
	background: url(../images/around_town_box_bottom.jpg) no-repeat transparent bottom;
	}
div#aroundTownList {
	position:relative;
	float:left;
	margin:13px 0 0 13px;
	width: auto;
	}
ul#aroundTownLinks {
	list-style:none;
	margin:0;
	padding:0;
	width:auto;
	overflow:hidden;
	}
ul#aroundTownLinks li {
	margin: 0; 
	padding: 0;
	float:left;
	}
ul#aroundTownLinks li.left { margin-right:7px }
ul#aroundTownLinks a {
	float: left;
	margin: 0 0 20px 0; 
	padding: 99px 0 3px 0px;
	overflow: hidden;
	height: 0px !important; 
	height /**/:99px; /* for IE5/Win */
	}
#mainst a {
	width:281px;
	background:url(../images/main_st.gif) no-repeat;	
	}
#mainst a:hover { background:url(../images/main_st_on.gif) no-repeat; }

#theater a {
	width:281px;
	background:url(../images/ambler_theater.gif) no-repeat;
	}
#theater a:hover { background:url(../images/ambler_theater_on.gif) no-repeat; }

#playhouse a {
	width:281px;
	background:url(../images/act_ii.gif) no-repeat;	
	}
#playhouse a:hover{ background:url(../images/act_ii_on.gif) no-repeat; }

#temple a {
	width:281px;
	background:url(../images/temple.gif) no-repeat;	
	}
#temple a:hover{ background:url(../images/temple_on.gif) no-repeat; }

#ymca a {
	width:281px;
	background:url(../images/ymca.gif) no-repeat;	
	}
#ymca a:hover { background:url(../images/ymca_on.gif) no-repeat; }

#septa a { 
	width:281px;
	background:url(../images/septa.gif) no-repeat;	
	}
#septa a:hover { background:url(../images/septa_on.gif) no-repeat; }



/* =About Page
----------------------------------------------- */
#galleryHolder { 
	margin:0 0 5px 0; 
	padding:27px 24px 0 24px; 
	width:auto;
	height:276px;
	}
#aboutBox {
	margin:0 0 0 12px;
	width: 561px;
	color: white;
	font-family: arial, helvetica, sans-serif, verdana;
	line-height: 1.5em;
	background-image: url(../images/about_box_bg.jpg);
	}
#aboutBoxTopHook {
	width: 100%;
	background: url(../images/about_box_top.jpg) no-repeat transparent;
	}
#aboutBoxBotomHook {
	width: 100%;
	background: url(../images/about_box_bottom.jpg) no-repeat transparent bottom;
	}
#aboutBoxBotomHook p {
	padding: 15px;
	color: white;
	font-family: arial, helvetica, sans-serif, verdana;
	font-size: .7em;
	line-height: 1.5em;
	}



/* =Special Events Page
----------------------------------------------- */
#specialEventsBox {
	margin: 12px 0 0 5px;
	width: 575px;
	background-color: #ad0c10;
	}
	
#specialEventsBox p {
	padding: 15px;
	color: white;
	font-family: arial, helvetica, sans-serif, verdana;
	font-size: .7em;
	line-height: 1.5em;
	}
	
	
#spLeft { float: left; }
#spRight { float: left; }
.spMenuBox {
	margin: 8px 0 0 10px;
	width: 275px;
	color: white;
	font-family: arial, helvetica, sans-serif, verdana;
	line-height: 1.5em;
	background-image: url(../images/sp_menu_box_head_bg.jpg);
	}
.spMenuBoxTopHook {
	width: 100%;
	background: url(../images/sp_menu_box_head_top.jpg) no-repeat transparent;
	}
.spMenuBoxBotomHook {
	width: 100%;
	background: url(../images/sp_menu_box_head_bottom.jpg) no-repeat transparent bottom;
	}
.spMenuBoxBotomHook h2 {
	padding: 3px 5px 5px 10px;
	color: white;
	font-family: arial, helvetica, sans-serif, verdana;
	font-size: .85em;
	}
.spMenuBoxBotomHook h2 span {
	font-weight: normal;
	font-size: .7em;
	line-height: 1.2em;
	position: relative;
	top: -5px;
	}
.spMenuBoxBotomHook ul {
	margin: 0 0 0 10px;
	padding: 5px 0 10px 0;
	color: white;
	font-family: arial, helvetica, sans-serif, verdana;
	font-size: .7em;
	line-height: 1.2em;
	list-style-type: none;
	}
.spMenuBoxBotomHook ul li { margin-bottom: 10px; }
.spMenuBoxBotomHook ul li.spaced { margin-top: 10px; }
.spMenuBoxBotomHook ul li.first { margin-top: 0px; }
.spMenuBoxBotomHook p {
	margin: 0 0 0 10px;
	padding-top: 5px;
	color: white;
	font-family: arial, helvetica, sans-serif, verdana;
	font-size: .7em;
	line-height: 1.5em;
	}
.spMenuBoxBody {
	margin: 0 0 0 10px;
	width: 275px;
	background-image: url(../images/sp_menu_box_head_bg.jpg);
	}
.spMenuBoxBotomHook hr {
	margin: auto;
	width: 93%;
	color: #7b0003;
	background-color: #7b0003;
	}
#veryLast { padding-bottom: 112px; }


/* =SPECIAL Events Page
----------------------------------------------*/
#SE_single
{
width: 450px;
padding: 0px;
clear;

}

#se_events li
{
list-style-type: none;
font-family:verdana, helvetica, arial, sans-serif;
font-size:.8em;
color: #c00004;
list-style-position:outside;
margin: 0;
padding: 0.25em;


}

#SE_container
{
display:block;
width: 100%;
margin:0px;
height: 320px;

}


#SE_left
{
float:left;
display:inline;
width: 150px;
padding: 20px;

}

#SE_left h4
{
font-family: arial, helvetica, sans-serif, verdana;
font-size: .8em;
color:#fbf103;
padding: 10px 0px 5px 0px;	
}

#SE_left p
{
font-family: arial, helvetica, sans-serif, verdana;
font-size: .6em;
padding: 0px 0px 5px 0px;	

}

#SE_center
{
float:left;
display:inline;
width: 150px;
padding: 20px;

}

#SE_center h4
{
font-family: arial, helvetica, sans-serif, verdana;
font-size: .8em;
color:#fbf103;
padding: 10px 0px 5px 0px;	
}

#SE_center p
{
font-family: arial, helvetica, sans-serif, verdana;
font-size: .6em;
padding: 0px 0px 5px 0px;	

}

#SE_right
{
float:right;
display:inline;
width: 150px;
padding: 20px;


}

#SE_right h4
{
font-family: arial, helvetica, sans-serif, verdana;
font-size: .8em;
color:#fbf103;
padding: 10px 0px 5px 0px;	
}

#SE_right p
{
font-family: arial, helvetica, sans-serif, verdana;
font-size: .6em;
padding: 0px 0px 5px 0px;	

}

#selist li
{
display: inline;
width:30%;
padding: 10px;
list-style-type: none;
}




/* =Menu Page
----------------------------------------------- */
#menuNav { float: left; }
#menuNav ul {
	margin: 30px 0 0 0;
	list-style-type: none;
	}
#menuNav ul li {
	margin: 0 0 5px 0;
	width: 137px;
	height: 31px;
	display: block;
	background-repeat: no-repeat;
	}
#menuNav ul li a {
	width: 137px;
	height: 31px;
	text-indent: -9999px;
	display: block;
	}
#menuNav ul li a:hover {
	width: 255px;
	height: 31px;
	background-repeat: no-repeat;
	}

#appetizers { background-image: url(../images/appetizers.gif); }
#appetizers a:hover { background-image: url(../images/appetizers_on.gif); }

#fries { background-image: url(../images/fries.gif); }
#fries a:hover { background-image: url(../images/fries_on.gif); }

#burgers { background-image: url(../images/burgers.gif); }
#burgers a:hover { background-image: url(../images/burgers_on.gif); }

#lighter { background-image: url(../images/lighter.gif); }
#lighter a:hover { background-image: url(../images/lighter_on.gif); }

#sandwiches { background-image: url(../images/sandwiches.gif); }
#sandwiches a:hover { background-image: url(../images/sandwiches_on.gif); }

#chickenwraps { background-image: url(../images/chickenwraps.gif); }
#chickenwraps a:hover { background-image: url(../images/chickenwraps_on.gif); }

#entrees { background-image: url(../images/entrees.gif); }
#entrees a:hover { background-image: url(../images/entrees_on.gif); }

#drinks { background-image: url(../images/drinks.gif); }
#drinks a:hover { background-image: url(../images/drinks_on.gif); }

#kids { background-image: url(../images/kids.gif); }
#kids a:hover { background-image: url(../images/kids_on.gif); }

#menuBox {
	position: relative;
	float: right;
	margin: 12px 0 0 0;
	width: 331px;
	background-image: url(../images/menu_box_bg.jpg);
	text-align: right;
	}
#menuBoxTopHook {
	width: 100%;
	background: url(../images/menu_box_top.jpg) no-repeat transparent;
	}
#menuBoxBotomHook {
	padding: 0 0 40px 0;
	width: 100%;
	min-height: 570px;
	background: url(../images/menu_box_bottom.jpg) no-repeat transparent bottom;
	}
*html #menuBoxBotomHook { height: 570px; }

#menuBoxBotomHook p {
	margin: 0 25px 0 25px;
	padding: 15px 0 0 0;
	text-align: center;
	color: white;
	font-family: arial, helvetica, sans-serif, verdana;
	font-size: .7em;
	line-height: 1.5em;
	}
#menuBoxBotomHook p span { display: block; }

#menuBoxBotomHook table {
	margin: auto;
	color: white;
	font-family: arial, helvetica, sans-serif, verdana;
	font-size: .7em;
	line-height: 1.5em;
	}
#menuBoxBotomHook table tr td { text-align: left; }
#menuBoxBotomHook table.spacedTbl { margin-top: 15px; }

#menuBoxBotomHook h3 {
	padding: 15px 0 0 0;
	text-align: center;
	color: white;
	font-family: arial, helvetica, sans-serif, verdana;
	font-size: .8em;
	}
#menuBoxBotomHook table.spacedTbl2 {
	position: relative; /* used position here instead of padding since padding was causing a problem in IE */
	top: 15px;
	}
#menuBoxBotomHook table.spacedTbl2 tr td {
	padding-bottom: 15px;
	}



/* =Footer Section 
----------------------------------------------- */
#footer {
	clear: both;
	position: absolute;
	padding: 0 0 7px 0;
	width: 626px;
	bottom:0;
	text-align: center;
	}
#footer p {
	color: white;
	font-family: arial, helvetica, sans-serif, verdana;
	font-size: .7em;
	}