/*
  Running MySource Matrix
  Developed by Squiz - http://www.squiz.net
  MySource, MySource Matrix and Squiz.net are registered Trademarks of Squiz Pty Ltd
  Page generated: 04 February 2012 13:06:19
*/


/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop3.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* style the outer div to give it width */
#menu {
    font-size:0.85em;

}
/* remove all the bullets, borders and padding from the default list styling */
#menu ul {
    padding:0;
    margin:0;
    list-style-type:none;
    height:3em;
}
/* style the sub-level lists */
#menu ul ul {
    width:15em;
}
/* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#menu ul li {
    float:left;
    height:3em;
    line-height:3em;
}
/* style the sub level list items */
#menu ul ul li {
    display:block;
    width:12em;
    height:auto;
    position:relative;
    line-height:1em;
}
/* style the links for the top level */
#menu a {
    display:block;
    float:left;
    height:100%;
    font-size:1.3em;
    color:#000000;
    text-decoration:none;
    border-left:1px dotted #000000;
    padding:0 1.6em 0 .7em;
}
/* style the sub level links */
#menu ul ul a {
    display:block;
    color:#000;
    border-right:1px dotted #000000;
    border-top:1px dotted #000000;
    width:12em;
    height:100%;
    line-height:1em;
    padding:.9em 1em;
    background:#ffffff;
}

#menu ul ul a.bottom {

    border-bottom:1px dotted #000000;

}
#menu ul table ul a {
    width:14em;
    w\idth:12em;
}
/* style the table so that it takes no part in the layout - required for IE to work */
#menu table {
    position:absolute;
    left:0;
    top:0;
    font-size:.7em;
    z-index:-1;
}
#menu ul ul table {
    lef\t:-1px;
}
#menu ul ul table ul.left {
    margin-lef\t:2px;
}
#menu li:hover {
    position:relative;
}
* html #menu a:hover {
    position:relative;
}

/* style the sub level 1 background */
#menu ul :hover a.sub1 {
    background:#033B3C;
}
/* style the sub level 2 background */
#menu ul ul :hover a.sub2 {
    background:#033B3C;
}
/* style the level hovers */
/* first */
#menu a:hover {
    color:#ffffff;
    background:#033B3C;
}
#menu :hover > a {
    color:#ffffff;
    background:#033B3C;
}

/* commercial */
#menu.com a:hover {
    color:#ffffff;
    background:#015287;
}
#menu.com :hover > a {
    color:#ffffff;
    background:#015287;
}

/* private */
#menu.priv a:hover {
    color:#ffffff;
    background:#7B003F;
}
#menu.priv :hover > a {
    color:#ffffff;
    background:#7B003F;
}

/* property */
#menu.prop a:hover {
    color:#ffffff;
    background:#556C11;
}
#menu.prop :hover > a {
    color:#ffffff;
    background:#556C11;
}

/* international */
#menu.intern a:hover {
    color:#ffffff;
    background:#969270;
}
#menu.intern :hover > a {
    color:#ffffff;
    background:#969270;
}
/* hide the sub levels and give them a positon absolute so that they take up no room */
#menu ul ul {
    visibility:hidden;
    position:absolute;
    height:0;
    top:3em;
    left:0;
    width:14em;
}
/* make the second level visible when hover on first level list OR link */
#menu ul li:hover ul, #menu ul a:hover ul {
    visibility:visible;
    height:auto;
    padding-bottom:3em;
    background:transparent /* url(images/trans.gif) */;
}