

#nav {
	padding:0px;
	margin:0px 0px 0px 1px;
	list-style:none;
	height:53px;
	width: 981px;
	padding-top:45px;
	z-index:100;
	font-family:arial, verdana, sans-serif;
	position:relative;
}

#nav li a.top_link {
	display:block;
	float:left;
	height:35px;
	text-decoration:none;
	cursor:pointer;
}
#nav li a.top_link span {
	margin:0px;
	float:left;
	display:block;
	height:53px;
}

#nav li:hover {
	position:relative;
	z-index:199;
}

/*=============== Default Menu State ===============*/

#welcome_btn.normal {
	display:block;
	float:left;
	height: 47px;
	width: 106px;
	margin: 4px 0px 0px 0px;
	padding: 0px;
	background:url(../_images/nav/menu/normal/m_normal_welcome.png);
	overflow: hidden;
}
#about_btn.normal {
	display:block;
	float:left;
	height: 47px;
	width: 97px;
	margin: 4px 0px 0px 0px;
	padding: 0px;
	background:url(../_images/nav/menu/normal/m_normal_about.png);
}
#fi_btn.normal {
	display:block;
	float:left;
	height: 47px;
	width: 188px;
	margin: 4px 0px 0px 0px;
	padding: 0px;
	background:url(../_images/nav/menu/normal/m_normal_fi.png);
}
#transparent_spacer {
	display:block;
	float:left;
	background:url(../_images/nav/mask.png);
	height: 128px;
	width: 186px;
	margin:0px 0px 0px 0px;
	padding: 0px;
}
#awards_btn.normal {
	display:block;
	float:left;
	height: 47px;
	width: 91px;
	margin: 4px 0px 0px 0px;
	padding: 0px;     
	background:url(../_images/nav/menu/normal/m_normal_awards.png);        
}
#contacts_btn.normal {
	display:block;
	float:left;
	height: 47px;
	width: 104px;
	margin: 4px 0px 0px 0px;
	padding: 0px;
	background:url(../_images/nav/menu/normal/m_normal_contacts.png);
}
#downloads_btn.normal {
	display:block;
	float:left;
	height: 47px;
	width: 120px;
	margin: 4px 0px 0px 0px;
	padding: 0px;
	background:url(../_images/nav/menu/normal/m_normal_downloads.png);
}
#links_btn.normal {
	display:block;
	float:left;
	height: 47px;
	width: 85px;
	margin: 4px 0px 0px 0px;
	padding: 0px;
	background:url(../_images/nav/menu/normal/m_normal_links.png);
}

/*=============== Active/Landed Menu State ===============*/

#welcome_btn.active {
	display:block;
	float:left;
	height: 47px;
	width: 106px;
	margin: 4px 0px 0px 0px;
	padding: 0;
	background:url(../_images/nav/menu/active/m_active_welcome.png);
}
#about_btn.active {
	display:block;
	float:left;
	height: 47px;
	width: 97px;
	margin: 4px 0px 0px 0px;
	padding: 0;
	background:url(../_images/nav/menu/active/m_active_about.png);
}
#fi_btn.active {
	display:block;
	float:left;
	height: 47px;
	width: 188px;
	margin: 4px 0px 0px 0px;
	padding: 0;
	background:url(../_images/nav/menu/active/m_active_fi.png);
}

#awards_btn.active {
	display:block;
	float:left;
	height: 47px;
	width: 91px;
	margin: 4px 0px 0px 0px;
	padding: 0;
	background:url(../_images/nav/menu/active/m_active_awards.png);
}
#contacts_btn.active {
	display:block;
	float:left;
	height: 47px;
	width: 104px;
	margin: 4px 0px 0px 0px;
	padding: 0;
	background:url(../_images/nav/menu/active/m_active_contacts.png);
}
#downloads_btn.active {
	display:block;
	float:left;
	height: 47px;
	width: 120px;
	margin: 4px 0px 0px 0px;
	padding: 0;
	background:url(../_images/nav/menu/active/m_active_downloads.png);
}
#links_btn.active {
	display:block;
	float:left;
	height: 47px;
	width: 85px;
	margin: 4px 0px 0px 0px;
	padding: 0;
	background:url(../_images/nav/menu/active/m_active_links.png);
}


/*=============== MouseOver Menu State ===============*/

#nav li:hover a.top_link span.welcome {
	background-image: url(../_images/nav/menu/mouseover/m_mouseover_welcome.png);
	background-repeat: no-repeat;
	height: 47px;
	width: 106px;
	margin:0;
	padding: 0;
}
#nav li:hover a.top_link span.about {
	background-image: url(../_images/nav/menu/mouseover/m_mouseover_about.png);
	background-repeat: no-repeat;
	height: 47px;
	width: 97px;
	margin:0;
	padding: 0;
}
#nav li:hover a.top_link span.fi {
	background-image: url(../_images/nav/menu/mouseover/m_mouseover_fi.png);
	background-repeat: no-repeat;
	height: 47px;
	width: 188px;
	margin:0;
	padding: 0;
}
#nav li:hover a.top_link span.awards {
	background-image: url(../_images/nav/menu/mouseover/m_mouseover_awards.png);
	background-repeat: no-repeat;
	height: 47px;
	width: 91px;
	margin:0;
	padding: 0;
}
#nav li:hover a.top_link span.contacts {
	background-image: url(../_images/nav/menu/mouseover/m_mouseover_contacts.png);
	background-repeat: no-repeat;
	height: 47px;
	width: 104px;
	margin:0;
	padding: 0;
}
#nav li:hover a.top_link span.downloads {
	background-image: url(../_images/nav/menu/mouseover/m_mouseover_downloads.png);
	background-repeat: no-repeat;
	height: 47px;
	width: 120px;
	margin:0;
	padding: 0;
}
#nav li:hover a.top_link span.links {
	background-image: url(../_images/nav/menu/mouseover/m_mouseover_links.png);
	background-repeat: no-repeat;
	height: 47px;
	width: 85px;
	margin:0;
	padding: 0;
}



/*=============== Dropdown Menu Control ===============*/


/*=====================================================*/

#nav li:hover ul.sub_about {
	left:-10px;
	top:47px;
    background:url(../_images/nav/submenu/2x_bg.png);
	background-repeat:no-repeat;
	white-space:nowrap;
	width:201px;
	height:124px;
	z-index:199;                              
}

#nav li:hover ul.sub_fi{
	left:-10px;
	top:47px;
    background:url(../_images/nav/submenu/4x_bg.png);
	background-repeat:no-repeat;
	white-space:nowrap;
	width:200px;
	height:134px;
	z-index:199;                                 
}

#nav li:hover ul.sub_awards{
	left:-10px;
	top:47px;
    background:url(../_images/nav/submenu/2x_bg.png);
	background-repeat:no-repeat;
	white-space:nowrap;
	width:201px;
	height:124px;
	z-index:100;                              
}

/*ABOUT US - Submenu display*/

#nav li:hover ul.sub_about li.about_history {
	margin: 14px 0px 0px 10px;
	display:block;
	height:22px;
	background:url(../_images/nav/menu/buttons/about/about_history_normal.png);
	background-repeat:no-repeat;
	float:left;
	width:186px;
	padding:0;
}

#nav li:hover ul.sub_about li:hover.about_history a span.content{
	display:block;
	height:22px;
	background:url(../_images/nav/menu/buttons/about/about_history_mouseover.png);
	background-repeat:no-repeat;
}


#nav li:hover ul.sub_about li.about_team {
	margin: 0px 0px 0px 10px;
	display:block;
	height:22px;
	background:url(../_images/nav/menu/buttons/about/about_team_normal.png);
	background-repeat:no-repeat;
	float:left;
	width:186px;
	padding:0;
}

#nav li:hover ul.sub_about li:hover.about_team a span.content{
	display:block;
	height:22px;
	background:url(../_images/nav/menu/buttons/about/about_team_mouseover.png);
	background-repeat:no-repeat;
}


/*FESTIVAL INFORMATION - Submenu display*/

#nav li:hover ul.sub_fi li.fi_provincial {
	margin: 13px 0px 0px 10px;
	display:block;
	height:22px;
 	background:url(../_images/nav/menu/buttons/fi/fi_provincial_normal.png);
	background-repeat:no-repeat;
	float:left;
	width:186px;
	padding:0;
}

#nav li:hover ul.sub_fi li:hover.fi_provincial a span.content{
	display:block;
	height:22px;
	background:url(../_images/nav/menu/buttons/fi/fi_provincial_mouseover.png);
	background-repeat:no-repeat;
}


#nav li:hover ul.sub_fi li.fi_regional {
	margin: 0px 0px 0px 10px;
	display:block;
	height:25px;
 	background:url(../_images/nav/menu/buttons/fi/fi_zones_normal.png);
	background-repeat:no-repeat;
	float:left;
	width:186px;
	padding:0;
}

#nav li:hover ul.sub_fi li:hover.fi_regional a span.content{
	display:block;
	height:25px;
	background:url(../_images/nav/menu/buttons/fi/fi_zones_mouseover.png);
	background-repeat:no-repeat;
}


#nav li:hover ul.sub_fi li.fi_rules {
	margin: 0px 0px 0px 10px;
	display:block;
	height:25px;
 	background:url(../_images/nav/menu/buttons/fi/fi_rules_normal.png);
	background-repeat:no-repeat;
	float:left;
	width:186px;
	padding:0;
}

#nav li:hover ul.sub_fi li:hover.fi_rules a span.content{
	display:block;
	height:25px;
	background:url(../_images/nav/menu/buttons/fi/fi_rules_mouseover.png);
	background-repeat:no-repeat;
}

#nav li:hover ul.sub_fi li.fi_copyright {
	margin: 0px 0px 0px 10px;
	display:block;
	height:24px;
 	background:url(../_images/nav/menu/buttons/fi/fi_copyright_normal.png);
	background-repeat:no-repeat;
	float:left;
	width:186px;
	padding:0;
}

#nav li:hover ul.sub_fi li:hover.fi_copyright a span.content{
	display:block;
	height:24px;
	background:url(../_images/nav/menu/buttons/fi/fi_copyright_mouseover.png);
	background-repeat:no-repeat;
}

#nav li:hover ul.sub_fi li.fi_workshops {
	margin: 0px 0px 0px 10px;
	display:block;
	height:25px;
 	background:url(../_images/nav/menu/buttons/fi/fi_workshops_normal.png);
	background-repeat:no-repeat;
	float:left;
	width:186px;
	padding:0;
}

#nav li:hover ul.sub_fi li:hover.fi_workshops a span.content{
	display:block;
	height:25px;
	background:url(../_images/nav/menu/buttons/fi/fi_workshops_mouseover.png);
	background-repeat:no-repeat;
}

/*AWARDS - Submenu display*/

#nav li:hover ul.sub_awards li.awards_overview {
	margin: 14px 0px 10px 10px;
	display:block;
	height:22px;
 	background:url(../_images/nav/menu/buttons/awards/awards_overview_normal.png);
	background-repeat:no-repeat;
	float:left;
	width:186px;
	padding:0;
}

#nav li:hover ul.sub_awards li:hover.awards_overview a span.content{
	display:block;
	height:22px;
	background:url(../_images/nav/menu/buttons/awards/awards_overview_mouseover.png);
	background-repeat:no-repeat;
}

#nav li:hover ul.sub_awards li.awards_recipients {
	margin: -8px 0px 0px 10px;
	display:block;
	height:22px;
 	background:url(../_images/nav/menu/buttons/awards/awards_recipients_normal.png);
	background-repeat:no-repeat;
	float:left;
	width:186px;
	padding:0;
}

#nav li:hover ul.sub_awards li:hover.awards_recipients a span.content{
	display:block;
	height:25px;
	background:url(../_images/nav/menu/buttons/awards/awards_recipients_mouseover.png);
	background-repeat:no-repeat;
}

/*==========================*/

#nav li:hover ul.sub {
	left:0px;
	top:53px;
	background: #bbd37e;
	padding:3px;
	border:1px solid #5c731e;
	white-space:nowrap;
	width:90px;
	height:auto;
	z-index:300;                                 
}
#nav li:hover ul.sub li {
	display:block;
	height:20px;
	position:relative;
	float:left;
	width:90px;
	font-weight:normal;
}
#nav li:hover ul.sub li a {
	display:block;
	font-size:11px;
	height:18px;
	width:88px;
	line-height:18px;
	text-indent:5px;
	color:#000;
	text-decoration:none;
	border:1px solid #bbd37e;
}
#nav li:hover ul.sub li a:hover {
	background:#6a812c;
	color:#fff;
	border-color:#fff;
}


#nav li:hover li:hover ul, #nav li:hover li:hover li:hover ul, #nav li:hover li:hover li:hover li:hover ul, #nav li:hover li:hover li:hover li:hover li:hover ul {
	left:90px;
	top:-4px;
	background: #bbd37e;
	padding:3px;
	border:1px solid #5c731e;
	white-space:nowrap;
	width:90px;
	z-index:400;
	height:auto;
}
#nav ul, #nav li:hover ul ul, #nav li:hover li:hover ul ul, #nav li:hover li:hover li:hover ul ul, #nav li:hover li:hover li:hover li:hover ul ul {
	position:absolute;
	left:-9999px;
	top:-9999px;
	width:0;
	height:0;
	margin:0;
	padding:0;
	list-style:none;
}
#nav li:hover li:hover a.fly, #nav li:hover li:hover li:hover a.fly, #nav li:hover li:hover li:hover li:hover a.fly, #nav li:hover li:hover li:hover li:hover li:hover a.fly {
	background:#6a812c url(arrow_over.gif) 80px 6px no-repeat;
	color:#fff;
	border-color:#fff;
}
#nav li:hover li:hover li a.fly, #nav li:hover li:hover li:hover li a.fly, #nav li:hover li:hover li:hover li:hover li a.fly {
	background:#bbd37e url(arrow.gif) 80px 6px no-repeat;
	color:#000;
	border-color:#bbd37e;
}