a {
	color:#024D2E;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

body {
	margin-top:20px;
	text-align:center;
	background:#BCC4C2;
	font-family:Arial,Verdana,Times;
    font-size:11px;
    letter-spacing:1px;
    color:#1C5A43;
    word-spacing:2px;
}


#main {
	margin:0px auto;
	width:774px;
	background:#FFFFFF;
	padding:18px;

}

#header {
	background:url(../GUI/nav_bkgd.gif) repeat-x;
	height:76px;
	overflow:hidden;
	border-bottom:5px solid white;
}

#header #logo{
	float:left;
}

#header #nav{
	margin-top:50px;
	height:26px;
}

#header #nav img{
	border:0px;
	margin-left:-2px;	
	margin-right:-2px;	
}

#nav ul li a img
{
    margin-left:0px;
    }
    
ul#dropdown 
{
	list-style-type:none;
	margin:0px;
	padding:0px;
	font-weight:bold;
}

ul#dropdown li img
{
	border:0px;
}
	
ul#dropdown li 
{
	float:left;
	margin-left:5px;
}


ul#dropdown a { 
	color:#ffffff;
	text-decoration:none; 
	display: block;
}

ul#dropdown a:hover 
{
	text-decoration:none; 
}

ul#dropdown li ul { /* second-level lists */
	margin:0px;
	margin-left:-2px;
	padding:0px;
	list-style-type:none;
	display:none;
	position:absolute;
	text-align:left;
	border-top:1px solid #000000;
}

ul#dropdown li ul li
{
	clear:left;
	margin:0px;
	padding:0px;
	background:url(../gui/dropdown_bkgd.gif) repeat-x;
	word-spacing:1px;
	letter-spacing:0px;
	text-align:left;
}

ul#dropdown li:hover ul,
ul#dropdown li.sfhover ul
{
	display:block;
}

ul#dropdown li ul li a
{
	color:#2E5D4D;
	width:105px;
	padding-top:5px;
	padding-left:3px;
	padding-right:;
	display:block; 
	border:0px; 
	font-size:11px;
	height:21px;	
}

ul#dropdown li ul li a:hover
{
	color:#2E5D4D;
	background:url(../gui/dropdown_bkgd_over.gif) repeat-x;
}

#container {
	text-align:left;
	background:#ffffff;
	padding:0 15px 0 15px;
}

#container h1{
	font-size:18px;
	color:black; 	
}

#container h2{
	font-size:12px;
	font-style:italic;
	color:black; 	
}

#container table{
    font-family:Arial,Verdana,Times;
    font-size:11px;
    word-spacing:0px;
    letter-spacing:0px;
    margin-left:-15px;
}

#container table tr td.codes img{
   float:left;
   padding-right:2px;
}

#container table tr td.names{
    padding-top:10px;    
}

#container table tr td img{
    border:0px;
}

#container table tr td.hair_sample img{
    float:right;
}

#container table tr td.hair_sample {
    vertical-align:top;
    padding-left:10px;
    padding-right:10px;
    width:700px;

}

a.vegetal 
{
	color:Blue;	
}

span.codedirection { unicode-bidi:bidi-override; direction: rtl; }