html, body {
	margin: 0;
	font-family: Arial, Helvetica, Sans-Serif;
}
* html body {
  behavior:url("templates/YAML-xtc-1.3.0/css/screen/csshover3.htc");
}
img {
	border: none;
}
	
#container {
	margin-left: auto;
	margin-right: auto;
	width: 61.25em;
	background: #FFF;
}

#headNav {
	height: 30px;
	line-height: 30px;
	vertical-align: middle;
	background: #f1f1ea url('../../img/mdc/bg_top_bar.png') repeat-x;
	margin-bottom: 1.667em;
}
* html #headNav {
  height: 0.1em !important;
	line-height: 0em;
	margin-bottom: 1.25em;
	
}
	
#headNavLeft {
	height: 100%;
	float: left;
	margin-left: 0;
}

* html #headNavLeft {
  width:35em ; 
}

#headNavLeft img.separator {
	padding: 0 0.675em;
	vertical-align: bottom;
} 

#headNavLeft select {
	background: #f1f1ea;
	margin-top: -0.2em;
}
	
#headNavLeft a:link, #headNavLeft a:visited, #headNavLeft a:active {
	 text-decoration: none;
}

#headNavRight {
	float: right;
	margin-right: 1.667em;
	
}
* html #headNavRight {
	padding-left: 170px;
	/*background: red ;
	position: reative ;*/
}

* html #headNavRight ul.dropdownmenu{
	/* position: absolute ;
	 right:150px;
	 top:0px ;*/
}

* html #headNavRight  li.top{
  /*float: right !important ;*/
  
}

#headNavRight select optgroup {
	font-weight: bold;
	font-style: normal;
}

#headNavRight select {
	background: #f1f1ea;
	margin-left: 1em;
}

	
div.headNavLeft  {
	background: url(../../img/seperate.jpg) no-repeat 0.5em 100%;
	height: 1.25em;
	width: 0.125em;
	margin: -0.2em 0.75em -1.25em 0.75em;
}

#head {
	width: 60.06em;;
	height: 12.5em;
	background: #CFDCEC url(../images/BinHeadLeft.jpg) repeat-x;
}

* html #head {
   height:150px !important ;
}


#inHeadLeft {
	width: 15em;
	float: left;
}
/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menu/pro_drop8.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

/*ol {
	font-size: 0.75em;
}*/


.dropdownmenu {padding:0; margin:0 0 0 10px; list-style:none; height:30px; position:relative; z-index:500;font-family:Georgia,"Times New Roman",Times,serif;}
.simple {background:url(../../img/seperate.jpg) no-repeat 0 100%;}
.select {margin-top:-1px;}
* html .select {margin-top:-3px;}

.dropdownmenu li.top {display:block; float:left;}
#topNavi li.top { /*float:none;*/}
.simple li.top {margin-top:-1px;}
.select li.top {margin-left:13px;}
.dropdownmenu li a.top_link, .dropdownmenu li a.title {display:block; float:left; height:30px; line-height:30px; color:#666; text-decoration:none; font-size:11px; padding:0 7px; cursor:pointer;}

#topNavi  li a.top_link {/*display:inline; float:none;*/}
.simple li a.top_link {display:block; float:left; height:30px; line-height:30px; color:#666; text-decoration:none; font-size:11px; padding:0 10px; cursor:pointer;background:url(../../img/seperate.jpg) no-repeat 100% 100%;}
.dropdownmenu li a.top_link span {float:left; display:block; padding:0 3px; height:30px;}
.simple li.bull a.top_link span {background:url(../../img/dropbullsimple.gif) no-repeat 100% 55%;padding:0 12px 0 0;}
.select li a.top_link span {background:url(../../img/select-standard-right.png) no-repeat right 50%;padding:0 25px 0 4px;}

.select li a.top_link {background:url(../../img/select-standard-left.png) no-repeat left 50%; padding:0 0 0 3px;}
* html .select li a.top_link {}
* html .language li a.top_link span {padding-top:7px ;}

.dropdownmenu li a.top_link:hover {color:#999; line-height:25px;}
.language li a.top_link:hover span {}

.dropdownmenu li:hover > a.top_link {color:#000; line-height:30px;}
.dropdownmenu li:hover > a.top_link span {}


.dropdownmenu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

.dropdownmenu a:hover {visibility:visible; position:relative; z-index:200;}
.dropdownmenu li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
.dropdownmenu ul, .dropdownmenu iframe {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}


.dropdownmenu ul.sub1 {width:260px;}
.dropdownmenu ul.sub2 {width:240px;}
.dropdownmenu ul.sub3 {width:250px;}
.dropdownmenu ul.sub4 {width:180px;}

.simple ul.sub1,
.simple ul.sub2,
.simple ul.sub3,
.simple ul.sub4 {width:180px;}

.select ul.sub1 {width:240px;} 
.select ul.sub2 {width:310px;}
.select ul.sub3 {width:320px;}
.select ul.sub4 {width:120px;}

/*.dropdownmenu :hover iframe.one {left:0; top:31px; width:150px; height:100px;}
.dropdownmenu :hover iframe.two {left:0; top:31px; width:100px; height:65px;} */

.dropdownmenu li:hover ul {left:0; top:30px; background: #f1f1ea; font-size:11px; padding:3px; border:1px solid #cccbc6; border-right:1px solid #b3b2ad; border-bottom:1px solid #b3b2ad; border-width:0 1px 1px; white-space:nowrap; height:auto; z-index:300;}
.simple :hover ul {left:-2px; top:31px; background: #f2f2ea; font-size:11px; padding:3px; border:1px solid #cccbc6; border-top:1px solid #f2f2ea;border-right:1px solid #b3b2ad; border-bottom:1px solid #b3b2ad; border-width:0 1px 1px; white-space:nowrap; height:auto; z-index:300;}
.select li:hover ul {border-width:1px;}
.language li:hover ul {background:#e2eaf3;top:25px;width:140px;border-top:0;}
.dropdownmenu li:hover ul li {display:inline; height:20px; position:relative; font-weight:normal; width:auto;}
.select li:hover ul.sub2 li {margin:0 0 8px 0;line-height:17px;height:auto;}
.select li:hover ul.sub2 li strong {display:block;padding:8px 10px 0 10px;border-top:0px dashed #ccc}
.dropdownmenu li:hover ul li a {display:block; height:20px; line-height:20px; width:auto; padding:0 10px; color:#666; text-decoration:none;}
#topNavi5 li:hover ul li a {padding: 0px !important ; }
.language li:hover ul li a {display:block; height:20px; line-height:20px; width:auto; padding:0 10px 0 26px; color:#666; text-decoration:none;}
.dropdownmenu li:hover ul li a:hover {background-color:#FFF; color:#000;}
	
.dropdownmenu li:hover ul.sub3  {position:absolute; left:-165px ;}
.select li:hover ul.sub3  {position:absolute; left:-245px ;}
/*html .dropdownmenu li:hover ul.sub3  {position:absolute; left:0px ;}*/
.dropdownmenu li:hover ul.sub2  {position:absolute; left:-120px ;}
/** html .dropdownmenu li:hover ul.sub2  {position:absolute; left:-195px ;}*/
.dropdownmenu li:hover ul.sub1  {position:absolute; left:-120px ;}
/** html .dropdownmenu li:hover ul.sub1  {position:absolute; left:-175px ;}*/
#topNavi5  li:hover ul.sub1  {position:absolute !important; left:0px !important;}	
#language  li:hover ul.sub3  {position:absolute !important; left:0px !important;}	
* html #language  li:hover ul.sub3 {width: 150px !important;margin-top:6px;}
* + html #language  li:hover ul.sub3 {margin-top:1px;}
.select li:hover ul.sub3 li {margin:0 0 8px 0;line-height:17px;height:auto;}
.select li:hover ul.sub3 li strong {display:block;padding:8px 10px 0 10px;border-top:0px dashed #ccc}

#dropdown {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #CCCCCC;
display:block;
padding:3px 0 3px 4px;
position:absolute;
top:42px;
width:98px;
}
.clearboth {
clear:both;
}
#topNavi5 {
background-image:url(../../img/border_top_navigation.gif);
background-position:left bottom;
background-repeat:no-repeat;
bottom:2px;
line-height:2.875em;
list-style-type:none;
margin:0 0 1.25em 1.667em;
padding:0;
position:relative;
}
* html #topNavi5 {
margin-bottom:-0.2em;
}
#topNavi5 li {
display:block;
float:left;
padding:0 7px 0 7px;
vertical-align:middle;
}
#topNavi5 a.top_link, #topNavi5 a.title {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent none repeat scroll 0 0;
color:#666666;
line-height:2.875em;

}
#topNavi5 a.top_link {
background-image:url(../../img/dropdownHeadLeft.gif) !important;
background-position:right center;
background-repeat:no-repeat;
padding-right:11px;
}
#topNavi5 li.top {
background-image:url(../../img/border_top_navigation.gif);
background-position:right bottom;
background-repeat:no-repeat;
margin-left:0;
}
#topNavi5 span.first-top {
background-image:url(../../img/border_top_navigation.gif);
background-position:left bottom;
background-repeat:no-repeat;
display:block;
}
#topNavi5 .sub1 li {
border:0 none;
float:none;
padding-bottom:4px;
}