body {
	margin:5px;
	padding:5px;
	font:14px  Trebuchet, "Trebuchet MS", Geneva, Helvetica, Arial, sans-serif;
	font-weight:400;
	line-height:18px;
	color:black;
	background-color: white;
	}
.clear{
	clear:both;
	}
#header{
	position:relative;
	top:10px;
	left:0px;
	height:450px;
	background: url(../buttons/title.jpg) center/contain no-repeat;
 }
#msg {
	position:fixed;
	top:2px;
	left:0px;
	color: black;
	padding:0px 10px 0px 10px;
	font:14pt verdana,arial, helvetica, sans-serif;
	text-align:center;
	width:100%;
	background-color:#dcb076;
	border-bottom:2pt solid #6C3600;
	white-space:nowrap;
	overflow:hidden;
	text-overflow: ellipsis;
	z-index:3;
	}
/* Main menu settings */
#menctr{
   position:fixed;
   top:30px;
   padding-top:0px;
   width:400px;
   margin-left:35%;
   text-align:center;
   font-family:Verdana, Geneva, sans-serif; /* Menu font */
   font-size:12pt; /* Menu text size */
   line-height:1.2em;
   z-index:3; /* This makes the dropdown menus appear above the page content below */
	}
#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0px 0px;
	list-style: none;
	font:14pt  arial, times, helvetica, sans-serif;
	line-height:1.2em;
	}
#nav a {
	display: block;
	width: 120px;
	text-align:center;
	background-color:#dcb076;
	border:1px solid black;
	border-radius: 15px;
	line-height:1.2em;
    font:14pt  arial, times, helvetica, sans-serif;
	}
#nav li { /* all list items */
	float: left;
	width: 120px; /* width needed or else Opera goes nuts */
	}
#nav li ul { /* second-level lists */
	position: absolute;
	background-color: none;
	width: 100px;
	font:10pt  arial, times, helvetica, sans-serif;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	}
#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	}
#slidebar{/*photo slide bar across top of page*/
	margin:10px 0px 5px 0px;
	width:99%;
	overflow:hidden;
	color:black;
	padding:5px 0px 5px 0px;
	background: white;
	border:1pt solid #000000 ;
	font-size: 16px;
	font-weight: 200;
	line-height:1.2em;
	text-align:center;
	font-family: ariel, helvetica, sans-serif;
	}
#Content {/*Main Content*/
	margin:15px 10px 30px 10px;
	width:auto;
	padding:0px;
	text-align:center;
	background: white;
	border:0pt solid white;
	font-size: 16pt;
	font-weight: 400;
	line-height:20px;
	font-family: Trebuchet, "Trebuchet MS", Geneva, Helvetica, Arial, sans-serif;
 }
#social{/*used for the fb,linkedin,etc*/
	margin:auto;
	width:auto;
	text-align:center;
	}
/*DIVS USED WITH COLLAPSIBLE.JS  menu buttons*/
	.boxed{/*display collapsible list title button*/
		font:12pt 'arial narrow', arial, helvetica, sans-serif;
		text-align:center;
		background:#424d64;
		width:175px;
		color:#000000;
		margin:2px 0px;
		padding:2px 8px;
		border-radius:8px;
		clear:horizontal;
		}
	.active, .boxed:hover {/*background color on collapsible button*/
		background-color: #8d99a3;
		color:#3e4955;
		}
	.boxlist {/*content of boxed collapsible list*/
	  padding:5px 5px 5px 15px;
	  font:12pt 'arial narrow', arial, helvetica, sans-serif;
	  display: none;
	  overflow: hidden;
	  text-align:left;
	  background-color: none;
	  border-radius:8px;
	  }
/*END COLLAPSIBLE.JS DIVS*/
img.nb { 
	border-width:0pt;
	padding:2px;
	max-width:100%;	
	max-height:98%;
	}
.picsm {/*Used for thumbnails*/
	font:14pt georgia Arial Narrow Arial sans-serif;
	text-align:center;
	vertical-align:middle;
	color:black;
	margin:10px,10px,20px,10px;
	padding: 10px,10px,20px,10px;
	float:left;
	width: 180px;
	height:150px;
	background: white;
	border:1pt solid white;
	border-radius:8px;
	font-weight: 400;
	}
.piclgl {/*Used in info*/
	font:18px georgia Arial Narrow Arial sans-serif;
	vertical-align:text-top;
	text-align:text-top;
	color:white;
	margin:5px 30px 5px 0px ;
	padding: 5px 5px 5px 5px;
	float:left;
	max-width:45%;
	background-color:none;
	border:4pt outset #E2E4E9;
	border-radius:10px;
	font-weight:400;
	}
.piclgr {/*used in info*/
	font:18px georgia Arial Narrow Arial sans-serif;
	vertical-align:top;
	text-align:justify;
	color:white;
	margin:5px 0px 5px 5px;
	padding: 5px 5px 5px 5px;
	float:right;
	max-width:45%;
	background-color:none;
	border:4pt outset #E2E4E9;
	border-radius:10px;
	float:right;
	font-weight:400;
	}
TABLE.ctr{/* Used in Shop and Calendar*/
	margin:auto;
	width:auto;
	padding:0;
	float:none;
	}
.infol {/*Used in Info and on home page*/
	float:left;
	border:2pt white;
	vertical-align:text-top;
	text-align: left;
	margin:auto;
	width:100%;
	padding:5px 5px 5px 5px;
	height:auto;
	color:white;
	font:18pt georgia Arial Narrow Arial sans-serif;
	}
h2{
	font-family: Trebuchet, "Trebuchet MS", Geneva, Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 16px;
	color: #000000;
 }
.wh{/*white centered text*/
	color:white;
	text-align: center;
	}
.bl{/*Black Centered Text*/
	color:black;
	text-align: center;
}
a:link{
	color: #000000;
	font-weight: bold;
	text-decoration: none
	}
a:hover{
	color: #336600;
	font-weight: bold;
	text-decoration: none
	}
a:visited{
	color: #0000cc;
	font-weight: bold;
	text-decoration: none
	}
.BorderOn  { 
	width:120px;
	}
.BorderOff { 
	width:120px;
	}         
#Foot{
	color: black;
	font:10px Trebuchet,  "Trebuchet MS", Geneva, Helvetica, Arial, sans-serif;
	padding:7px;
	margin:auto;
	width: auto;
	font-weight: 200;
	text-align: center;
	}
a.foot:link{
	font-size:10px;
	color: black;
	text-align:center;
	}
a.foot:hover{
	font-size:10px;
	color: #6b7d87;
	text-align:center;
	}
a.foot:visited {
	font-size:10px;
	color: #4c4c4c;
	font-weight: bold;
	text-decoration: none
}
@media (max-width: 820px){
	#header{
		max-height:250px;
		top:20px;
		background-size: 95%;
		background: url(../buttons/title2.jpg) center/contain no-repeat;
		}
	#menctr{
		position:absolute;
		margin-left:0px;
		max-width:800px;
		}
	#slidebar{/*photo slide bar across top of page*/
		margin:20px 0px 5px 0px;
		}
	#Content {/*Main page Content*/
		margin:20px 10px 5px 10px;
		padding:2px;
		font-size: 14pt;
		}
}
@media (max-width: 500px){
	#header{
		max-height:150px;
		top:40px;
		background-size: 95%;
		}
	#menctr{
		position:absolute;
		margin-left:0px;
		max-width:500px;
		}
	#nav a {
		 width:115px;
		 }
	#nav li {
		width:115px;
		}
	#slidebar{/*photo slide bar across top of page*/
		margin:40px 0px 5px 0px;
		}
	#Content {/*Main page Content*/
		margin:35px 5px 5px 5px;
		padding:2px;
		font-size: 14pt;
		}
	.picsm {/*Used for thumbnails*/
		margin:5px,5px,5px,5px;
		padding: 5px,5px,5px,5px;
		width: 120px;
		height:140px;
		}
	.piclgl {/*Used in the Calendar for full size images*/
		margin:2px ;
		padding:2px;
		float:none;
		max-width:99%;
		}
	.boxed {/*display collapsible list title button*/
		font:10pt comic sans, arial;
		font-weight:600;
		text-align:center;
		background:white;
		color:black;
		padding:3px;
		width:110px;
		margin-bottom:1px;
		border: 1px solid black;
		border-radius:8px;
		}
	h4 {
		margin:0px 0px 5px 0px;
		padding:0px;
		font-size:10pt;
		line-height:10pt;
		font-weight:900;
		color:black;
		text-align:left;
		}
	.grpbox {
		max-width:90%;
		}
	#foot{
		margin:0px 10px 0px 0px;
		color: #000000;
		font:10px  times new roman, times, helvetica, sans-serif;
		padding:7px;
		font-weight: 200;
		width:auto;
		text-align: center ;
		clear:both;	
		}	
}