BODY {
padding-right : 20px; 
padding-left : 20px; 
padding-top : 1px; 
padding-bottom : 20px; 
font : small/1.5em Arial Narrow; 
background : #fff;
color : #000; 
voice-family : inherit; 
} 

UNKNOWN {
font-size : small; 
}

#top{
float: left;
padding-right : 20px; 
padding-left : 20px; 
padding-top : 1px; 
padding-bottom : 20px; 
width: 100%;
}

#leftside{
float: left;
width: 100%;
font-family:veranda;
font-size:8pt;

background:  url('http://www.thathealthplace.com/images/left_content_background.jpg');
background-repeat: no-repeat;
}

#centercontent{
float: left;
width: 100%;
padding-left: 5px;
padding-right: 2px;
}

#rightside{
width: 20%;
float: right;
}

.navtop {
font-family: arial;
font-size: 12px;
float: left; 
width: 100%; 
line-height: normal; 
border-bottom: 1px solid #ffffff; 
} 

.navtop ul {
padding-right: 0px; 
padding-left: 0px; 
padding-bottom: 0; 
margin: 0; 
padding-top: 4px; 
style-type: none;
} 


.navtop li {
padding-right: 0; 
padding-left: 3px; 
background: url('http://www.thathealthplace.com/images/lightleft.gif') no-repeat left top; 
float: left; 
padding-bottom : 0; 
margin: 0; 
padding-top: 0; 
} 

.navtop a {
padding-right: 10px; 
display: block; 
padding-left: 5px; 
font-weight: bold; 
background: url('http://www.thathealthplace.com/style/right.gif') no-repeat right top; 
float: left; 
padding-bottom: 4px; 
color: #000099; 
padding-top: 5px; 
text-decoration: none; 
} 

.navtop a {
float: none; 
} 
.navtop a:hover {
color: #990; 
} 

.navlist {
padding: 2px 2px 0px 2px; 
margin-left:0;
border-bottom : 1px solid #778; 
font : 14px Arial Narrow; 
} 
.navlist li {
list-style : none; 
margin: 0px; 
display : block; 
} 
.navlist li a {
padding : 2px 0.5em 0px 0.5em; 
margin: 1px;
border : 1px solid #778; 
border-bottom : none; 
background : #c3dbc3; 
text-decoration : none; 
} 
.navlist li a:link {
color : #000000; 
} 
.navlist li a:visited {
color : #000000; 
} 
.navlist li a:hover {
color : #000; 
background : #9db09d; 
border-color : #227; 
} 
.navPyra {
font-size : 12px; 
margin: 0px; 
padding: 0px; 
border-bottom : 1px solid #253E90; 
} 
.navPyra li {
font-size : 12px; 
margin: 0px; 
padding: 0px; 
display : inline; 
list-style-type : none; 
} 
.navPyra a:link, .navPyra a:visited {
font-size : 12px; 
line-height : 14px; 
font-weight : bold; 
padding : 0 12px 6px; 
text-decoration : none; 
color : #38c038; 
} 
.navPyra a:link.active, .navPyra a:visited.active, .navPyra a:hover {
font-size : 12px; 
color : #000000; 
background : url('http://www.thathealthplace.com/style/pyramid.gif') no-repeat bottom center; 
/*
font-style : normal; 
font-variant : normal; 
font-weight : normal; 
*/
} 
.navPyr {
font-size : 12px; 
margin : 0; 
padding : 0 0 0px 0px; 
border-bottom : 1px solid #253E90; 
} 
.navPyr li {
font-size : 12px; 
margin : 0; 
padding : 0; 
display : inline; 
list-style-type : none; 
} 
.navPyr a:link, .navPyr a:visited {
font-size : 12px; 
line-height : 14px; 
font-weight : bold; 
padding : 0 12px 6px; 
text-decoration : none; 
color : #38c038; 
} 
.navPyr a:link.active, .navPyr a:visited.active, .navPyr a:hover {
font-size : 12px; 
color : #000000; 
background : url('http://www.thathealthplace.com/style/pyramid.gif') no-repeat bottom center; 
/*
font-style : normal; 
font-variant : normal; 
font-weight : normal; 
*/
}

.navleft{
font-family:arial;
font-size:10px; 
}


.navleft ul{

list-style: none;
margin-left: 0px;
border-left: 0px;
padding-left: 0px;
padding-right: 0px;
border-right: 0px;
}

.navleft li{

float: left;
color: #336633;
margin-left: 0px;
padding-right : 0px; 
padding-left : 0px; 
padding-bottom : 0px; 
padding-top : 0px;
}

.navleft a{

display: block;
float: left;
margin-left: 0px;
padding-right : 0px; 
padding-left : 0px; 
padding-bottom : 0px;  
padding-top : 0px; 
text-decoration : none;
}

* html #navleft li a{ /*IE only. Actual menu width minus left padding of A element (3px) */
width: 15%;
}

.navleft li a:hover {
color : #990; 
} 

#navigation_top ul, #navigation_top ul li {
     list-style: none;
     margin: 0;
     padding: 0;
 }

 #navigation_top ul {
     text-align: center;
 }

 #navigation_top ul li {
     display: inline;
     margin-right: .75em;
 }

 #navigation_top ul li.last {
     margin-right: 0;
 }

#navigation_top li a {
     padding: 5px 1em;
 }

#navigation_top ul li a {
     background: url('“tab-right.gif”') no-repeat 100% 0;
     color: #06C;
     text-decoration: none; padding-left:0; padding-right:0; padding-top:5px; padding-bottom:5px
 }

 #navigation_top ul li a span {
     background: url('“tab-left.gif”') no-repeat;
     padding-left:1em; padding-right:1em; padding-top:5px; padding-bottom:5px
 }

 #navigation_top ul li a:hover span {
     color: #69C;
     text-decoration: underline;
 }

/*\*//*/
 #navigation_top ul li a {
     display: inline-block;
     white-space: nowrap;
     width: 1px;
 }
 /**/

/*\*/
 * html #navigation_top ul li a {
     padding: 0;
 }
 /**/
 
#centeredmenu {
   font-family: arial;
   font-size: 12px;
   font-weight: bold;
   float:left;
   width:100%;
   border-bottom:0px solid #000;
   overflow:hidden;
   position:relative;
}
#centeredmenu ul {
   clear:left;
   float:left;
   list-style:none;
   height:4em;
   margin:0;
   padding:0;
   position:relative;
   left:50%;
   text-align:center;
}
#centeredmenu ul li {
   display:block;
   background:url('http://www.thathealthplace.com/Style/longbutton_266x46.png') no-repeat center middle;
   float:left;
   list-style:none;
   margin-right: 2px;
   padding:2px 5px 2px 5px;
   position:relative;
   right:50%;
}
#centeredmenu ul li a {
   display:block;
   color:#336633;
   text-decoration:none;
   line-height:2em; 
   padding: 2px 5px 2px 5px;
}
#centeredmenu ul li:hover {
   display:block;
   float:left;
   list-style:none;
   margin-right: 2px;
   padding:2px 5px 2px 5px;
   position:relative;
   right:50%;
}
#centeredmenu ul li a:hover {
   display:block;
   background:url('http://www.thathealthplace.com/Style/dark_button_background.jpg') no-repeat top middle;
   color:#336633;
   text-decoration:none;
   line-height:2em; 
   padding: 2px 5px 2px 5px;
}

#tablebackground{
background:url('http://www.thathealthplace.com/Style/vertical_menu_background-3.png') no-repeat;
}

#leftmenu1 {
   font-family: arial;
   font-size: 12;
   font-weight: bold;
   float:left;
   border-bottom:0px solid #000;
   overflow:hidden;
}
#leftmenu1 ul {
   list-style:none;
   margin:0;
   padding:0;
   position:left 0%
}
#leftmenu1 ul li {
   text-align: left;
   display:block;
   float:left;
   list-style:none;
   margin-bottom: 1px;
   padding:2px 5px 2px 5px;
}
#leftmenu1 ul li a {
   display:block;
   color:#336633;
   text-decoration:none;
   line-height:16pt; 
   padding: 2px 5px 2px 5px;
}
#leftmenu1 ul li:hover {
   display:block;
   float:left;
   list-style:none;
   margin-right: 0px;
   padding:2px 5px 2px 5px;
}
#leftmenu1 ul li a:hover {
   font-weight: bold;
   display:block;
   background:url('http://www.thathealthplace.com/Style/dark_button_background.jpg') no-repeat top middle;
   color:#336633;
   text-decoration:none;
   line-height:16pt; 
   padding: 2px 5px 2px 5px;
}

#leftmenu2 {
   font-family: arial;
   font-size: 10;
   font-weight: bold;
   float:left;
   border-bottom:0px solid #000;
   overflow:hidden;
}
#leftmenu2 ul {
   list-style:none;
   margin:0;
   padding:0;
   position:left 0%
}
#leftmenu2 ul li {
   text-align: left;
   display:block;
   float:left;
   list-style:none;
   margin-bottom: 1px;
   padding:2px 5px 2px 10px;
}
#leftmenu2 ul li a {
   display:block;
   color:#336633;
   text-decoration:none;
   line-height:1em; 
   padding: 2px 5px 2px 10px;
}
#leftmenu2 ul li:hover {
   display:block;
   float:left;
   list-style:none;
   margin-right: 0px;
   padding:2px 5px 2px 10px;
}
#leftmenu2 ul li a:hover {
   display:block;
   background:url('http://www.thathealthplace.com/Style/dark_button_background.jpg') no-repeat top middle;
   color:#336633;
   text-decoration:none;
   line-height:1em; 
   padding: 2px 5px 2px 10px;
}

#button {
	width: 14em;
	border-right: 0px solid #000;
	padding-right: 5;
	margin-bottom: 0.25em;
	font-family: 'Trebuchet MS', 'Lucida Grande',
	  Verdana, Lucida, Geneva, Helvetica, 
	  Arial, sans-serif;
	font-size:"8pt";
	color: #336633;
	}
#button ul {
		list-style: none;
		margin: 0;
		padding: 0;
		border: none;
		}
		
	#button li {
		border-bottom: 1px solid #ffffff;
		margin: 0;
		}
#button li a {
		display: block;
		padding: 2px 2px 2px 0.25em;
		color: #336633;
		text-decoration: none;
		width: 100%;
		}

	html>body #button li a {
		width: auto;
		}

	#button li a:hover {
		background: url('http://www.thathealthplace.com/Style/dark_button_background.jpg') no-repeat top middle;
		color: #336633;
		}
		
/* CSS Popout menuv */

/* Fix IE. Hide from IE Mac \*/
* html #menuv ul li{float:left;height:1%;}
* html #menuv ul li a{height:1%;}
/* End */

#menuv
	{	
	position:absolute;	
	left:1em;
	z-index: 10;
	width: 12em;						/* [1] width of menu item (i.e., box) */
	text-align: left;
	font-size: 9pt;
	font-family: Arial;
	font-weight:bold
	}

#menuv a
	{
	width: 100%;
	display:block;						
	padding-top: 0.2em;						/* expands menu box vertically*/
	padding-bottom: 0.2em;
	border-bottom:1px solid #ffff;		/* adds bottom border */
	white-space:nowrap;
	}

#menuv a, #menuv a:visited
	{
	color: #336633;
	background-color: none;
	text-decoration:none;	
	}

#menuv a.parent, #menuv a:hover.parent
	{

	}

#menuv a:hover
	{
	background:url('http://www.thathealthplace.com/Style/dark_button_background.jpg') no-repeat top middle;
	}
		
#menuv li
	{
	list-style-type:none;		/* removes bullets */
	}
	
#menuv ul li
	{
	position:relative;
	}

#menuv li ul
	{
	position: absolute;
	top: 0;
	left: 12em;				/* distance from  left menu (this should be the same as width value in #menuv [1]) above */
	display: none;
	}

div#menuv ul, #menuv ul ul, div#menuv ul ul ul
	{
	margin:0;				/* keeps the menu parts together */
	padding:0;
	width: 12em;			/* width of sub menus  (this should be the same as width value in #menuv [1]) above */
	}

div#menuv ul ul, div#menuv ul ul ul, div#menuv ul li:hover ul ul, div#menuv ul li:hover ul ul ul
	{
	display: none;
	}

div#menuv ul li:hover ul, div#menuv ul ul li:hover ul, div#menuv ul ul ul li:hover ul
	{
	display: block;
	}