/* @override 
	http://www.artsalive.ca/css/global/navArtsAliveMaster.css
	http://www.artsalive.dev/css/global/navArtsAliveMaster.css
*/

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


/* web standards message hidden */
#oldbrowser {
	display: none;
}

/* @group #nav_global */

/* wrapper */ 
#nav_global {
font: 12px Verdana, Helvetica, sans-serif;
/*width: 520px;*/
width: 98%;
height: 39px;
margin: 0 auto;
position:relative;
background-color: #000; 
display: block;
z-index: 2;
}



/* ArtsAlive wordmark */ 
#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;
}
body.french #nav_global h2 {background: url("/img/nav_global/aa_logo_fr.gif") 0 0 no-repeat;}

#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 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: 10px;
}


/* @end */


/* ArtsAlive wordmark */ 



body#global_footer h4 a, .col a {
color:  #fff;
text-decoration: none;
}	

body#global_footer h4 a:hover, .col a:hover {
text-decoration: underline;
background: none;
}






/* @group #nav_modules */

#nav_modules {
line-height: normal;
margin: 0;
padding: 0;
/*overflow: hidden;*/
white-space: nowrap;
position: absolute;
top: 8px;
left: 130px;
}
#nav_modules 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;
text-transform: uppercase;
text-align: left;
}

#nav_modules a {
padding: 2px 8px 2px 5px; /* spacing between text button edge */ 
margin: 0;
text-decoration: none;
display: block;
}
#nav_modules li:hover a {color: #fff;}
#nav_modules a:hover {color: #fff;}


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

#nav_mus a {color: #CC0000;}
#nav_theatre a {color: #DBAE00;}
/*#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") no-repeat center; }
li#nav_mus a:hover {background: url("/img/nav_global/bg_nav_mus.gif") center right no-repeat;}

li:hover#nav_theatre 	{background: url("/img/nav_global/bg_nav_thf.gif") center left no-repeat;}
li#nav_theatre a:hover	{background: url("/img/nav_global/bg_nav_thf.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;
text-transform: none;
}

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

 
#nav_modules li#nav_theatre ul {
background-color: #DBAE00; 
background: transparent url("/img/nav_global/tip_theatre.png") no-repeat;
}




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

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

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



/* @end */





/* @group #nav_about */

#nav_about {
/*float: right;*/
font: 12px Verdana, Helvetica, sans-serif;
width: 280px;
/*height: 39px;*/
/*margin: 0 auto;*/
position: relative;
padding: 0;
z-index: 2;
position: absolute;
top: 10px;
right: 0;
}



#nav_about ul  {
display: block;
/*height:  18px;*/
margin:  0;
width: 175px;
float: left;
}
#nav_about 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 2px 0 2px; /* spacing between text button edge */ 
/*height: 16px;*/
position: relative;
border-right: 1px solid #444;
}
#nav_about a {
padding: 1px 3px 1px 3px; /* spacing between text button edge */ 
margin: 0;
text-decoration: none;
/*display: block;*/
color: #666;
}
#nav_about li:hover a {color: #fff;}
#nav_about a:hover {color: #fff;}
#nav_about li.last {border: none;}

/* @end */





/* @group Search */

#cse-search-box {
float: right;
width:  105px;
margin: -3px 0 0 0;
}

#cse-search-box-resultpage {
	width: 480px;
	
}

input#button {
	border: none;
	height: 30px;
	width: 70px;
	font:14px/1em "lucida grande";
}

#cs3-search-box-resultpage input, textarea {
	border: 0;
}

#cse-search-box div {
border:medium none;
margin: 0;
}
#cse-search-box input#txtKeywords {
background: #111 url("/img/nav_global/bg_search.png") no-repeat scroll 0 50%;
border: 1px solid #444;
color: #666;
font-size:13px;
margin:0;
padding: 2px 3px 2px 20px;
width: 80px;
}
#cse_search-box input#txtkeywords:hover {
background-color: #666;
}
#bttnSearch {
display:none;
}
#cse-search-box input#txtKeywords.fieldFocus {
background:  #eee url("/img/nav_global/bg_search_focus.gif") no-repeat scroll 0 50%;
color: #000;
}

/* @end */









/* @group #global_footer */

#footer_wrap {
background: #151515;width:100%;
clear:both;
position:relative;
}


#global_footer {
position: relative;
background: #151515;
margin: 40px auto 0 auto;
width: 1024px;
overflow:  visible;
border:  none;
height: 100%;
}
body#footer{
text-align: left;
}

#global_footer h4 {
color:  #fff;
font:  bold 16px/1.5em "Lucida Grande",Tahoma,Verdana,Arial,sans-serif;
margin:  0 0 0px 0;
text-transform: uppercase;
}
#global_footer h4 a {color: #fff;}
#global_footer h4 a:hover {color: #000;}

#global_footer p {
font: 12px verdana, geneva, arial, sans-serif;
text-align: left;
padding: 0 7px 5px 0;
color: #999;
}

#global_footer p strong{
font-size: 12px;
color: #ffffff;
font-weight: normal;
}

#global_footer img {
	margin-bottom: 10px;
}


#footer_portals {
width:470px;
float: left;
margin: 20px 20px 20px 0;
}


#footer_awards1,
#footer_awards2 {
width:230px;
float: left;
margin: 20px 20px 20px 0;
}
#footer_awards2 {
margin-right:0;
}


#global_footer #footer_copyright {
text-align: center;
margin: 30px 0 0 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;/*  */
}
#global_footer ul li a {
	color: #DBAE00;
	text-decoration: none;	
	margin: 0;
	padding: 0px 5px 0px 8px;
	border-left: 1px solid #999;
	font-weight: normal;
}
#global_footer ul li a:hover {
	text-decoration: underline;
}
#global_footer ul li a.first {
	border-left: none;
	}
	
#footerLogos img {
border: none;
/*margin-bottom: 15px;*/
float: left;
margin:0;
padding: 0;

/*display: none;*/

}	

#footerLogos {
/*position:  relative;*/
/*bottom:110px;*/
clear:both;
height:90px;
width:100%;

text-align: center;
background: url(/img/footer_divider.png) no-repeat;
background-position: center;
padding-top: 120px;
}	

.col {
	float: left;
	padding: 0 7px;
	position: relative;
}
.col3 {
	/*width: 17%;*/
	width:150px;
}
.col4 {
	/*width: 17%;*/
	width:210px;
}
.col5 {
	/*width: 17%;*/
	width:300px;
	margin-left: 10px;
}
#footerLogos img{
	margin-bottom: 0;
}
#footerLogos .col5 a img{
	margin-top: 20px;
}

.english #footerLogos .last a img{
	margin-top: -12px;
}
/* @end */





/* @group #content_footer */

#content_footer ul {text-align: center;}

#content_footer ul, #footer ul li {
	list-style-type: none;
	line-height: normal;
	margin: 0;
	padding: 0;
}
#content_footer ul li {
	display: inline;
	white-space: nowrap;
	/*/*/ /*/display: none;/*  */
}
#content_footer ul li a {
	font: 11px Verdana, Helvetica, sans-serif;

	color: #DBAE00;
	text-decoration: none;	
	margin: 0;
	padding: 0px 5px 0px 8px;
	border-left: 1px solid #999;
	font-weight: normal;
}
#content_footer ul li a:hover {
	text-decoration: underline;
}
#content_footer ul li a.first {
	border-left: none;
	}
	
	
/* @end */