body {
background: url(images/bg.png) repeat-x top left #ffffff;
font-size: 14px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#564b47;
padding:0;
margin:0;
}
a {color: #15ADFF;}
a:visited {color:#15ADFF;}
a:hover {color: #564b47;}
a:active { color:#000000;}
a.sidebar {color: #333333; text-decoration: none;}
a.sidebar:visited {color: #333333; text-decoration: none;}
a.sidebar:hover {color: #785723; text-decoration: none;}
a.sidebar:active { color:#4D7193; text-decoration: none;}

h1 {
font-size: 11px;
padding:5px 5px;
margin:0
}

h2 {
color: #785723;
font-size:20px;
font-weight: normal;
padding: 5px 10px;
margin:0;}

h3 {
font-size:14px;
color: #F3E1A7;
font-weight: normal;
border-bottom:1px solid #F3E1A7;
padding: 5px 10px;
margin:0;}

h4 {
color: #333333;
font-size:14px;
font-weight: bold;
padding: 0px 0px;
margin:0;
}


img.download {vertical-align:middle;}


ul#nav {
	z-index: 10;
	list-style: none;
	padding-left: 22px;
	width: 200px;
	}
	ul#nav li {
		display: inline;
		font-size: 12px;
	}
	ul#nav li a {
		display: block;
		margin-left: 5px;
		float: left;
		text-align:left;
		margin-top: 0px;
		color: #333333;
		padding-top: 0px;
		font-weight: normal;
		text-decoration: none;
		list-style-image: none;
		}
		ul#nav li a:hover, ul#nav li a:active {
			color: #223342;
			list-style-image: none;
		}

.sidebar_cat {
	background: url(images/menu_bg4.png) no-repeat top left;
	width: 166px;
	height: 330px;
	margin: 0 auto;
	margin-left: 50px;
	margin-bottom: 5px;
	float: left;
}

.sidebar_cat h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 10px;
	color: #333333;
	background-image: url(images/sidebar_icon.png);
	background-repeat: no-repeat;
	padding-left: 5px;
	margin-bottom: 5px;
	margin-top: 5px;
}

.sidebar_cat ul li {
	font-size: 14px;
	margin-left: 0px;
	margin-top: 5px;
	padding-top: 10px;
	color: #333333;
	width: 120px;
	float: left;
	text-decoration: none;
	list-style-image: none;
    list-style: none;
    list-style-type: none;
    border-bottom:0px solid #333333;
}

.sidebar_cat ul li a {
	display: block;
	float: left;
}

.sidebar_cat ul li:hover {
	color: #333333;
	float: left;
}

#menu_wrap {
background: url(images/menu_bg.png) no-repeat top left;
width: 170px;
height: 310px;
margin: 0 auto;
}


#menu_top {
background: url(images/menu_bg_top.png) no-repeat top left;
width: 146px;
height: 25px;
margin: 0 auto;
}

#menu_mid {
background: url(images/menu_bg_mid.png) repeat-y top left;
width: 146px;
margin: 0 auto;
}

#menu_bottom {
background: url(images/menu_bg_bottom.png) no-repeat top left;
width: 146px;
height: 25px;
margin: 0 auto;
}

/* ----------container to center the layout-------------- */
#container {
width: 984px;
margin-bottom: 10px;
margin: 0 auto;
}

#wrap {
background: url(images/body_bg_mid1.png) repeat-y top left;
width: 984px;
margin: 0 auto;
}

.statement {
width: 900px;
margin: 0 auto;
text-align: right;
font-size: 11px;
padding:5px 0px;
}

/* ----------banner for logo-------------- */
#banner {
background: url(images/header_logo1.png) no-repeat top left;
text-align: right;
width: 483px;
height: 57px;
padding: 0px;
margin: 0px;
margin-top: 30px;
margin-bottom: 30px;
}
#banner img {padding:10px 0px;} 

/* -----------------content--------------------- */
#content {
padding: 0px;
margin: 0 250px;
}
div#content { 
min-height:600px;
height:expression(this.scrollHeight > 600 ? "auto":"600px"); 
}

p, pre{
padding: 5px 10px;
margin:0px;
}

#body_top {
background: url(images/body_bg_top1.png) no-repeat top left;
text-align: right;
width: 984px;
height: 45px;
padding: 0px;
margin: 0px;
}

#sep_long {
background: url(images/sep_long.png) no-repeat top left;
width: 849px;
height: 1px;
margin: 0 auto;
}

#sep_short {
background: url(images/sep_short.png) no-repeat top left;
width: 436px;
height: 1px;
margin: 0 auto;
margin-top: 20px;
margin-bottom: 20px;
}

/* --------------left navi------------- */
#left {
float: left;
width: 200px;
min-height:600px;
margin: 0;
padding: 0;
}
#right {
float: right;
width: 250px;
margin: 0;
padding: 0;
padding-top: 25px;
padding-right: 10px;
}

#quote {
background: url(images/quote.gif) no-repeat top left;
margin: 0 auto;
width: 200px;
height: 140px;
}

#hq {
background: url(images/hqFinal.jpg) no-repeat top left;
margin: 0 auto;
width: 212px;
height: 108px;
}

#homeopathy {
background: url(images/lab1.jpg) no-repeat top left;
margin: 0 auto;
width: 195px;
height: 247px;
}

#photo_1 {
background: url(images/barbara1.jpg) no-repeat top left;
margin: 0 auto;
width: 145px;
height: 184px;
}

#photo_2 {
background: url(images/randy1.jpg) no-repeat top left;
margin: 0 auto;
width: 145px;
height: 184px;
}

#photo_3 {
background: url(images/oscar.jpg) no-repeat top left;
margin: 0 auto;
width: 145px;
height: 184px;
}

#photo_wrap {
margin: 0 auto;
width: 100%;
height: 184px;
}

#birth {
background: url(images/birth.jpg) no-repeat top left;
margin: 0 auto;
width: 380px;
height: 239px;
}

#fm {
background: url(images/fm.jpg) no-repeat top left;
margin: 0 auto;
width: 380px;
height: 239px;
}

/* -----------footer--------------------------- */
#footer {
background: url(images/body_bg_bottom1.png) no-repeat top left;
width: 984px;
height: 45px;
clear: both;
margin: 0;
padding: 0;
padding-bottom: 25px;
text-align: center; }

#footer_wrap {
background: url(images/body_bg_mid1.png) repeat-y top left;
width: 984px;
margin: 0 auto;
}


/* -----------Panel Tab/button--------------------------- */
.tab {
 	margin: 0 auto;
	height: 42px;
	position: relative;
	padding-top: 20px;
	}

.tab ul.login {
	display: block;
	position: relative;
  	float: right;
  	clear: right;
  	height: 42px;
	width: auto;
  	font-weight: normal;
	line-height: 42px;
	margin: 0;
	right: 55px;
  	color: #333333;
  	font-size: 80%;
	text-align: center;
	}

.tab ul.login li.left {
 
  	height: 42px;
	width: 30px;
	padding: 0;
	margin: 0;
  	display: block;
	float: left;
}

.tab ul.login li.right {

  	height: 42px;
	width: 30px;
	padding: 0;
	margin: 0;
  	display: block;
	float: left;
}

.tab ul.login li {
 	text-align: left;
  	padding: 0 6px;
	display: block;
	float: left;
	height: 42px;
  
}

.tab ul.login li a {
	color: #15ADFF;
}

.tab ul.login li a:hover {
	color: #333333;
}

.tab .sep {color:#414141}

.tab a.open, .tab a.close {
	height: 20px;
	line-height: 20px !important;
	padding-left: 30px !important;
	cursor: pointer;
	display: block;
	width: 100px;
	position: relative;
	top: 11px;
}

.tab a.open {background: url(../images/bt_open.png) no-repeat left 0;}
.tab a.close {background: url(../images/bt_close.png) no-repeat left 0;}
.tab a:hover.open {background: url(../images/bt_open.png) no-repeat left -19px;}
.tab a:hover.close {background: url(../images/bt_close.png) no-repeat left -19px;}