/*------------------ SUB MENU -------------------------------------------------------------*/

#menumain {
width: 100%;
background: #eee;
float: left;
letter-spacing: 4px;
background: #444 url('../icons/menu-background2.jpg') repeat-x;
}

#menumain ul {
list-style: none;
margin: 0;
padding: 0;
width: auto;
float: left;
}

#menumain a, #menu h2 {
font: normal;
font-size: 10px;
display: block;
border-width: 0px; /*previously 1px*/
border-style: solid;
border-color: #ccc #888 #555 #bbb;
margin: 0;
padding: 2px 3px;
}

#menumain h2 {
color: #fff;
background: #000;
text-transform: uppercase;
}

#menumain a {
color: #000;
background: #efefef;
text-decoration: none;
}

#menumain a:hover {
color: #a00;
background: #fff;
}

#menumain li {position: relative;}

#menumain ul ul {
position: absolute;
z-index: 500;
}

#menumain ul ul ul {
position: absolute;
top: 0;
left: 100%;
}

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

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

#menumain ul ul li a
{
	width:260px;
	letter-spacing: 2px;
	padding: 13px;
}

#menumain ul li a
{
	color: #DDD;
	font-weight:bold;
	padding: 13px;
	text-decoration: none;
	border-right: 1px solid #333;
	font-size: 10px;
	letter-spacing: 3px;
	background: #444 url('../icons/menu-background2.jpg') repeat-x;
}

#menumain ul li a:hover
{
	color: #FFF;
	font-weight: bold;
	background: #666 url('../icons/menu-hover2.jpg') repeat-x;
}

#main_section
{
	color: #DDD;
	font-weight:bold;
	padding: 13px;
	text-decoration: none;
	border-right: 1px solid #333;
	font-size: 10px;
	letter-spacing: 2px;
	background: #444 url('../icons/menu-hover2.jpg') repeat-x;
}

/*----------------- SIDE MENU -------------------------------------------------------------*/

#sidemenu { width: 150px; }

#sidemenu ul
{
	margin: 0 0 10px 0;
	padding: 0;
	list-style-type: none;
}

#sidemenu a
{
	display: block;
	padding: 3px;
	width: 144px;
	background: #FFF url('../icons/sidemenu-background-active.gif') repeat-x;
	font-size: 70%;
}

#sidemenu a:link
{
	color: #F90;
	text-decoration: none;
}

#sidemenu a:hover
{
	background: #FFF url('../icons/sidemenu-background-hover.gif') repeat-x;
	color: #FFC671;
}

/*-------------- MENU DIVISIONS-----------------------------------------------------------------*/

#menudiv a {display:block; width:200px; height:0px; padding-top:200px; color:#000; overflow:hidden;}
#menudiv ul {margin:0; padding:0; list-style-type:none;}
#menudiv li {float:left; margin-right:10px; margin-bottom:10px}
#menudiv {display:block; width:auto; height:auto;}

#menudiv li.list1 {background:transparent url(../images/security.jpg);}
#menudiv li.list2 {background:transparent url(../images/communi.jpg);}
#menudiv li.list3 {background:transparent url(../images/osrs.jpg);}
#menudiv li.list4 {background:transparent url(../images/current.jpg);}
#menudiv li.list5 {background:transparent url(../images/leakage.jpg);}
#menudiv li.list6 {background:transparent url(../images/harbor.jpg);}

#menudiv a#item1 {background:transparent url(../images/security_hover.jpg) 200px 200px no-repeat;}
#menudiv a#item2 {background:transparent url(../images/communi_hover.jpg) 200px 200px no-repeat;}
#menudiv a#item3 {background:transparent url(../images/osrs_hover.jpg) 200px 200px no-repeat;}
#menudiv a#item4 {background:transparent url(../images/current_hover.jpg) 200px 200px no-repeat;}
#menudiv a#item5 {background:transparent url(../images/leakage_hover.jpg) 200px 200px no-repeat;}
#menudiv a#item6 {background:transparent url(../images/harbor_hover.jpg) 200px 200px no-repeat;}

#menudiv a#item1:hover {background-position:0 0; z-index:50;}
#menudiv a#item2:hover {background-position:0 0; z-index:50;}
#menudiv a#item3:hover {background-position:0 0; z-index:50;}
#menudiv a#item4:hover {background-position:0 0; z-index:50;}
#menudiv a#item5:hover {background-position:0 0; z-index:50;}
#menudiv a#item6:hover {background-position:0 0; z-index:50;}

/*-------------- MAIN MAIN -----------------------------------------------------------------*/

#mainhead a {display:block; width:110px; height:0px; padding-top:120px; color:#000; overflow:hidden;}
#mainhead ul {margin:0; padding-left:10px; list-style-type:none;}
#mainhead li {float:left; margin-right:10px; margin-bottom:10px}
#mainhead {display:block; width:auto; height:auto;}

#mainhead li.list1 {background:transparent url(../images/icon_security_mini.jpg);}
#mainhead li.list2 {background:transparent url(../images/icon_current_mini.jpg);}
#mainhead li.list3 {background:transparent url(../images/icon_leakage_mini.jpg);}
#mainhead li.list4 {background:transparent url(../images/icon_osrs_mini.jpg);}
#mainhead li.list5 {background:transparent url(../images/icon_harbor_mini.jpg);}
#mainhead li.list6 {background:transparent url(../images/icon_cctv_mini.jpg);}
#mainhead li.list7 {background:transparent url(../images/icon_communi_mini.jpg);}

#mainhead a#item1 {background:transparent url(../images/icon_security_mini_hover.jpg) 120px 138px no-repeat;}
#mainhead a#item2 {background:transparent url(../images/icon_current_mini_hover.jpg) 120px 138px no-repeat;}
#mainhead a#item3 {background:transparent url(../images/icon_leakage_mini_hover.jpg) 120px 138px no-repeat;}
#mainhead a#item4 {background:transparent url(../images/icon_osrs_mini_hover.jpg) 120px 138px no-repeat;}
#mainhead a#item5 {background:transparent url(../images/icon_harbor_mini_hover.jpg) 120px 138px no-repeat;}
#mainhead a#item6 {background:transparent url(../images/icon_cctv_mini_hover.jpg) 120px 138px no-repeat;}
#mainhead a#item7 {background:transparent url(../images/icon_communi_mini_hover.jpg) 120px 138px no-repeat;}

#mainhead a#item1:hover {background-position:0 0; z-index:50;}
#mainhead a#item2:hover {background-position:0 0; z-index:50;}
#mainhead a#item3:hover {background-position:0 0; z-index:50;}
#mainhead a#item4:hover {background-position:0 0; z-index:50;}
#mainhead a#item5:hover {background-position:0 0; z-index:50;}
#mainhead a#item6:hover {background-position:0 0; z-index:50;}
#mainhead a#item7:hover {background-position:0 0; z-index:50;}