/* 
Title: 		Global Navigation Styles for ArtsAlive.ca 
Author:		jay.west for the National Arts Centre
Contact:	creative@jaywest.com
Updated:	June 2, 2008     
*/

/*body {
background-color: #000; 
margin: 0;
padding: 0;
}*/




#nav_global {
font: 12px Verdana, Helvetica, sans-serif;
width: 760px;
height: 39px;
margin: 0 auto;
position: relative;
background-color: #000; 
display: block;
z-index: 99;
}


#nav_global h2 {
text-indent: -9999px; /* hide the text */
width: 131px; /* width of replacement image */
height: 35px; /* height of replacement image */
background: url("/img/nav_global/aa_logo_en.gif") 0 0 no-repeat;
margin: 4px 0 0 -5px;
}	
#nav_global h2 a {
width: 131px; /* width of replacement image */
height: 35px; /* height of replacement image */
display: block; 
}	
#nav_global h2 a:hover {
background: url("/img/nav_global/aa_logo_en_on.gif") 0 0 no-repeat;
}


body.french #nav_global h2 {
background: url("/img/nav_global/aa_logo_fr.gif") 0 0 no-repeat;
}
body.french #nav_global h2 a:hover {
background: url("/img/nav_global/aa_logo_fr_on.gif") 0 0 no-repeat;
}



#nav_global #nav_lang {
margin: 0;
position: absolute;
top: 8px;
right: 0px;
}



#nav_global ul {
line-height: normal;
margin: 0;
padding: 0;
/*overflow: hidden;*/
white-space: nowrap;
position: absolute;
top: 10px;
left: 140px;
}
#nav_global li  { 
font: 11px Verdana, Helvetica, sans-serif;
display: inline; /* make the list horizontal */
list-style: none; /* hide the bullets */
float: left;
margin: 0;
padding: 0 0 0 3px; /* spacing between text button edge */ 
/*height: 16px;*/
position: relative;
}
#nav_global a {
padding: 2px 8px 2px 5px; /* spacing between text button edge */ 
margin: 0;
text-decoration: none;
display: block;
}
#nav_global li:hover a {color: #fff;}
#nav_global a:hover {color: #fff;}


/*#nav_global ul ul {display: none;}
#nav_global li#nav_col {display: none;}*/

#nav_mus a {color: #CC0000;}
#nav_eth a {color: #EF7A29;}
#nav_thf a {color: #DBAE00;}
#nav_dan a {color: #7DA2BD;}
#nav_col a {color: #7F5D9A;}
#nav_lang a {color: #999999;}




li:hover#nav_mus {background: url("/img/nav_global/bg_nav_mus.gif") center left no-repeat; }
li#nav_mus a:hover {background: url("/img/nav_global/bg_nav_mus.gif") center right no-repeat;}

li:hover#nav_eth {background: url("/img/nav_global/bg_nav_eth.gif") center left no-repeat;}
li#nav_eth a:hover {background: url("/img/nav_global/bg_nav_eth.gif") center right no-repeat;}

li:hover#nav_thf {background: url("/img/nav_global/bg_nav_thf.gif") center left no-repeat;}
li#nav_thf a:hover {background: url("/img/nav_global/bg_nav_thf.gif") center right no-repeat;}

li:hover#nav_dan {background: url("/img/nav_global/bg_nav_dan.gif") center left no-repeat;}
li#nav_dan a:hover {background: url("/img/nav_global/bg_nav_dan.gif") center right no-repeat;}

li:hover#nav_col	{background: url("/img/nav_global/bg_nav_col.gif") center left no-repeat;}
li#nav_col a:hover	{background: url("/img/nav_global/bg_nav_col.gif") center right no-repeat;}

p:hover#nav_lang	{background: url("/img/nav_global/bg_nav_lang.gif") center left no-repeat;}
p#nav_lang a:hover	{background: url("/img/nav_global/bg_nav_lang.gif") center right no-repeat;}





.toolTip { /* This is the hook that the jQuery script will use */
position: relative; /* This contains the .toolTipWrapper div that is absolutely positioned  */
}

.toolTipWrapper { /* The wrapper holds its insides together */
width: 295px;
/*height: 100px;*/
position: absolute; /* Absolute will make the tooltip float above other content in the page */
top: 15px;
left: -72px;
display: none; /* It has to be displayed none so that the jQuery fadein and fadeout functions will work */
color: #fff;
font-size: 11px;
line-height: 13px;
z-index: 999;
}

.toolTipMid { /* Middle section of the tooltip */
width: 200px; /* 295 minus padding */ 
padding: 25px 12px 40px 80px;
background: transparent url("/img/nav_global/tip_mus.png") no-repeat;
white-space: normal;
}

#nav_eth .toolTipMid {
background: transparent url("/img/nav_global/tip_eth.png") no-repeat;
}
#nav_thf .toolTipMid {
background: transparent url("/img/nav_global/tip_thf.png") no-repeat;
}
#nav_dan .toolTipMid {
background: transparent url("/img/nav_global/tip_dan.png") no-repeat;
}



	
#nav_eth .toolTipWrapper {
left: -45px;
}
#nav_thf .toolTipWrapper {
left: -45px;
}

/*#nav_home_mus {
overflow: visible;
}
#nav_home_mus .toolTipWrapper {
border: 1px solid red; 
top: 70px;
left: -30px;
}*/


/*#home_costumes .toolTipWrapper {
top: 75px;
left: 0;
}*/




/* dropdown menu  */ 


#nav_global ul ul {
background-color: #7F5D9A; 
position: absolute;
top: 15px;
left: -55px;
z-index: 99;
width: 200px; /* 295 minus padding */
height: 180px; 
padding: 25px 12px 20px 80px;
background: transparent url("/img/nav_global/tip_col.png") no-repeat;
white-space: normal;
display: none; 
}
#nav_global ul li:hover ul {display: block;}


#nav_global ul ul li {
background: none;
margin-bottom: 10px;
padding: 0;
line-height: 13px;
}

#nav_global ul ul a {
color: #fff;
background: none;
padding: 0;
}
#nav_global ul ul a:hover {
background: none;
}

#nav_global ul ul strong {
display: block; 
font-size: 12px;
margin: 0 0 2px 0;
}







/* FOOTER NAV */

#footer {
	font: 10px verdana, geneva, arial, sans-serif;
	color: #999;
	padding: 0;
}
#footer img {display: inline;}
#footer ul {text-align: center;}

#footer ul, #footer ul li {
	list-style-type: none;
	line-height: normal;
	margin: 0;
	padding: 0;
}
#footer ul li {
	display: inline;
	white-space: nowrap;
	/*/*/ /*/display: none;/*  */
}
#footer ul li a {
	color: #DBAE00;
	text-decoration: none;	
	margin: 0;
	padding: 0px 5px 0px 8px;
	border-left: 1px solid #999;
	font-weight: normal;
}
#footer ul li a:hover {
	text-decoration: underline;
}
#footer ul li a.first {
	border-left: none;
	}
	
#footerLogos img {
border: none;
margin-bottom: 15px;
}