/* External Style Sheet for screen: Milltown Minigolf Family Fun Center */
/* Site Design: Black Cap Design */

* {margin: 0} /* sets margin on everything to 0 to address IE & non-IE rendering inconsistencies  */
img {border: none;} /* removes border on all images */

body 
{
	padding: 0;
	font-family: "Arial", "Helvetica", sans-serif;
	font-size: 12px;
	background: #2f2865;
	min-width: 770px; /* prevents design collapse (header) on small window resize */
	margin-left: 1px;	
}
.no_display
{
	display: none;	
}
/* ------------<HEADER>------------ */
/* =================<OUTER CONTAINER DIVs>==================== */
#middle 
{
 	background: #2f2865 url('../images/bg_mid.jpg') repeat-y;
 	background-position: center;
 	padding: 0;
}
/*
#top
{
	background: #fbf7ec url('../images/bg_top.gif') no-repeat;
	background-position: top center; 
	height:	32px;
}

#bottom 
{
	background: #fbf7ec url('../images/bg_bottom.gif') no-repeat;
	background-position: bottom center;
	height: 32px;
}
*/
/* =================</OUTER CONTAINER DIVs>==================== */
#banner
{
	background: url('../images/banner.jpg') no-repeat;
	height:	223px;
	width: 770px;
}

/* ------------</HEADER>------------ */


#container
{
	margin: 0 auto;
	width: 770px;
	padding: 0;
	position: relative;	/* necessary for absolute positioning of h_nav & v_nav_top */
	background: transparent;
}
#float_wrapper 
{
	float: left;
	width: 595px;
}	
#left_sidebar /* col 1 */
{
 	
	float: left;
	width: 190px;
 	height: 200px;
}
#content /* col 2 */
{
	margin-left: 190px;
	padding: 20px 20px 16px 20px;
	color: #2f2865;	
	background: transparent;
	min-height: 700px;
}

#right_sidebar /* col 3 */
{
	margin-left: 595px;
	background: url('../images/right_sidebar_bg.jpg') no-repeat;
	width: 175px;	
	height: 472px;
}
/* ---------------<CONTENT DIVs>-------------- */

h1
{
	margin: 20px 0 0px 0;
	font-size: 16px;
}
h2
{
	margin: 14px 0 4px 0;
	font-size: 14px;
}
h4 /* content-box headings */
{
	margin: 0 0 -2px -12px;
	padding: 0;
	text-align: center;
	font-size: 14px;
}
p, .emulate_p /* for highslide */
{
	margin: 8px 0;
	line-height: 150%;	
}
#text
{
	padding: 0;	
}
#content ul.standard
{
	margin: -4px 0 0 10px;
/* list-style-type: none; */
	padding: 0 0 0 16px;	
}
ul.standard li
{
/*  background: transparent url('../images/bullet.gif') no-repeat; 
  background-position: 0px 1px;	 */
  padding: 0 0 0 0px;  
	line-height: 150%;	
}
ul.none
{
	margin: -4px 0 0 0;
	list-style-type: none;
	padding: 0 0 0 16px;
	line-height: 200%;					
}
ul.link_list
{
	list-style-type: none;
	font-weight: bold;
	line-height: 160%;
	margin: 4px 0 12px 0;
	padding: 0;
}
.content_box
{
	border: 1px solid #2f2865;
	background: #c5d5e9;
	width: 80%;
	margin: 8px 0;
	padding: 10px 8px;	
}
#map_frame
{
	width: 356px;
	height: 275px;
	border: 1px solid #c0c0c0;	
}
.nowrap
{
	white-space: nowrap;	
}
/* begin image sandbags */
#curve1, #curve2, #curve3, #curve4, #curve5, #curve6, #curve7, #curve8, #curve9, #curve10, #curve11, #curve12, #curve13, #curve14, #curve15,  #curve16, #curve17, #curve18, #curve19
{
	float: right; 
	clear: right; 
	padding: 0;
}
#curve1
{
	width: 150px;
	margin: 16px 0 0 0px;
	height: 12px;
	background: url('../images/bear1.gif') no-repeat;
}
#curve2
{
	width: 164px;
	margin:  0 0 0 0px;
	height: 12px;
	background: url('../images/bear2.gif') no-repeat;	
}
#curve3
{
	width: 176px;
	margin:  0 0 0 12px;
	height: 12px;
	background: url('../images/bear3.gif') no-repeat;	
}
#curve4
{
	width: 184px;
	margin:  0 0 0 12px;
	height: 12px;
	background: url('../images/bear4.gif') no-repeat;	
}
#curve5
{
	width: 190px;
	margin:  0 0 0 12px;
	height: 12px;
	background: url('../images/bear5.gif') no-repeat;	
}

#curve6
{
	width: 196px;
	margin:  0 0 0 10px;
	height: 12px;
	background: url('../images/bear6.gif') no-repeat;	
}
#curve7
{
	width: 199px;
	margin:  0 0 0 10px;
	height: 12px ;
	background: url('../images/bear7.gif') no-repeat;	
}
#curve8
{
	width: 201px;
	margin:  0 0 0 10px;
	height: 12px;
	background: url('../images/bear8.gif') no-repeat;	
}
#curve9
{
	width: 202px;
	margin:  0 0 0 10px;
	height: 12px;
	background: url('../images/bear9.gif') no-repeat;	
}

#curve10
{
	width: 202px;
	margin:  0 0 0 10px;
	height: 12px;
	background: url('../images/bear10.gif') no-repeat;	
}
#curve11
{
	width: 202px;
	margin:  0 0 0 10px;
	height: 12px ;
	background: url('../images/bear11.gif') no-repeat;	
}
#curve12
{
	width: 200px;
	margin:  0 0 0 10px;
	height: 12px;
	background: url('../images/bear12.gif') no-repeat;	
}
#curve13
{
	width: 196px;
	margin:  0 0 0 10px;
	height: 12px ;
	background: url('../images/bear13.gif') no-repeat;	
}

#curve14
{
	width: 193px;
	margin:  0 0 0 10px;
	height: 12px;
	background: url('../images/bear14.gif') no-repeat;	
}
#curve15
{
	width: 197px;
	margin:  0 0 0 10px;
	height: 12px ;
	background: url('../images/bear15.gif') no-repeat;	
}
#curve16
{
	width: 190px;
	margin:  0 0 0 10px;
	height: 12px;
	background: url('../images/bear16.gif') no-repeat;	
}
#curve17
{
	width: 190px;
	margin:  0 0 0 10px;
	height: 12px;
	background: url('../images/bear17.gif') no-repeat;	
}
#curve18
{
	width: 170px;
	margin:  0 0 0 10px;
	height: 12px;
	background: url('../images/bear18.gif') no-repeat;	
}
#curve19
{
	width: 132px;
	margin:  0 0 0 10px;
	height: 8px;
	background: url('../images/bear19.gif') no-repeat;	
}

/* end image sandbags */

#slideshow
{
	margin: 0 0 18px 0;	
}
/* -----<hours of operation table> ------ */
th 
{
	padding: 0 0.5em;
	text-align: left;
}
table.hours
{
	border-collapse: collapse;
	border: 1px solid #002C55;
	width: 350px;
	margin: 10px 0 20px 0;
}

.col_head  
{
	border-top: 1px solid #002C55;	
	border-bottom: 1px solid #002C55;	
}
th.columnA, th.columnB, th.columnC, th.columnD
{
	border-right: 1px solid #002C55;
	border-bottom: 1px solid #002C55;
	line-height: 1.25em;		
	padding: 4px;	
	vertical-align: top;
	background: #e9f0f8; 
}

th.columnA {width: 12%;}
th.columnB, th.columnC, th.columnD {width: 22%;}

.colA, .colB, .colC, .colD
{
	background: white;
}
table.hours td
{
	line-height: 1.25em;
	padding: 4px;
	border-bottom: 1px solid #002C55;
	border-right: 1px solid #002C55;	
}


/* ----</hours of operation table> ------ */
/* ---------------</CONTENT DIVs>-------------- */

/* ============<HORIZONTAL NAVIGATION>============ */
#h_nav 
{
	position: absolute;
	top: 200px;
	left: 178px;
	width: 428px;
	height: 24px;  
	float: left;
  font-size: 11px;
  font-weight: 900;
}
#h_nav ul 
{
	margin: 0;
	padding: 0 10px 0 54px;
	list-style:none;
}
#h_nav li 
{
  display: inline;
  line-height: 98%;
  margin: 0;
  padding: 0;
}
#h_nav a 
{
  float:left;
	background: url('../images/h_tab_left.gif') no-repeat left top;
  margin: 0 2px;
  padding: 0 0 0 4px;
  text-decoration: none;
}
#h_nav a span 
{
  float: left;
  display: block;
	background: url('../images/h_tab_right.gif') no-repeat right 0%;
  padding: 6px 15px 6px 10px;
  color: #f5f5f5;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#h_nav a span {float:none;}
/* End IE5-Mac hack */
#h_nav li#h_active a, #h_nav li#h_active a:visited             
{
  background-position: 0% -24px;
  color: black;
}
#h_nav li#h_active a span  
{
  background-position: 100% -24px;
  color: black;
}
#h_nav a:hover
{
  background: url('../images/h_tab_left2.gif') no-repeat;	
  background-position: 0% -24px;
  color: black;
}
#h_nav a:hover span
{
	background: url('../images/h_tab_right2.gif') no-repeat;
  background-position: 100% -24px;
  color: black;	
}
#h_nav li#h_active a:hover
{
	background: url('../images/h_tab_left.gif') no-repeat;
	background-position: 0% -24px;
	color: black;	
}
#h_nav li#h_active a:hover span 
{
	background: url('../images/h_tab_right.gif') no-repeat;
	background-position: 100% -24px;
	color: black;	
}
/* ============</HORIZONTAL NAVIGATION>============ */

/* --------------<LEFT SIDEBAR>---------------- */

#left_sidebar_ad
{
 padding-left: 2px;	
 width: 172px;
 height: 112px;
}

/* --Sidebar Navigation-- */
#v_nav_top
{
	position: absolute;
	top: 190px;
	left: 0;
	background: url('../images/sidebar_nav_top.jpg') no-repeat;	
	background-position: 0% 0%;	
	width: 190px;
	height: 120px;			
}
#v_nav
{
	margin-top: 103px;
}
#navlist
{
	position: relative; 
	padding: 0px 0 36px 13px;
	width: 147px; 
}
#navlist li, #navlist li ul li
{
	list-style: none;
	font-size: 12.5px;
	line-height: 175%;
	font-weight: bolder;
}

#navlist a
{
	display: block;
	margin: 8px 0;
	padding: 0 0 0 22px;
	width: 141px;
	height: 21px;
	color: #2f2865;
	text-decoration: none;
	background: url('../images/nav_li_bg2.gif') no-repeat;
	background-position: top left;
}
#navlist li a:link 
{ 
	color: #f5f5f5; 
}
#navlist li a:visited 
{ 
	color: #f5f5f5; 
}
#navlist li a:hover
{

	color: #f5f5f5;
	background: url('../images/nav_li_bg2.gif') no-repeat;
	background-position: 0% -21px;	
}
li#v_active a:link, li#v_active a:visited, li#v_active a:hover
{
	color: #2f2865;
	background: url('../images/nav_li_bg2.gif') no-repeat;
	background-position: 0% -42px;
}
/* --/Sidebar Navigation-- */
/* --------------</LEFT SIDEBAR>---------------- */
/* --------------<RIGHT SIDEBAR>---------------- */

.right_sidebar_image
{
	margin: 0;
	padding: 0;	
}
/* --------------</RIGHT SIDEBAR>--------------- */
#footer
{
	position: relative;
	clear: both;
	width: 770px;
	margin: 0 auto;
	height: 26px;
	padding-top: 20px;
	background: url('../images/footer_bg.jpg') no-repeat;
	background-position: left bottom;
}
#address
{
	position: absolute;
	left: 10px;
	bottom:	12px;
	color: #f5f5f5;
	text-align: center;
}
#blowing_bubbles
{
	position: absolute;
	right: 4px;
	bottom: 4px;
	height: 400px;
	width: 148px;
	background:	url('../images/blowing_bubbles.png') no-repeat;
}
#footnote
{
	font-size: 9px;
	color: #787878;
	margin: -6px 0 0 250px;
}	
#design_credit
{
	padding-left: 80px;	
}
#experts_in_fun
{
	position: absolute;
	bottom: 36px;
	left: 340px;
	color: #fe4a12;
	font-weight: bold;
	font-size: 20px;
		
}
/* ===<ANCHORS>=== */
a:link
{
	color: #e33600;
	text-decoration: underline;

}
a:visited
{
	color: #9d5e4a;
	text-decoration: underline;
}
a:hover
{
	color: #e33600;
	text-decoration: none;	
}
#footnote a:link, #footnote a:visited, #footnote a:hover
{
	color: #787878;
	text-decoration: underline;
}
#footnote a:hover
{
	text-decoration: none;	
}
#address a, #address a:visited, #address a:hover
{
	color: white;
	text-decoration: underline;	
}
#address a:hover
{
	color: white;
	text-decoration: none;	
}

/* ===</ANCHORS>=== */

.bak2top 
{
  font-family: Arial;
  font-size: 10px;
  font-weight: bold;
  color: black;
	background-color: #fe4a12;
  border: 1px solid;
  border-color: #cccccc;
  padding: 2px;
  z-index: 10;
}
.bak2top a
{
  color: black;
  background-color: #fe4a12;
  border: none;
}