@charset "utf-8";
/* CSS Document */

/* page styling, unimportant for the menu. only makes the page looks nicer */
.head {position:relative; height:162px; display:block;}
.headerleft {display:block; width:150px; height:110px; float:left;margin:10px 0px 0px 190px;}
.headerrighttop {display:block; width:180px; height:35px; float:right; margin:0px 0px 90px 180px; background:url(dms.gif) no-repeat; font-size:12px;
				text-align:center; color:#fff; padding:6px 0px 0px 0px;}
	.headerrighttop a {text-decoration:none; color:#FFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px;}
	.headerrighttop a:hover {color:#C90;}
.headerrightmiddle {display:block; width:155px; height:120px; float:right; font-family: Verdana, Arial, Helvetica, sans-serif;}
	.headerrightmiddle a { font-size:11px; display:block; margin:10px; padding:0px 0px 0px 15px;color:#FFF; text-decoration:none;
							background:url(headermiddle_menu.jpg) no-repeat top left;  font-size:10px;}
	.headerrightmiddle a:hover {color:#C90;}
.headerrightbottom { margin: 0px 20px 0px 450px; height:32px; position:absolute; bottom:0px; right:0px; padding:0; text-transform:uppercase;}
	.headerrightbottom a{ font-size:9px;}

/* remove all list stylings */
.menu, .menu div {	margin: 0;	padding: 0;	border: 0;	list-style-type: none;	display: block; }
.menu li {
	margin: 0;	padding: 0;	border: 0;	display: block;
	float: left;	/* move all main list items into one row, by floating them */
	position: relative;	/* position each LI, thus creating potential IE.win overlap problem */
	z-index: 5;		/* thus we need to apply explicit z-index here... */}

.menu li:hover {
	z-index: 10000;	/* ...and here. this makes sure active item is always above anything else in the menu */
	white-space: normal;/* required to resolve IE7 :hover bug (z-index above is ignored if this is not present)*/} /*IMPORTANT*/

		.menu div {
			visibility: hidden;	/* initially hide all submenus. */
			position: absolute;	z-index: 10;
			left: 30%;	/* while hidden, always keep them at the bottom left corner, to avoid scrollbars as much as possible*/
			bottom: 0;}
		.menu li:hover>div {
			visibility: visible;	/* display submenu them on hover */
			bottom: 100%;	/* 1st level go above their parent item */}
		.menu li li:hover>div {	/* 2nd+ levels go on the right side of the parent item */
			bottom: 0;	left: 100%;}
					
					/* -- float.clear --	force containment of floated LIs inside of UL */
						.menu:after, .menu div:after {	content: ".";	height: 0;	display: block;	visibility: hidden;	overflow: hidden;}
						.menu, .menu div { min-height: 0;} /* IE7 float clear: */
					/* -- float.clear.END --  */
					
					/* sticky submenu: it should not disappear when your mouse moves a bit outside the submenu
						YOU SHOULD NOT STYLE the background of the ".menu UL" or this feature may not work properly!
						if you do it, make sure you 110% know what you do */
					.menu div {
						background-image: url('empty.gif');	/* required for sticky to work in IE6 and IE7 - due to their (different) hover bugs */
						padding: 10px 10px 10px 0px; margin: 0 0 0px -30px;
						/*background: #f00;*/	/* uncomment this if you want to see the "safe" area. You can also use to adjust the safe area to your requirement */
					}

/* - - - DESIGN styles - - - */

.menu div {	width: 225px; padding:3px 0px 0px 0px; text-align:left;}
.menu a {	text-decoration: none;	color: #eee;	padding: 8px 8px 8px 5px;	display: block;	position: relative; background:url(menu.jpg) repeat-x;}
	.menu1 a {width:100px; display:block; float:left; padding:1px 0px 3px 10px; margin:1px; background:none;}
		.menubegin { background:url(menubegin.jpg) no-repeat top left; width:4px; height:30px;  display:block;}
		.menubetween{background:url(menubetween.jpg) no-repeat top left; width:8px; height:30px;  display:block; }
		.menuend{ background:url(menuend.jpg) no-repeat bottom right; width:4px; height:30px; display:block;}
		
.menu1{
	margin: 0;	padding: 3px 0px 0px 0px;	border: 0;	display: block; width:260px; height:95px;}
ul li a {font-size:10px; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif;}