/* Yogie Wirastra CSS */
/* MAIN BODY */
BODY {font-family : arial, verdana;
text-align: justify;
font-size : 78%;
background-color: #FFFFFF ;
color: #000000; 
letter-spacing: 0px;
margin: 0 0 0 0;
}

p {margin: 0 0 10px 0}
span {font-style: normal}
span.red {color: red}
div.bucket {float: left; padding: 0 20px 5px 0; position: relative; text-align: center}
div.rightbucket {float: right; padding: 0 0px 0px 20px; position: relative; text-align: center}

.reference {font-size: 80%}
span.reference {font-size: 80%; vertical-align:super}

.warning {border: 1px solid #95B6DA;
margin: 0px 35px 0px 35px;
padding: 15px 15px 15px 30px;
background-image: url('../images/button/informationicon.gif'); 
background-repeat: no-repeat; background-attachment: scroll; 
background-position: left center; clear: both;
}

table {vetical-align: top; border: 0px; width: 100%; border-collapse: collapse}
td {vertical-align: top; border: 0px; width: 50%; padding: 0px 10px 0 10px}
td.triple {width: 33%; vertical-align: middle}
td.middle {vertical-align: middle}
td.bottom {vertical-align: bottom}
img {border: 0px}
img.left {float: left; padding: 0 20px 20px 0}
img.right {float: right; padding: 0 0px 20px 20px}
.quotenotice {
	border: medium dotted #3CBFFA;
	padding: 15px;
	color: darkgreen;
	font-style: normal;
	margin-right: 20px;
	margin-left: 20px;
	text-align: center;
}
p.check {margin-left: 15px; padding-left: 25px; 
background-image: url('../images/2007/check.gif');
background-repeat: no-repeat; 
background-attachment: scroll;
background-position: left center; margin: 3px 0 3px 0;
}

p.arrow {margin-left: 35px; padding-left: 25px; 
background-image: url('../images/2007/arrow.gif');
background-repeat: no-repeat; 
background-attachment: scroll;
background-position: left center; margin: 3px 0 3px 0;
}

p.pdf{margin-left: 30px; padding-left: 25px; 
background-image: url('../images/2007/pdflogo.jpg');
background-repeat: no-repeat; 
background-attachment: scroll;
background-position: left center; height: 20px;
}

.justify {text-align: justify}
.left {text-align: left}
.right {text-align: right}
.center {text-align: center}
.hottips {color: red; border: 1px dotted orange;
margin: 0 15px 0 15px;
padding: 5px 20px 5px 20px; 
background-color: #FFCCFF}

/* LINKS */
A:LINK {font-size: 98%;
color : #3B7B70;
text-decoration: none;
font-weight: bold;
}

A:VISITED {font-size: 98%;
color : navy-blue;
text-decoration: none;
font-weight: bold;
}

A:HOVER {
color: red;
text-decoration: none;
}
A:ACTIVE {
color : #5C6684;
text-decoration : underline;
}


#header {
	height: 120px;
	width: 750px;
	background: #FFFFFF url('medileaf%20new%20slogan%20banner.jpg');
	repeat: no-repeat;
	attachment: scroll;
}
#wrap {
	background-position: right;
	margin: 0 auto;
	width: 750px;
	background-image: url('genhealth_14.jpg');
	background-repeat: repeat-y;
}
#main {
	float: left;
	width: 540px;
	padding: 10px 10px 0 0;
	background-color: #FFFFFF;
}
#nav {
	width: 750px;
	padding: 0 0 3px 0;
	background-color: #FFFFFF;
}

#contentwrap { margin: 0 auto; width: 100%
}

#leftwrap {float: left;
padding: 0 0 0 0; width: 48%
}

#rightwrap {float: right;
padding: 0 0 0 0; width: 48%
}

#midlewrap {width: 29%; position: absolute
}

#left3wrap{float: left;
padding: 0 0 0 0; width: 29%

}

#right3wrap{float: right;
padding: 0 0 0 0; width: 29%

}

#sidebar {
	float: right;
	width: 200px;
	}

#sidebar p{
text-align: center; font-size: 0.85em;
color: #5C6684;
font-weight: bold;
}

#sidebar p.red {color: red}

#footer {clear: both;
	color: #666666;
	font-size: 11px;
	text-align: justify;
	font-family: tahoma;
	margin: 0px 0 -30px 0;
	padding: 30px 0 0 0;
	background-color: #FFFFFF;
}


/* HEADINGS*/

h1 {
	background-position: left center;
	font-family: Georgia;
	color: #3366CC;
	text-align: left;
	font-size: 22px;
	font-weight: bold;
	letter-spacing: 2px;
	border-left-width: 1px;
	border-right-width: 1px;
	border-top-width: 1px;
	padding-left: 100px;
	background-image: url('bmp%20leaf%20kecil.jpg');
	background-repeat: no-repeat;
}

h2 {
text-align: left;
font-size: 14px;
font-weight: bold;
letter-spacing: 1px;
color : #5C6684; margin: 25px 0 5px 0 ;
}

h3 {
font-size : 10pt;
font-weight : bold;
color : #5C6684
}

h6 {
text-align: left;
font-size: 12px;
font-weight: bold;
color: #000000;
border-bottom: 1px solid #000000;
}

/* classes for navigation menu */

.chromestyle{
font-weight: bold;
background: url('../images/chromebg.gif') repeat-x center;
font-size: 11px;
font-family:Verdana
}

:after.chromestyle{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
color:#808080
}

.chromestyle ul{
border-right: 1px solid #BBB;
border-top: 0px;
width: 100%;
margin: 0;
text-align: center;
color:#333333;
padding: 4px 0 4px 0;
}

.chromestyle ul li{
display: inline;
}

.chromestyle ul li a{
color: #494949;
margin: 0;
text-decoration: none;
border-right: 1px solid #DADADA;
padding: 4px 7px 4px 7px;
}

.chromestyle ul li a:hover{
color: red;
}

.chromestyle ul li a[rel]:after{ /*HTML to indicate drop down link*/
content: ""; color:#808080;
}


/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0;
border: 1px solid #BBB; /*THEME CHANGE HERE*/
border-bottom-width: 0;
line-height:18px;
z-index:100;
background-color: white;
width: 200px;
visibility: hidden;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/
}


.dropmenudiv a{
width: auto;
display: block;
text-indent: 3px;
border-bottom: 1px solid #BBB; /*THEME CHANGE HERE*/
text-decoration: none;
font-size: 11px;
color: #000000;
padding: 2px 0 2px 0;
text-align: left;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%; text-align: left;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #DBDDE6; color:#FF0000
}