/* background color gold not as gold as logo and not too light */
/* in between is FFD83D in stead of FFCC00 */
/* use comments to help with global replacement to change color */
/* samples  */ /* gold text in link */ 
/* logo blue text */ 

body {
	/* default size and color */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333366; /* logo blue text */ /* blue to match graphic text */
	background-position: center center;
	/* background-color: #EBF3FC;  lite blue to match calendar */
	/* text-align: center; */
	/* background-color: #FFFFFF; */
	
}

A:link, A:visited{
	 color: #333366; /* logo blue text */  
	 text-decoration: underline; 
}
A:active {color: #005573; }
A:hover {
	color: #EBF3FC;  /* lite blue text in link */
	text-decoration: underline; 
	background-color: #191970;
}



}
/* main bigger navleft, most likely to be used or most wanted to be used */
#navmain {
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;

}
#navmain ul {
	list-style: none;
	margin: 0;
	padding: 0;
	padding-top: 4px; 
}
#navmain li {
	/* border-bottom: 1px solid #717171; */
		display: inline; /* for horizontal */
}
#navmain  li a:link, #navmain a:visited {
	/* display: block; *//* this one as block makes it vertical buttons instead of horizontal */
	margin-right: 2px;
	padding: 3px 10px 2px 10px;
	color: #FFE47A;  /* text color on button */
	font-weight: bold; /* make standout more */
	background-color: #333366;   /* gold match FFCC00  too strong */
	text-decoration: none;
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	border-bottom: 1px solid #717171;  /* shadow gray color */
	border-right: 1px solid #717171;
}
#navmain li a:hover {
	border-top: 1px solid #717171;
	border-left: 1px solid #717171;
	border-bottom: 1px solid #FFFFFF; /* flip border shadding left to right to appear depressed */
	border-right: 1px solid #FFFFFF;
}
/* nav main end */


/* shop dine live work play   TEXT */
/* navleft horizontal TEXT */
#navtext {
	/* width: 125px; */
	font-size: 10px;
	font-family:  Verdana, Arial;
	font-weight: bold;
	font-style: italic;
	text-align: right;
}
#navtext ul {
	list-style: underline;
	margin: 0;
	padding: 0;
	padding-top: 4px; 
}
#navtext li {
	/* border-bottom: 1px solid #717171; */
		display: inline; /* for horizontal */
}
#navtext  li a:link, #navtext a:visited {
	/* display: block; *//* this one as block makes it vertical buttons instead of horizontal */
	margin-right: 2px;
	padding: 3px 8px 2px 8px;
	/* WHITE color: #FFFFFF;  text color on button */
	color: #FFE47A;  /*  Lite orange text color on button */
	/* background-color: #191970;
	text-decoration: none;
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	border-bottom: 1px solid #717171; */ /* shadow gray color */
	/* border-right: 1px solid #717171; */
}
/* sdlw hover position and current page are the same */
#navtext li a:hover,
body#shop li.shop a:link, body#shop li.shop a:visited, 
body#dine li.dine a:link, body#dine li.dine a:visited,
body#live li.live a:link, body#live  li.live a:visited,
body#work li.work a:link, body#work li.work a:visited,
body#play li.play a:link, body#play li.play a:visited,
body#about li.about a:link, body#about li.about a:visited
{
	border-top: 1px solid #717171;
	border-left: 1px solid #717171;
	border-bottom: 1px solid #FFFFFF; /* flip border shadding left to right to appear depressed */
	border-right: 1px solid #FFFFFF;
	background-color: #191970;
}
/* want the nav text to float with window resizing */
/* #navfloat {
	width: 800px;
	float: right;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
} */
#content {
	width: 630px;
	margin-left: auto;
	margin-right: auto;
	border: 2px solid #333366;
	background-color: #EBF3FC;
	color: #000000;
	padding: 0 20px 0 20px;
	text-align: left;
}
/* navleft down - navleft */
/* vertical navleft  trying to make look like buttons */
#navleft {
	/* width: 50px;*/ /* only set if going vertical */
	font-size: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#navleft ul {
	list-style: none;
	margin: 0;
	padding: 0;
	padding-top: 4px; 
}
#navleft li {
	border-bottom: 1px solid #717171;
	/* display: inline;  *//* for horizontal */
}
#navleft  li a:link, #navleft a:visited {
	display: block; /* this one as block makes it vertical buttons instead of horizontal */
	margin-right: .75px;
	padding: 3px 10px 2px 10px;
	color: #FFFFFF;  /* text color on button */
	background-color: #333366;
	text-decoration: none;
	font-weight: bold;
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	border-bottom: 1px solid #717171;  /* shadow gray color */
	border-right: 1px solid #717171;
}
#navleft li a:hover {
	border-top: 1px solid #717171;
	border-left: 1px solid #717171;
	border-bottom: 1px solid #FFFFFF; /* flip border shadding left to right to appear depressed */
	border-right: 1px solid #FFFFFF;
}
/* main navigatin buttons showing current page in reverse color - gold button with blue text */
/* current page - button background color settings and alterations to show current location of navigation */
body#home li.home, body#business li.business, 
body#calendar li.calendar, body#join li.join, body#contact li.contact {
	border-bottom: 1px solid #fff;
	color: #000000;
	background-color: #FFFFFF;
}
body#home li.home a:link, body#home li.home a:visited, 
body#business li.business a:link, body#business li.business a:visited,
body#contact li.contact a:link, body#contact  li.contact a:visited,
body#join li.join a:link, body#join li.join a:visited,
body#calendar li.calendar a:link, body#calendar li.calendar a:visited,
body#benefits li.benefits a:link, body#benefits li.benefits a:visited,
body#luncheon li.luncheon a:link, body#luncheon li.luncheon a:visited,
body#newboard li.newboard a:link, body#newboard li.newboard a:visited,
body#banquet li.banquet a:link, body#banquet li.banquet a:visited
{
	color: #333366;
	background-color: #FFE47A; 
}

#navleft li a:hover,
body#benefits li.benefits a:link, body#benefits li.benefits a:visited, 
body#board li.board a:link, body#board li.board a:visited,
body#giftcert li.giftcert a:link, body#giftcert  li.giftcert a:visited,
body#fees li.fees a:link, body#fees li.fees a:visited,
body#staff li.staff a:link, body#staff li.staff a:visited,
body#shopguide li.shopguide a:link, body#shopguide li.shopguide a:visited,
body#taste li.taste a:link, body#taste li.taste a:visited,
body#halloween li.halloween a:link, body#halloween li.halloween a:visited,
body#market li.market a:link, body#market li.market a:visited,
body#sidewalk li.sidewalk a:link, body#sidewalk li.sidewalk a:visited,
body#holiday li.holiday a:link, body#holiday li.holiday a:visited,
body#mo li.mo a:link, body#mo li.mo a:visited,
body#ad li.ad a:link, body#ad li.ad a:visited,
body#hours li.hours a:link, body#hours li.hours a:visited,
body#jazz li.jazz a:link, body#jazz li.jazz a:visited,
body#glennet li.glennet a:link, body#glennet li.glennet a:visited
{
	color: #333366;
	background-color: #FFE47A;
}

.geH1
{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 16px; 
	font-weight: bold; 
	color: #191970; 
	background-color: #EBF3FC;
}
.geH2
{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 14px; 
	font-weight: bold; 
	color: #191970; 
	background-color: #EBF3FC;
}
.geH3
{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-weight: bold; 
	color: #191970; 
	background-color: #EBF3FC;
}
.hrdiv  /* used on board of dir page as divider so you know what pictures goes with what name */
{
	font-weight:normal;
	color:#FFE47A;
	width:75%;
	text-align: left;

}

#btnforms {
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;

}
#btnforms ul {
	list-style: none;
	margin: 0;
	padding: 0;
	padding-top: 4px; 
}
#btnforms li {
	/* border-bottom: 1px solid #717171; */
	/* display: inline; /* for horizontal */
}
#btnforms  li a:link, #btnforms a:visited {
	/* display: block; *//* this one as block makes it vertical buttons instead of horizontal */
	margin-right: 2px;
	padding: 3px 10px 2px 10px;
	height: 14px;
	width: 150px;
	color: #FFE47A;  /* text color on button */
	font-weight: bold; /* make standout more */
	background-color: #333366;   /* gold match FFCC00  too strong */
	text-decoration: none;
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	border-bottom: 1px solid #717171;  /* shadow gray color */
	border-right: 1px solid #717171;
}
#btnforms li a:hover {
	border-top: 1px solid #717171;
	border-left: 1px solid #717171;
	border-bottom: 1px solid #FFFFFF; /* flip border shadding left to right to appear depressed */
	border-right: 1px solid #FFFFFF;
}