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

@import url(http://fonts.googleapis.com/css?family=Dosis:300);
<link href='http://fonts.googleapis.com/css?family=Dosis:300' rel='stylesheet' type='text/css'>

@import url(http://fonts.googleapis.com/css?family=Didact+Gothic);
<link href='http://fonts.googleapis.com/css?family=Didact+Gothic' rel='stylesheet' type='text/css'>

@import url(http://fonts.googleapis.com/css?family=Wire+One);
<link href='http://fonts.googleapis.com/css?family=Wire+One' rel='stylesheet' type='text/css'>


body{
	background:#fff;
}

/* Root = Horizontal, Secondary = Vertical */
ul#menuc {
	ba
  margin: 0;
	border: 0 none;
	padding: 0;
	/*  width: 500px;*/ /*For KHTML*/
	width: 760px;
	list-style: none;
	height: 22px;
	border: 0px solid #eee;
	padding-bottom: 0px;
	background-color: #000;
}

ul#menuc li {
  margin: 0;
  border: 0 none;
  padding: 0;
  float: left; /*For Gecko*/
  display: inline;
  list-style: none;
  position: relative;
rigth:0px;
  height: 23px;
}
ul#menuc li{
	padding-bottom:0px;
}
ul#menuc li:hover{
	color: #333333;
}

ul#menuc  ul {
	margin: 0;
	border: 0 none;
	padding: 0;
	width: 120px;
	list-style: none;
	display: none;
	position: absolute;
	top: 29px;
	left: 0px;

}

ul#menuc ul:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

ul#menuc ul li {
  width: 115px;
  float: left; /*For IE 7 lack of compliance*/
  display: block !important;
  display: inline; /*For IE*/
}

/* Root menuc */
ul#menuc a {
	float: none !important; /*For Opera*/
	float: left; /*For IE*/
	display: block;
	color: #ffffff;
	text-decoration: none;
	font-family: 'Didact Gothic', sans-serif;
	font-weight: 400; 
	font-size: 14px;
	/*  border-right:1px solid #818181;*/
	text-decoration: none;
	height: auto !important;
	height: 1%; /*For IE*/
	padding-top: 11px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 35px;

}

/* Root menuc Hover Persistence */
ul#menuc a:hover,
ul#menuc li:hover a,
ul#menuc li.iehover a {
	color: #6fd8fb;

}

/* 2nd menuc */
ul#menuc li:hover li a,
ul#menuc li.iehover li a {
	float: none;
	border: none;
	color: #999999;
	background-color: #FFFFFF;
	text-align: right;
	font-size: 11px;
	margin-top: 5px;
	padding-top: 5px;
	padding-right: 8px;
	padding-left: 8px;
	padding-bottom: 0px;

}

/* 2nd menuc Hover Persistence */
ul#menuc li:hover li a:hover,
ul#menuc li:hover li:hover a,
ul#menuc li.iehover li a:hover,
ul#menuc li.iehover li.iehover a {
	color: #000;
	background-color: #6fd8fb;
		text-align: left;
			font-size: 11px;
	margin-top: 5px;

	padding-top: 5px;
		padding-bottom: 0px;
}

/* 3rd menuc */
ul#menuc li:hover li:hover li a,
ul#menuc li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
}

/* 3rd menuc Hover Persistence */

ul#menuc li:hover li:hover li a:hover,
ul#menuc li:hover li:hover li:hover a,
ul#menuc li.iehover li.iehover li a:hover,
ul#menuc li.iehover li.iehover li.iehover a {
background:#ddd;
  color: #FFF;
}

/* 4th menuc */
ul#menuc li:hover li:hover li:hover li a,
ul#menuc li.iehover li.iehover li.iehover li a {
background:#ddd;
  color: #666;
}

/* 4th menuc Hover */
ul#menuc li:hover li:hover li:hover li a:hover,
ul#menuc li.iehover li.iehover li.iehover li a:hover {
  background: #CCC;
  color: #FFF;
}

ul#menuc ul ul,
ul#menuc ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 130px;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#menuc li:hover ul ul,
ul#menuc li:hover ul ul ul,
ul#menuc li.iehover ul ul,
ul#menuc li.iehover ul ul ul {
  display: none;
}

ul#menuc li:hover ul,
ul#menuc ul li:hover ul,
ul#menuc ul ul li:hover ul,
ul#menuc li.iehover ul,
ul#menuc ul li.iehover ul,
ul#menuc ul ul li.iehover ul {
  display: block;
}
ul#menuc .selected{
	color: #003300;
}
