/*body {background-image: url('grey_stone.gif')} */
body {
	/*background-color:#ffff99;*/
	background-color:white;
	font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-size:10pt;
}

p { text-indent: 0em; margin-bottom:0.5em; text-align:left;}

p.hindent { margin-top:0em; margin-bottom:0.5em;
            text-indent:-4em; padding-left:4em;}

p.indent { margin-top:0em; margin-bottom:0.5em;
            text-indent:0em; padding-left:4em;}

dt {
	
	text-align:left;
	font-weight:bold;
}
dt.closed {
	
	color:red;
}
.hotbutton {
	font-weight:bold;
	font-size:120%;
	margin-bottom:0.5em;
}	
dd {
	text-align:left;
	margin-bottom:0.5em;
}

/*
a:link {color:blue}
a:visited {color:red}
*/

span.tag {
	font-weight:bold;
	font-family:"Verdana,Geneva,Arial";
	font-size:120%;
	color:#FF6700;
	/*border: 3px solid #FFcc06;*/
}

h1,h2,h3,h4 {font-family:Verdana,Geneva,Arial,Helvetica; color:#FF6700}  /*#FF6700 */

span.first {
	float:left;
   width:1em;
	font-size:200%;
}

span.logoTop { /*The first line of text with the logo*/
	font-size:300%;
	color:#FF6700
}
span.logoRest { /*The other lines of text with the logo*/
	font-size:100%;
	color:#FF6700
}
span.here { /* you are here . . . */
	font-size:80%;
}
span.actnow { /* inline call to action */

}
img.left {/* The margin to the right of an image that is aligned left */
border:1;
float:left;	
margin-right: 1ex;
margin-left: 1ex;
margin-top: 1ex;
margin-bottom: 1ex
}
img.right {/* The margin to the left of an image that is aligned right */
border:1;
float:right;	
margin-right: 1ex;
margin-left: 1ex;
margin-top: 1ex;
margin-bottom: 1ex
}
img.inline{ /*The image is in line with the text with no border and a margin to the left and right*/
border:0px;
margin-left: 1ex;
margin-right:1ex;
margin-top: 1ex;
margin-bottom: 1ex
}

img:hover { border-color:#FF6700; }

/* an image floating to the right with a light gray background and an italic centered  caption below the image.
<div class=caption>
<img src=/image/animage.jpg><br>a caption
</div>
*/
.caption, .captionLeft, .captionRight, .gallery td{
  margin-left: 2ex;
  margin-right:2ex;
  margin-top: 2ex;
  margin-bottom: 2ex;
  padding:2ex; 
  text-align:center;
  font-style:italic;
  font-size:75%;
  /*background-color:#F5F5F5; *//* WhiteSmoke */
  background-color:#dbd6d3; /* Tab color */
}

.captionLeft {
  float:left;
}
.captionRight {
  float:right;
}
br.clear {
  clear:both;
}

/* A table with a lot of pictures in it.  A photo gallery */
.gallery {
  border-spacing:2ex;
}

.gallery img {
  border:none;
}

.gallery td {
  vertical-align:top;
}

td.picture {
	vertical-align:text-top; 
	padding-top:0.5em;
	padding-left:0.5em;
	padding-right:0.5em;
	padding-bottom:0.5em;
}

table.actnow {border:5; }
td.actnow { background:white; }

/* Format the schedule table */
td.weekday {;}
td.weekend { background:lightyellow}
h3.header { text-align:center; font-size:100%; font-weight:bold; 
				color:black;
				font-family:"Comic Sans MS" }
.rowheader { text-align:center; font-size:90%; font-weight:bold; 
				color:black; font-family:"Comic Sans MS" }
h3.special { text-align:center; font-size:90%; font-weight:bold; 
				color:red; font-family:"Comic Sans MS";
				padding:2px}
h3.dynamic { text-align:center; font-size:90%; font-weight:bold; 
				color:green; font-family:"Comic Sans MS";
				padding:2px}
h3.ashtanga { text-align:center; font-size:90%; font-weight:bold; 
				color:blue; font-family:"Comic Sans MS";
				padding:2px}
h3.pilates { text-align:center; font-size:90%; font-weight:bold; 
				color:black; font-family:"Comic Sans MS";
				padding:2px}

li.news {
	margin-bottom:1em;
	}

/* format the horizontal menu */
ul.menu
{
/*float:left;*/
width:100%;
padding:0em;
margin:2em;
list-style-type:none;
}

li.menu {
	display:inline;
	margin:0em;
}

li.menu2 {
	list-style-type:none;
	display:compact;
	margin:0.5em;
}

td.topMenu{
	vertical-align:text-top; 
	padding-top:0.5em;
	padding-left:0.5em;
	padding-right:0.5em;
}

td.bottom{
	vertical-align:text-top; 
	padding-top:0.5em;
	padding-left:0.5em;
	padding-right:0.5em;
}

td.sideMenu{ /* The table cell for the menu */
	vertical-align:text-top; 
	background-color:#ffff99; /*#ffcc06*/
	width:20em; /*200px;*/
	padding-top:0.5em;
	padding-left:0.5em;
	padding-right:0.5em;
}
td.rightSide{ /* The table cell for the ads on the right side */
	vertical-align:text-top; 
	background-color:#ffff99; /* #FFCC06 */
	width:20em; /*250px; */
	padding-top:0.5em;
	padding-left:0.5em;
	padding-right:0.5em;
}
td.content {
	vertical-align:text-top; 
	background-color:white;  /* #ffff99 */
	padding-top:0.5em;
	padding-left:0.5em;
	padding-right:0.5em;
	width:40em;
}
td.wideContent {
	vertical-align:text-top; 
	background-color:white;  /* #ffff99 */
	padding-top:0.5em;
	padding-left:0.5em;
	padding-right:0.5em;
	width:53em;
}
td.ad {
	vertical-align:text-top; 
	background-color:yellow;
	padding-top:0.5em;
	padding-left:0.5em;
	padding-right:0.5em;
}

p.sideMenu{ /* The formatting of the side menu first level*/
	margin-left:1em;
	margin-right:0.5em;
	margin-bottom:0.3em;
	margin-top:0em;
}
p.sideMenu2{ /* The formatting of the side menu second level*/
	margin-left:1em;
	margin-right:0.5em;
	margin-bottom:0.3em;
	margin-top:0em;
	padding-left:1em;
}
p.sideMenu3{ /* The formatting of the side menu third level*/
	margin-left:1em;
	margin-right:0.5em;
	margin-bottom:0.3em;
	margin-top:0em;
	padding-left:2em;
}
.footer { /* The bar at the bottom of the content page */
    border-top:10px solid #ffcc06;

}

p.bottom{/* The formatting of the bottom stuff (copyright, links, etc*/
	font-size:75%;
	text-align:center;
}
p.tagline {
	font-size:90%;
	text-align:left;
	font-weight:bold;
}

p.services{ /* The formatting of the services line at the bottom of the page */
	font-size:75%;
	text-align:right;
}

a.sideMenu { /* The buttons in the side menu */
	/*width:8em;*/
	/*text-decoration:none;*/
	/*background-color:#ffff99;
	padding:0.1em 0.1em 0.1em 0.1em;
	border: 1px solid #FF6700;
	color:blue;*/
}
a.sideMenu:hover {/*background:#FF6700;color:black*/}

input.text {background:white;}

.navtab {
	margin:0px 0px 0px 0px;
	vertical-align:bottom;
}
.navtablower {
	background-color:#FFCC06; 
	margin:0px 0px 0px 0px;
	vertical-align:bottom;
}

a.actionMenu
{
	width:8em;
	/*text-decoration:none;*/
	background-color:#FFCC06;
	padding:0.1em 0.1em 0.1em 0.1em;
	border: 1px solid #FF6700;
	color:blue;
}

p.pageMenu {
	margin-left:1em;
	margin-top:0em;
	margin-bottom:0.3em;
}

a.pageMenu {
}

a.menu
{
/*float:left;*/
width:8em;
text-decoration:none;
background-color:#FFCC06;
padding:0.1em 0.1em 0.1em 0.1em;
border: 1px solid #FF6700;
}
a.menu-nolink
{
/*float:left;*/
width:8em;
text-decoration:line-through;
background-color:silver;
padding:0.2em 0.6em 0.2em 0.6em;
border: 1px solid slategray;
}
a.menu:link {color:black}
a.menu:visited {color:black}
a.menu:hover {background:#FF6700; color:black}
/*a.sideMenu:hover {background:#FF6700; color:black}
a.pageMenu:hover {background:#FF6700; color:black}
a.actionMenu:hover {background:#FF6700; color:black}
*/
/* end the menu stuff */