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

#menuh-container{
	/* position: absolute;		*/
	top: 1em;
	left: 1em;
}

#menuh{
	font-size: small;
	font-family: arial, helvetica, sans-serif;
	text-transform:uppercase;
	width:1040px;
	float:left;
	margin:1em 2em 2em 2em;
}
		
#menuh a{
	text-align: left;
	display:block;
	white-space:nowrap;
	padding:.5em 1em;
	border:1px solid transparent;
        outline:0;
}

#menuh ul li{
  margin:0 5px 0 0;
}
	
#menuh a:link, 
#menuh a:visited, 
#menuh a:active	
  /* menu at rest */{
	color: white;
	text-decoration:none;
}
	
#menuh a:hover/* menu on mouse-over  */{
  color:#fff;
  text-decoration:none;
  background-color:#1BADCF;
  border:1px solid #1BADCF;
  border-radius: 7px;
  -o-border-radius: 7px;
  -icab-border-radius: 7px;
  -khtml-border-radius: 7px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
}	


#menuh ul li:hover { /* this is what keeps the main link hover active when mouse moves down drop menus  */
  background-color:#1BADCF;
  border:none;
  border-radius: 7px;
  -o-border-radius: 7px;
  -icab-border-radius: 7px;
  -khtml-border-radius: 7px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
}
#menuh ul ul li:hover a,#menuh ul ul ul li:hover a { /* this keeps the drop menu links from having rounded backgrounds  */
  background-color:#1BADCF;
  border-bottom:1px solid #8caf39;
  border-radius:0;
  -o-border-radius:0;
  -icab-border-radius:0;
  -khtml-border-radius:0;
  -webkit-border-radius:0;
  -moz-border-radius:0;
}

	
/*#menuh a.top_parent, #menuh a.top_parent:hover   attaches down-arrow to all top-parents 
	{
	background-image: url(navdown_white.gif);
	background-position: right center;
	background-repeat: no-repeat;
	}*/
	
/*#menuh a.parent, #menuh a.parent:hover 	 attaches side-arrow to all parents 
	{
	background-image: url(nav_white.gif);
	background-position: right center;
	background-repeat: no-repeat;
	}*/

#menuh ul{
	list-style:none;
	margin:0;
	padding:0;
	/* The following was taken from the site */
	/* --- border-left:1px solid #2F5E97; --- */
	display:inline;
	margin:0 8px;
	padding:8px 0 0 25px;
	float:left;
	/*width:9em;	 width of all menu boxes */
	/* NOTE: For adjustable menu boxes you can comment out the above width rule.
	However, you will have to add padding in the "#menh a" rule so that the menu boxes
	will have space on either side of the text -- try it */
	}
	
#menuh .first{
	border:medium none;
	margin-left:11px;
	padding-left:0;
}
#menuh li{
	position:relative;
	min-height: 1px;/* Sophie Dennis contribution for IE7 */
	vertical-align: bottom;/* Sophie Dennis contribution for IE7 */
  padding:0 0;
}
	
/* these define the separate widths of the drop down menus */
#menuh ul.about ul{width:110px;}
#menuh ul.services ul{width:166px;}
#menuh ul.services ul ul{width:215px;}
#menuh ul.port ul{width:180px;}


/* 1st level drop down menus */
#menuh ul ul{
	display:none;
	margin:-10px 0 0 0;
	padding:5px;
	position:absolute;
	top:auto;
	z-index:500;
	background-color:#1BADCF;
	border:1px solid #1BADCF;
  border-radius: 7px;
  -o-border-radius: 7px;
  -icab-border-radius: 7px;
  -khtml-border-radius: 7px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
}
#menuh ul li ul li a span{
  margin:0 0 -2px 50px;
}

/* 2nd level drop down menus */
#menuh ul ul ul{
	top:5px;
	left:160px;
}

/* 1st and 2nd level drop down menus */
#menuh ul ul a, #menuh ul ul ul a{
	border:1px solid #1BADCF;
  border-radius:0;
  -o-border-radius:0;
  -icab-border-radius:0;
  -khtml-border-radius:0;
  -webkit-border-radius:0;
  -moz-border-radius:0;
  margin-right:0;
}
/* drop down menus link bottom borders off and hover */
#menuh ul ul li,#menuh ul ul ul li,#menuh ul ul li:hover,#menuh ul ul ul li:hover{
  border-bottom:1px solid #8caf39;
  margin-right:0;
}
/* no border on last list itm in drop down menus */
#menuh ul li:last-child{border-bottom:none}

/* drop down menu link padding */
#menuh ul ul li a,#menuh ul ul ul li a{
  padding:.4em 0 .4em .5em;
}
/* drop down menu hover state */
#menuh ul ul li a:hover,#menuh ul ul ul li a:hover{
  background:#8caf39;
  color:#333;
}

div#menuh li:hover{
	cursor:pointer;
	z-index:100;
}

div#menuh li:hover ul ul,
div#menuh li li:hover ul ul,
div#menuh li li li:hover ul ul,
div#menuh li li li li:hover ul ul
{
	display:none;
}

div#menuh li:hover ul,
div#menuh li li:hover ul,
div#menuh li li li:hover ul,
div#menuh li li li li:hover ul
{
	display:block;
}

/* End CSS Drop Down Menu */