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

/* Begin CSS Drop Down Menu */

#menuh-container {
	width:670px;
	
	height: 13px;
	float: right;

	
	padding-top:15px;
	
	font-family: Tahoma, Geneva, sans-serif;
}

#menuh {
	font-size:10px;
	height: 33px;
	font-weight:normal;
	display: inline;
}

#menuh ul {
	list-style:none; 
	margin:0;
	padding:0;
	float:right; 
	position:relative; 
}
		
#menuh a {
	text-align: left; 
	display:inline;
	white-space:nowrap; 
	margin:0;
	padding: 8px 10px; /*padding inside each tab*/
	color: #fff;
	text-decoration: none;
	
}

#menuh a:hover	/* menu at mouse-over  */ {
	color: #f79021; 
	text-decoration:none;
	
}

#menuh ul ul li {
	position:relative;
    min-height: 1px; 			/* Sophie Dennis contribution for IE7 */
    vertical-align: bottom; /* Sophie Dennis contribution for IE7 */
	background:#bb6a14;
	float:left; /*to float text left in drop down */
	padding:10px;
	
}

#menuh ul ul {
	position:absolute;
	z-index:500;
	top:20px; /* distance from top of menu    */
	left:0;
	display:none;   /************************************************************************* change to none once done  ***********/
	width:auto;
	background-color: #bb6a14;
	
}

#menuh ul li li a {
	text-align:left; 
	display:inline; /**  change this to block if you want to open vertically underneath the link        **/
	white-space:nowrap;
	margin:0; 
	padding:10px 0px 10px 0px; 
	line-height:12px;
	color: #fff;
	font-size: 12px;
	
}

#menuh ul li li a:hover {
	color: #3091ce;
	background-color: transparent;
	
	background-position:12px 12px;
}

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;}

#home #nav-home a,
#about #nav-about a,
#activity #nav-activity a,
#tools #nav-tools a { background: #fff;}

#about #nav-about ul li a,
#activity #nav-activity ul li a,
#tools #nav-tools ul li a { 	
	background:#b32725;
}

#about #nav-about ul li a:hover,
#activity #nav-activity ul li a:hover,
#tools #nav-tools ul li a:hover { 	
	background-image:url(images/gold-triangle.gif);
	background-repeat:no-repeat;
	background-position:12px 12px;
}