/************/
/* Nav Menu */
/************/

/* Conteract strange settings of ul li a */
ul#site_nav_menu li ul li a,ul#site_nav_menu li ul li a:visited {
	display: inline;
	height: auto;
	background: none;
	color: white;
	text-decoration: none;
}

ul#site_nav_menu li ul li a {
	margin-left: 1px;
}
ul#site_nav_menu li a {
	position: absolute;
	z-index:5;
	width: 118px;
	text-decoration: none;
	color: white;
}
ul#site_nav_menu li a label {
	position: absolute;
	left: 22px;
	z-index:1000;
}
ul#site_nav_menu li a span {
	display: block;
	float: left;
	padding: 0;
	position: relative;
	top: 0px;
	height: 20px;
	width: 20px;
}

ul#site_nav_menu {
	float: left;
	width: 600px;
	height: 120px;
	margin: 0;
	padding: 0;
	background: url(../../img/layout/site_nav_bg_1.jpg);
	list-style-type: none;
}
ul#site_nav_menu li {
	font-size: 11pt;
	position: relative;
	display: inline;
	float: left;
	width: 118px;
	height: 120px;
	border-left: 2px solid white;
}

ul#site_nav_menu li ul {
	position: absolute;
	left: 0px;
	top: 20px;
	width: 118px;
	margin: 0;
	padding: 0;
	height: 100px;
	z-index:1;
}
ul#site_nav_menu li div {
	position: absolute;
	z-index:0;
	left: 0px;
	top: 0px;
	width: 118px;
	margin: 0;
	padding: 0;
	height: 120px;
	filter:alpha(opacity=50);
	-moz-opacity:.50;
	opacity:.50;
}
ul#site_nav_menu li ul li { 
	float: left;
	clear: both;
	margin: 0;
	padding: 0;
	height: 20px;
	background: none;
	border: none;
	font-size: 10pt;
	line-height: 20px;
}
ul#site_nav_menu li ul li.tall {
	height: 40px;
}
/* Menu Items Colours */
.events a span {	background: #fe0000; }
.the_soc a span { background: #80c31b; }
.your_soc a span { background: #009cf6; }
.gallery a span { background: #ff7f00; }
.more a span { background: #81017c; }

.events div {	background: #fe0000; }
.the_soc div { background: #80c31b; }
.your_soc div { background: #009cf6; }
.gallery div { background: #ff7f00; }
.more div { background: #81017c; }

ul#menu0body li:hover {	background: #fe0000; }
ul#menu1body li:hover { background:  #80c31b;}
ul#menu2body li:hover {background: #009cf6; }
ul#menu3body li:hover { background: #ff7f00; }
ul#menu4body li:hover { background: #81017c; }
  
li.over {	background: #fe0000; }
/*ul#menu1body li.over { background:  #80c31b;}
ul#menu2body li.over {background: #009cf6; }
ul#menu3body li.over { background: #ff7f00; }
ul#menu4body li.over { background: #81017c; }*/

noscript ul{
      float:left;
    }
    #bannertop{
      position:absolute;
      top:8px;
      left:8px;
    }
    #bannerbase{
      position:absolute;
      top:86px;
      left:8px;
    }
    .menus img {
      border:0;
      vertical-align:bottom;
    }
    .menus ul {
      list-style-type:none;
      padding:0;
      margin:0;
    }
    .menus div {
      position:absolute;
    }
    #menu0body{
	 	position: relative;
      left: 0px;
		display: block; 
		top: -30px; 
    }
    #menu0cover{
      left:63px;
      top:-116px;
      width:192px;
      height:216px;
      background-color:white;
    }
    #menu0title{
      left:63px;
      top:100px;
    }
    #menu1body{
      left:284px;
      top:-107px;
	position:absolute;left: 384px; top: -107px;
    }
#menu2body {}
#menu3body {}
#menu4body {}
    #menu1cover{
      left:284px;
      top:-107px;
      width:192px;
      height:192px;
      background-color:white;
    }
    #menu1title{
      left:284px;
      top:85px;
    }
    #menu2body{
      left:505px;
      top:-82px;
    }
    #menu2cover{
      left:505px;
      top:-82px;
      width:129px;
      height:168px;
      background-color:white;
    }
    #menu2title{
      left:505px;
      top:86px;
    }
    .nonjavascript ul{
      float:left;
    }