/* sets the main body properties */
BODY {
font-family : Arial;
font-size : 80%;
background-color: #FFFFFF ;
color:#000000; letter-spacing:0
}

.image        { border= 0 }
.isi         { text-align: justify; font-size: 12px; margin-top: 0; margin-bottom: 0; 
               padding-right: 20px; width:500px }
.submenu     { font-family: Verdana; font-size: 11px; font-weight: bold; text-align: center }
.content     { margin-right: 10px }
/* this group sets the normal link colors */
A:LINK {
color : #3B7B70;
text-decoration: none;
font-weight: bold;
}
.bd          { font-size: 75% }
A:VISITED {
color : #000000;
text-decoration : none;
font-weight: bold;
}
A:HOVER {
color : #5C6684;
text-decoration : underline;
font-weight: bold;
}
A:ACTIVE {
color : #5C6684;
text-decoration : underline;
font-weight: bold;
}

/* We like to use headings for special effects */

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('images/icon/IHS.png'); background-repeat:no-repeat
}

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

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;
}

HR {
color: #000000;
height: 1px;
width: 100%;
}

/* special classes */

.logoarea1 {
margin:0;
height: 17px;
text-align: left; font-size:75%; word-spacing:0; line-height:100%; float:left

}

.logoarea2   { font-size: 12px; font-family: Trebuchet MS; word-spacing: 0; text-align: center; 
               line-height: 100%; margin: 0; letter-spacing:1 }
.logoarea2 a:link { color: #000000; font: normal normal 90%/18px Verdana, Arial, sans-serif; text-decoration: none;}
.logoarea2 a:visited { color: #000000; font: normal normal 90%/18px Verdana, Arial, sans-serif; text-decoration: none;}
.logoarea2 a:hover { color: #000000; font: normal normal 90%/18px Verdana, Arial, sans-serif; text-decoration: none;}
.logoarea2 a:active { color: #000000; font: normal normal 90%/18px Verdana, Arial, sans-serif; text-decoration: none;}

.navbar1 {
color: #000000;
text-align: right;
font-size: 90%;
font-weight: bold;
height: 20px;
padding-right: 10px
}

.navbar2 {
background-color: #FFFFFF;
color: #000000;
text-align: center;
font-size: 11px;
padding-left:0px; padding-right:10px; padding-top:5px; padding-bottom:10px; font-family:Verdana; letter-spacing:0; margin-top:0; margin-bottom:0
}

.left {
background-color: #B9D4D3;
color: #000000;
font-size: 95%;
vertical-align: top;
text-align: center;
width: 200px;margin-top:0px; margin-bottom:0px; padding-top:20px; padding-bottom:20px

}

.right {
background-color: #FFFFFF;
color: #000000;
vertical-align: top;
width: 130px;float:right; padding-left:10px; padding-right:10px
}

.main {
background-color: #FFFFFF;
color: #000000;
vertical-align: top;
text-align: justify;
line-height: 16px;
height: 100%;
padding-left:10px; padding-right:10px; padding-top:20px; padding-bottom:20px; font-size:12px
}

.hottopic {
color: #000000;
width: 160px;
font-size: 85%;
font-weight: normal;
text-align: justify;
border: 1px solid #3B7B70;
padding: 4px;

}

.copyright {
color: #666666;
font-size: 10px;
text-align: justify;
height: 30px;
letter-spacing: 2px;
font-family:Tahoma; margin-top:0; margin-bottom:0
}

.ingredul {
margin-left: 15px; margin-top: 0; margin-bottom: 5px
}

/* classes for navigation menu */

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

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

.chromestyle ul{
border: 1px solid #BBB;
width: 100%;
/* background: ../images/chromebg.gif repeat-x center;  THEME CHANGE HERE*/
margin: 0;
text-align: center; font-family:Verdana; font-size:11px; color:#333333; padding-left:0; padding-right:0; padding-top:4px; padding-bottom:4px
}

.chromestyle ul li{
display: inline; font-size:11px; font-family:Verdana
}

.chromestyle ul li a{
color: #494949;
margin: 0;
text-decoration: none;
border-right: 1px solid #DADADA; font-size:11px; padding-left:7px; padding-right:7px; padding-top:4px; padding-bottom:4px; font-family:Verdana
}

.chromestyle ul li a:hover{
/*THEME CHANGE HERE background: url("images/chromebg.gif") repeat-x center; */; font-family:Verdana; font-size:11px; color:#FF0000
}

.chromestyle ul li a[rel]:after{ /*HTML to indicate drop down link*/
content: ""; font-size:11px; color:#808080; font-family:Verdana
}


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

.dropmenudiv{
position:absolute;
top: 0;
border: 1px solid #BBB; /*THEME CHANGE HERE*/
border-bottom-width: 0;
font:normal 12px Verdana;
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-weight: bold;
color: #000000;font-family:Verdana; font-size:11px; padding-left:0; padding-right:0; padding-top:2px; padding-bottom:2px
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%; font-size:11px; font-family:Verdana
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #DBDDE6;color:#FF0000
}table        { font-size: 100%; margin-top: 0; margin-bottom: 0 }

.wireframemenu{
border-bottom:0 solid #C0C0C0; background-color: #B9D4D3;
text-align:center
}

* html .wireframemenu{ /*IE only rule. Original menu width minus all left/right paddings */
width: 100%;
}

.wireframemenu ul{
padding: 0;
margin: 0;
list-style-type: none;
}

.wireframemenu a{
font: bold 11px Verdana;
padding: 4px 3px;
display: block;
width: 100%; /*Define width for IE6's sake*/
color: #595959;
text-decoration: none;
border-bottom: 1px solid #C0C0C0;
}

.wireframemenu a:visited{
color: #595959;
}

html>body .wireframemenu a{ /*Non IE rule*/
width: auto;
}

.wireframemenu a:hover{
background-color: #008080;
color: #FFFFFF;
}.centro      { text-align: center }