/*
  -----------------------------------------------------------------------------------------
   Filename: CSS/horizontalmenu.css
   Doc Type: text/css 
             (Cascading Style Sheet, version 2)
   Author:   M.Qiu
   Created:  May 20, 2010
   Comments: the horizontal menu style sheet for UNSW Roundhouse website - 2010
				draft from design version #1
   Updated:	 M.Qiu	May 10, 2010	Draft
			 M.Qiu	May 24, 2010	Update the font-family with extra Verdana.
  ------------------------------------------------------------------------------------------
*/

.horizontalcssmenu ul{
margin: 0; padding: 0;
list-style-type: none;
}

/*Top level list items*/
.horizontalcssmenu ul li{
position: relative; display: inline;
float: left; margin-bottom: 5px;
}

/*Top level menu link items style*/
.horizontalcssmenu ul li a{
display: block; text-align:center;
width: 94px; /*Width of top level menu link items*/ 
height:18px; padding: 5px 1px; border: 1px solid #000000; text-decoration: none;
/*background: url(../images/menubg.gif) center center repeat-x; font: bold 1em Myriad Pro; */
background: #000000 center center;
color: white; font-family: Myriad Pro, Arial, Helvetica, sans-serif; font-size: 0.95em; font-weight:bold;

}
	
/*Sub level menu*/
.horizontalcssmenu ul li ul{
left: 0; top: 25px;
border-top: solid 1px #000000;
position: absolute; display: block;
visibility: hidden; /*visible;*/ 
z-index: 100; /*100;*/
}

/*Sub level menu list items*/
.horizontalcssmenu ul li ul li{
display: inline; /*block;*/
float: none;
}


/* Sub level menu links style */
.horizontalcssmenu ul li ul li a {
width: 191px; /*width of sub menu levels*/
font-weight: normal; padding: 5px 1px 2px 2px;
background: #000000; border-width: 0 1px 1px 1px; text-align:left;
}

.horizontalcssmenu ul li a:hover{
background: #cccccc center center; color: #dc241f; 
}

.horizontalcssmenu ul li a:visited{
/*background: #000000 center center;
color: #dc241f;*/
}

.horizontalcssmenu ul li ul li a:hover{
background: /*#cde686;*/ #dc241f; color: #ffffff;
}

.horizontalcssmenu .arrowdiv{
position: absolute; right: 0;
background: transparent url(../images/menuarrow.gif) no-repeat center left;

}

* html p#iepara{ /*For a paragraph (if any) that immediately follows menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}
	
/* Holly Hack for IE \*/
* html .horizontalcssmenu ul li { float: left; height: 1%; }
* html .horizontalcssmenu ul li a { height: 1%; }
/* End */