/************ SERVED FROM APP CACHE ********************/

/************ START corporate/nav.css ********************/


div.level1-navigation ul
{
list-style-type     : none;
padding             : 0px;
margin              : 0px 0px 0px 0px;
overflow            : hidden;
}

div.level1-navigation ul li
{
display             : block;
float               : left;
background-repeat   : repeat-x;
padding             : 0px;
margin              : 0px 0px 0px 2px;
text-transform		: uppercase;
line-height         : 32px;
/*width               : 117px;*/
}

div.level1-navigation ul li span
{
background-position : top left;
background-repeat   : no-repeat;
padding-left        : 9px;
display             : block;
padding             : 0px 0px 0px 0px;
}

div.level1-navigation ul li a
{
background-repeat   : no-repeat;
background-position : top right;
font-size           : 85%;
color               : #FFF;
font-weight         : bold;
text-decoration     : none;
background-position : top right;
min-height          : 32px;
display             : block;
}

div.level1-navigation ul li#MEPC a:hover,
div.level1-navigation ul li#PROPERTY a:hover,
div.level1-navigation ul li#INVESTORS a:hover,
div.level1-navigation ul li#MEDIA a:hover,
div.level1-navigation ul li#CONTACTS a:hover
{
color               : #FFF;
}

div.level1-navigation ul li#MEPC a
{
padding             : 0px 29px 0px 29px;
}

div.level1-navigation ul li#PROPERTY a
{
padding             : 0px 18px 0px 18px;
}

div.level1-navigation ul li#INVESTORS a
{
padding             : 0px 18px 0px 18px;
}

div.level1-navigation ul li#MEDIA a
{
padding             : 0px 31px 0px 30px;
}

div.level1-navigation ul li#CONTACTS a
{
padding             : 0px 19px 0px 19px;
/*
was below - but pushed last tab over in safari
padding             : 0px 20px 0px 21px;
*/
}

/* MEPC TAB*/

div.level1-navigation ul li#MEPC
{background-image    : url(../../images/corporate/generic/nav_mepc_bg.gif); background-color    : #005A9C;}

div.level1-navigation ul li#MEPC span
{background-image    : url(../../images/corporate/generic/nav_mepc_start.gif);}

div.level1-navigation ul li#MEPC a
{background-image    : url(../../images/corporate/generic/nav_mepc_end.gif); color		: #D0DDF2;}

/* PROPERTY TAB*/

div.level1-navigation ul li#PROPERTY
{background-image    : url(../../images/corporate/generic/nav_property_bg.gif); background-color    : #999B9E;}

div.level1-navigation ul li#PROPERTY span
{background-image    : url(../../images/corporate/generic/nav_property_start.gif);}

div.level1-navigation ul li#PROPERTY a
{background-image    : url(../../images/corporate/generic/nav_property_end.gif); color		: #E7E3E7;}

/* INVESTORS TAB*/

div.level1-navigation ul li#INVESTORS
{background-image    : url(../../images/corporate/generic/nav_investors_bg.gif); background-color    : #B8BF20;}

div.level1-navigation ul li#INVESTORS span
{background-image    : url(../../images/corporate/generic/nav_investors_start.gif);}

div.level1-navigation ul li#INVESTORS a
{background-image    : url(../../images/corporate/generic/nav_investors_end.gif); color		: #EFEFBD;}

/* MEDIA TAB*/

div.level1-navigation ul li#MEDIA
{background-image    : url(../../images/corporate/generic/nav_media_bg.gif); background-color    : #0F99B6;}

div.level1-navigation ul li#MEDIA span
{background-image    : url(../../images/corporate/generic/nav_media_start.gif);}

div.level1-navigation ul li#MEDIA a
{background-image    : url(../../images/corporate/generic/nav_media_end.gif); color		: #B5DFE7;}

/* CONTACTS TAB*/

div.level1-navigation ul li#CONTACTS
{background-image    : url(../../images/corporate/generic/nav_contacts_bg.gif); background-color    : #AA0257;}

div.level1-navigation ul li#CONTACTS span
{background-image    : url(../../images/corporate/generic/nav_contacts_start.gif);}

div.level1-navigation ul li#CONTACTS a
{background-image    : url(../../images/corporate/generic/nav_contacts_end.gif); color		: #E7B2CE;}


div.level1-navigation ul li.selected a
{
color               : #FFF !important;
}


/* Sub Nav */

div.content-wrapper div.left-side-wrapper div.level2-navigation ul
{
list-style-type     : none;
padding             : 0px 0px 0px 0px;
margin              : 0px 0px 0px 0px;
overflow            : hidden;
}

div.content-wrapper div.left-side-wrapper div.level2-navigation ul li
{
padding             : 0px 15px 0px 0px;
margin              : 0px;
display             : block;
float               : left;
}

div.content-wrapper div.left-side-wrapper div.level2-navigation ul li a
{
color               : #99BDD7;
text-decoration     : none;
font-size           : 85%;
padding             : 0px 0px 0px 0px;
margin              : 0px 0px 3px 0px;
display             : block;
}

div.content-wrapper div.left-side-wrapper div.level2-navigation ul li a:hover
{
color               : #FFF;
}

/* not sure why but these styles work */

div.content-wrapper div.left-side-wrapper div.level2-navigation ul li.on a,
div.content-wrapper#property div.left-side-wrapper div.level2-navigation ul li.on a,
div.content-wrapper#investors div.left-side-wrapper div.level2-navigation ul li.on a,
div.content-wrapper#media div.left-side-wrapper div.level2-navigation ul li.on a,
div.content-wrapper#contacts div.left-side-wrapper div.level2-navigation ul li.on a
{
color               : #FFF;
}