/* =================================================
Menu and Navigation Style Sheet (for good browsers)

version:  0.1
site:     AkinBay.com
author:   Virtual Magic, Inc., Jean-Paul Quiceno
date:     March 15, 2007
================================================= */

#globals{ margin-left:730px; padding-top:0.25em; width:226px; }
div#globals, div#footie{ font-size:0.833em; position:relative; }
div#globals ul.menu{ margin:0; padding:0 0 0 0.5em; list-style:none; }
div#globals ul.menu li{ display:inline; color:#ddd; }
div#globals ul.menu li a{ color:#fff; text-decoration:none; display:inline; }
div#globals ul.menu li a:hover{color:#999;}
div#globals p{ margin: 4.75em 0.5em 0 auto; color:#fff; text-align:right; }

div#footie ul.menu
{  background:transparent;
	margin:0 auto;
	padding:0; _padding-left:0.5em;
	height:20px;
	width:550px;
}
div#footie ul.menu li
{
	display:inline;
	color:#74767b;
	line-height:2em;
}
div#footie ul.menu li a
{
	color:#74767b;
	display:inline;
}
div#footie ul.menu li a:hover
{
	color:#036;
}


/* Main menu navigaton */
div#mainnav > ul.menu > li
{
	float:left;
	background:transparent url('../images/bg_navVert.gif') top right no-repeat;
	margin:0 0 0 -1px;
	padding:0;
}
div#mainnav > ul.menu li:last-child
{
	background-image:none;
}

div#mainnav ul.menu a
{
	position:relative;
	color:#666;
	text-decoration:none;
	display:block;
	height:100%;
}

div#mainnav ul.menu, div#mainnav ul.menu ul
{
	list-style:none;
	margin:0;
	padding:0;
	height:auto;
	width:auto;
}

div#mainnav ul.menu li ul /* This is the dropsown menu */
{
	position:absolute;
	background:transparent url('../images/bg_dropdown.gif') 0 0 repeat-x;
	top:0;
	left:0;
	margin:0;
	border:1px solid #999;
	border-top:none;
	padding:0;
	z-index:999;
	visibility:hidden;
}

div#mainnav ul.menu ul#menu-1 { width:100px; }
div#mainnav ul.menu ul#menu-2 { width:110px; }
div#mainnav ul.menu ul#menu-3 { width:144px; }
div#mainnav ul.menu ul#menu-4 { width:108px; }
div#mainnav ul.menu ul#menu-5 { width:126px; }
div#mainnav ul.menu ul#menu-6 { width:145px; }
div#mainnav ul.menu ul#menu-7 { width:127px; }
div#mainnav ul.menu ul#menu-8 { width:90px; }

div#mainnav ul.menu li ul li img { margin-top:0; margin-left:0px; margin-bottom:1px; }

div#mainnav ul.menu li
{
	position:relative;
}
div#mainnav ul.menu li:hover,
li.menu-highlight,
li.menu-link-highlight
{
	background:transparent;
}

div#mainnav ul.menu li:hover ul
{
	visibility:visible;
}
.aboutSect div#mainnav ul.menu li:hover > ul#menu-1,
.philoSect div#mainnav ul.menu li:hover > ul#menu-2,
.invesSect div#mainnav ul.menu li:hover > ul#menu-3,
.finanSect div#mainnav ul.menu li:hover > ul#menu-4,
.transSect div#mainnav ul.menu li:hover > ul#menu-5,
.loanSect div#mainnav ul.menu li:hover > ul#menu-6,
.alliSect div#mainnav ul.menu li:hover > ul#menu-7,
.privSect div#mainnav ul.menu li:hover > ul#menu-8
{
	visibility:hidden;
}

div#mainnav ul.menu ul li:hover a
{
	color:#fff;
}
div#mainnav ul.menu li ul li
{
	/*padding-left:18px;*/
}
div#mainnav ul.menu ul li a
{
	padding-left:10px;
	padding-right: 7px;
	font-size:11px;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	white-space:normal;
	width:100%-3px;
}

div#mainnav ul.menu li ul li:hover
{
	background:#7f8287;
	margin:1px 0;
	/*border-right:1px solid #7f8287;
	border-left:1px solid #7f8287;*/
	padding:2px 0 0 0;
	line-height:1.66em;
}
div#mainnav ul.menu li ul li
{ 
	background:#e7e7e7; 
	margin:1px 0; 
	padding:2px 0 0 0; 
	line-height:1.66em; 
}

div#mainnav ul.menu li ul li.tootall:hover
{ 
	background:#7f8287;
	margin:1px 0;
	/*border-right:1px solid #7f8287;
	border-left:1px solid #7f8287;*/
	padding:2px 0 0 0;
	line-height:1.25;
}

div#mainnav ul.menu li ul li.tootall
{
	background:#e7e7e7; 
	margin:1px 0; 
	padding:2px 0 0 0; 
	line-height:1.25; 
}

div#mainnav ul.menu li ul li.tootootall:hover
{ 
	background:#7f8287;
	margin:1px 0;
	padding:2px 0 18px 0;
	line-height:1.25;
}

div#mainnav ul.menu li ul li.tootootall
{
	background:#e7e7e7; 
	margin:1px 0; 
	padding:2px 0 18px 0; 
	line-height:1.25; 
}
/* ============================================
																							=
	below '#' is blocking safari from reading.	=
																							=
============================================ */
div#mainnav ul.menu li ul li:hover
{
	background:#7f8287;
	margin:-1px 0 0 0;
	line-height:23px;
	height:2em;#
}
div#mainnav ul.menu li ul li
{
	background:#e7e7e7;
	margin:0 0 1px 0;
	overflow:visible;
	height:1.83em;
}
div#mainnav ul.menu li ul li.tootall:hover
{
	background:#7f8287;
	margin:-1px 0 0 0;
	line-height:1.25;
	height:2.83em;
}
div#mainnav ul.menu li ul li.tootall
{
	background:#e7e7e7;
	margin:0 0 1px 0;
	height:2.66em;
}