* { margin:0; padding:0 }
html { height:100.1% }
BODY {
	font-size: 76%;
	background: #2C1908 url(../images/top-bg.jpg) repeat-x;
	font-family: Gill Sans MT, Tahoma, Veranda, Arial;
	color: #404040;
}
#wrapper { width:756px; margin:0 auto }
#header { width:736px; height:27px; background: url(../images/header.gif) no-repeat; text-align:right; padding:2px 20px 0 0; clear:both }
#header a, #footer a { color:#fff; text-decoration:none; font-size:0.9em }
#header a:hover { text-decoration:underline }
#mainBg { 
	background: url(../images/subpage-bg.png) center repeat-y;
	width:750px; 
	margin:0 auto;  
	font-size:1.1em; 
	overflow:hidden; 
}
#sideMenu ul { width:244px; list-style: none; }
#sideMenu li a { 
	list-style: none;
	font-size:1.1em; 
	height:25px; 
	background:url(../images/button.gif) no-repeat; 
	color:#fff; 
	display:block;
	padding: 3px 0 0 35px;
	text-decoration:none }
#sideMenu li a:hover { background:url(../images/button2.gif) no-repeat; color:#fff }	
#joinUs { background:#5E3310; width:192px; padding:10px 10px 0 20px; color:#fff }

#currentEvents {  /* Events section is set to auto scroll when height exceeds 165px */
	width:410px; 
	height:165px; 
	padding:10px; 
	overflow:auto;
	margin:0 0 10px 0;
	border:1px solid #65391F;
	font-size:0.9em;
	color:#431D07;
}
#currentEvents br { line-height:0.6em }

#footer { background:url(../images/subpgfooter.png) no-repeat; width:756px; font-size:0.9em; height:47px; color:#fff }
#copyright { font-size:0.9em; margin:20px 0 0 20px }
#banner { width:435px; height:213px }

/* LINKS, TEXT, & CONTENT STYLES */
a { color:#4581A7; text-decoration:none }
a:hover  { color: #522C00; text-decoration: underline; } 
.featured { list-style:none }
.featured ul { list-style:none }
.featured li { background: url(../images/arrow.gif) center left no-repeat; padding:0 0 1px 15px }
.pageTitle { font-weight:bold; font-size:1.1em; color:#65391F; }
.calendarFont { font-size:1.5em }
#rightContent { padding:10px 35px 10px 30px; margin:0 auto }
.left { float:left; position: relative }
.right { float: right; position:relative }
.interior-box {background:#C0AA87; color:#2C1908; border:solid 1px #4f4b48; padding:3px; line-height:1.2em; width:435px}
.image-outer {border:1px solid #512C0E; margin-right:4px; margin-bottom:2px;}
.image-outer2 {border:2px solid #512C0E; margin-right:6px; margin-bottom:2px;}
.category-center {background:none; padding:2px; width:622px; border:#2C1908 double; height:100%; color:#32363A; float:left}
.category-left {background:none; padding:8px; width:275px; border:#2C1908 double; height:100%; color:#2C1908; float:left}
.category-right {background:none; padding:8px; width:275px; border:#2C1908 double; height:100%; color:#2C1908; float:right}
h2 {  font-size:1.04em }
.eventsDate { background:#A45800; color:#fff; text-decoration:none; padding:0 3px; font-weight:bold }
.eventsMonth { 
	font-weight:bold; 
	font-size:1em; 
	background:#F7EBD8; 
	width:95%; 
	padding:0 4px; 
	clear:both; 
	margin:5px 0; 
	border-bottom:1px solid #B9ACA3
}

/* MISC & FORM STYLES */
.form { 
	border:1px solid #7F9DB9;
	height:15px; 
	width:155px; 
	background: #fff; 
	font-size:90%;
	padding:2px 0 0 5px
}
.clear { clear:both }
.spacer { height:2px; clear:both }



/* FORMS */

.formbox {
	background-color: rgb(204, 204, 204);
	border-radius: 14px;
	padding: 12px;
	width: 80%;
}

.newsletter {
	background-color: rgb(204, 204, 204);
	border-radius: 14px;
	padding: 12px 20px 12px 20px;
	width: 80%;
	align: center;
	width: 50%;
}
	
input[type=text], select, textarea {
  width: 95%;
  padding: 6px;
  border: 1px solid #ccc;
  border-radius: 4px;
  resize: vertical;
  margin-bottom: 8px;
}

input[type=submit] {
	background-color: #2c1908;
	color: white;
	padding: 8px;
	border: none;
	border-radius: 4px;
	cursor: pointer;
	margin-top: 8px;
}

input[type=checkbox], input[type=radio] {
  vertical-align: middle;
  position: relative;
  bottom: 1px;
}

input[type=radio] {
  bottom: 2px;
}

select {
	margin-top: 8px;
}

.formsh {
	font-weight: bold;
	margin-bottom: 8px;
}


/* Practitioners Grid */

.grid-container {
  display: -ms-grid;
  display: grid;
  grid-template-columns: auto auto;
  -ms-grid-columns: 1fr;
  background-color: none;
}
.grid-item1 {
	-ms-grid-column: 1;
	-ms-grid-row: 1;
	position: relative;
	background-color: rgb(194, 197, 170);
	padding: 18px 8px 60px 8px;
	font-size: 1em;
	text-align: center;
	border-radius: 8px;
	margin: 8px;
}
.grid-item2 {
	-ms-grid-column: 2;
	-ms-grid-row: 1;
	position: relative;
	background-color: rgb(194, 197, 170);
	padding: 18px 8px 60px 8px;
	font-size: 1em;
	text-align: center;
	border-radius: 8px;
	margin: 8px;
}

.grid-container img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	z-index: 2;
	border-radius: 12px;
}

.grid-container a {
	font-weight: bold;
}

.practitle {
	display: block;
	position: absolute;
	padding: 4px;
	width: 90%;
	left: 0;
	right: 0;
	margin: auto;
	top: 138px;
	z-index: 1;
	background-color: #e7dfaa;
	border-radius: 8px;
}

.info-container {
}

.info-container p {
	margin-bottom: 8px;
	margin-right: 2em;
}

#subhead {
	font-weight: bold;
	margin: 16px 0px 4px 0px;
}