/*	================================================================
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.stunicholls.com/menu/pro_drop_2.php
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
	================================================================	*/

.preload2 {background:url(pictures/homeActive.png);}
.preload3 {background:url(pictures/aboutActive.png);}
.preload4 {background:url(pictures/mtaActive.png);}
.preload5 {background:url(pictures/eventsActive.png);}
.preload6 {background:url(pictures/educationActive.png);}
.preload7 {background:url(pictures/membershipActive.png);}
.preload8 {background:url(pictures/faqsActive.png);}
.preload9 {background:url(pictures/podcastsActive.png);}
.preload10 {background:url(pictures/rssActive.png);}
.preload1 {background:url(pictures/navigationBackground.png);}

#nav_bar { padding:0px; }

#nav {background:url(pictures/navigationBackground.png) #000; padding:0; margin:0px auto; list-style:none; height:30px; width:1003px; float:none; clear:both;}
#nav li.top {display:block; float:left; height:30px; margin:0px; clear:right;}

#nav li.divider {background:url(pictures/divider.png) top left no-repeat; height:30px; width:3px; display:block; float:left; padding:0px;}

#nav li a.navHome {background:url(pictures/homeActive.png) 0px -30px no-repeat; height:30px; width:97px; display:block; float:left; padding:0px; cursor:pointer;}
#nav li a.navHome span {background:url(pictures/homeActive.png) 0px -30px no-repeat; height:30px; width:97px; float:left; display:block; padding:0px; margin:0px;}
#nav li a.navHome span.down {background:url(pictures/homeActive.png) 0px -30px no-repeat; height:30px; width:97px; float:left; display:block; padding:0px;}
#nav li:hover a.navHome {background:url(pictures/homeActive.png) 0px 0px no-repeat; height:30px; width:97px;}
#nav li:hover a.navHome span {background:url(pictures/homeActive.png) 0px 0px no-repeat; height:30px; width:97px;}
#nav li:hover a.navHome span.down {background:url(pictures/homeActive.png) 0px 0px no-repeat; height:30px; width:97px; text-indent:-900;}
#nav li a.navHomeActive {background:url(pictures/homeActive.png) top left no-repeat; height:30px; width:97px; display:block; float:left; padding:0px; cursor:pointer;}


#nav li a.navAbout {background:url(pictures/aboutActive.png) 0px -30px no-repeat; height:30px; width:97px; display:block; float:left; padding:0px; cursor:pointer;}
#nav li a.navAbout span {background:url(pictures/aboutActive.png) 0px -30px no-repeat; height:30px; width:97px; float:left; display:block; padding:0px; margin:0px;}
#nav li a.navAbout span.down {background:url(pictures/aboutActive.png) 0px -30px no-repeat; height:30px; width:97px; float:left; display:block; padding:0px;}
#nav li:hover a.navAbout {background:url(pictures/aboutActive.png) top left no-repeat; height:30px; width:97px;}
#nav li:hover a.navAbout span {background:url(pictures/aboutActive.png) top left no-repeat; height:30px; width:97px;}
#nav li:hover a.navAbout span.down {background:url(pictures/aboutActive.png) top left no-repeat; height:30px; width:97px; text-indent:-900;}
#nav li a.navAboutActive {background:url(pictures/aboutActive.png) top left no-repeat; height:30px; width:97px; display:block; float:left; padding:0px; cursor:pointer;}

#nav li a.navMta {background:url(pictures/mtaActive.png) 0px -30px no-repeat; height:30px; width:97px; display:block; float:left; padding:0px; cursor:pointer;}
#nav li a.navMta span {background:url(pictures/mtaActive.png) 0px -30px no-repeat; height:30px; width:97px; float:left; display:block; padding:0px; margin:0px;}
#nav li a.navMta span.down {background:url(pictures/mtaActive.png) 0px -30px no-repeat; height:30px; width:97px; float:left; display:block; padding:0px;}
#nav li:hover a.navMta {background:url(pictures/mtaActive.png) top left no-repeat; height:30px; width:97px;}
#nav li:hover a.navMta span {background:url(pictures/mtaActive.png) top left no-repeat; height:30px; width:97px;}
#nav li:hover a.navMta span.down {background:url(pictures/mtaActive.png) top left no-repeat; height:30px; width:97px; text-indent:-900;}
#nav li a.navMtaActive {background:url(pictures/mtaActive.png) top left no-repeat; height:30px; width:97px; display:block; float:left; padding:0px; cursor:pointer;}

#nav li a.navEvents {background:url(pictures/eventsActive.png) 0px -30px no-repeat; height:30px; width:97px; display:block; float:left; padding:0px; cursor:pointer;}
#nav li a.navEvents span {background:url(pictures/eventsActive.png) 0px -30px no-repeat; height:30px; width:97px; float:left; display:block; padding:0px; margin:0px;}
#nav li a.navEvents span.down {background:url(pictures/eventsActive.png) 0px -30px no-repeat; height:30px; width:97px; float:left; display:block; padding:0px;}
#nav li:hover a.navEvents {background:url(pictures/eventsActive.png) top left no-repeat; height:30px; width:97px;}
#nav li:hover a.navEvents span {background:url(pictures/eventsActive.png) top left no-repeat; height:30px; width:97px;}
#nav li:hover a.navEvents span.down {background:url(pictures/eventsActive.png) top left no-repeat; height:30px; width:97px; text-indent:-900;}
#nav li a.navEventsActive {background:url(pictures/eventsActive.png) top left no-repeat; height:30px; width:97px; display:block; float:left; padding:0px; cursor:pointer;}

#nav li a.navEducation {background:url(pictures/educationActive.png) 0px -30px no-repeat; height:30px; width:97px; display:block; float:left; padding:0px; cursor:pointer;}
#nav li a.navEducation span {background:url(pictures/educationActive.png) 0px -30px no-repeat; height:30px; width:97px; float:left; display:block; padding:0px; margin:0px;}
#nav li a.navEducation span.down {background:url(pictures/educationActive.png) 0px -30px no-repeat; height:30px; width:97px; float:left; display:block; padding:0px;}
#nav li:hover a.navEducation {background:url(pictures/educationActive.png) top left no-repeat; height:30px; width:97px;}
#nav li:hover a.navEducation span {background:url(pictures/educationActive.png) top left no-repeat; height:30px; width:97px;}
#nav li:hover a.navEducation span.down {background:url(pictures/educationActive.png) top left no-repeat; height:30px; width:97px; text-indent:-900;}
#nav li a.navEducationActive {background:url(pictures/educationActive.png) top left no-repeat; height:30px; width:97px; display:block; float:left; padding:0px; cursor:pointer;}

#nav li a.navMembership {background:url(pictures/membershipActive.png) 0px -30px no-repeat; height:30px; width:97px; display:block; float:left; padding:0px; cursor:pointer;}
#nav li a.navMembership span {background:url(pictures/membershipActive.png) 0px -30px no-repeat; height:30px; width:97px; float:left; display:block; padding:0px; margin:0px;}
#nav li a.navMembership span.down {background:url(pictures/membershipActive.png) 0px -30px no-repeat; height:30px; width:97px; float:left; display:block; padding:0px;}
#nav li:hover a.navMembership {background:url(pictures/membershipActive.png) top left no-repeat; height:30px; width:97px;}
#nav li:hover a.navMembership span {background:url(pictures/membershipActive.png) top left no-repeat; height:30px; width:97px;}
#nav li:hover a.navMembership span.down {background:url(pictures/membershipActive.png) top left no-repeat; height:30px; width:97px; text-indent:-900;}
#nav li a.navMembershipActive {background:url(pictures/membershipActive.png) top left no-repeat; height:30px; width:97px; display:block; float:left; padding:0px; cursor:pointer;}

#nav li a.navFaqs {background:url(pictures/faqsActive.png) 0px -30px no-repeat; height:30px; width:97px; display:block; float:left; padding:0px; cursor:pointer;}
#nav li a.navFaqs span {background:url(pictures/faqsActive.png) 0px -30px no-repeat; height:30px; width:97px; float:left; display:block; padding:0px; margin:0px;}
#nav li a.navFaqs span.down {background:url(pictures/faqsActive.png) 0px -30px no-repeat; height:30px; width:97px; float:left; display:block; padding:0px;}
#nav li:hover a.navFaqs {background:url(pictures/faqsActiveActive.png) 0px -30px no-repeat; height:30px; width:97px;}
#nav li:hover a.navFaqs span {background:url(pictures/faqsActiveActive.png) 0px -30px no-repeat; height:30px; width:97px;}
#nav li:hover a.navFaqs span.down {background:url(pictures/faqsActive.png) top left no-repeat; height:30px; width:97px; text-indent:-900;}
#nav li a.navFaqsActive {background:url(pictures/faqsActive.png) top left no-repeat; height:30px; width:97px; display:block; float:left; padding:0px; cursor:pointer;}

#nav li a.navPodcast {background:url(pictures/podcastActive.png) 0px -30px no-repeat; height:30px; width:97px; display:block; float:left; padding:0px; cursor:pointer;}
#nav li a.navPodcast span {background:url(pictures/podcastActive.png) 0px -30px no-repeat; height:30px; width:97px; float:left; display:block; padding:0px; margin:0px;}
#nav li a.navPodcast span.down {background:url(pictures/podcastActive.png) 0px -30px no-repeat; height:30px; width:97px; float:left; display:block; padding:0px;}
#nav li:hover a.navPodcast {background:url(pictures/podcastActive.png) top left no-repeat; height:30px; width:97px;}
#nav li:hover a.navPodcast span {background:url(pictures/podcastActive.png) top left no-repeat; height:30px; width:97px;}
#nav li:hover a.navPodcast span.down {background:url(pictures/podcastActive.png) top left no-repeat; height:30px; width:97px; text-indent:-900;}
#nav li a.navPodcastActive {background:url(pictures/podcastActive.png) top left no-repeat; height:30px; width:97px; display:block; float:left; padding:0px; cursor:pointer;}

#nav li a.navRss {background:url(pictures/rssActive.png) 0px -30px no-repeat; height:30px; width:97px; display:block; float:left; padding:0px; cursor:pointer;}
#nav li a.navRss span {background:url(pictures/rssActive.png) 0px -30px no-repeat; height:30px; width:97px; float:left; display:block; padding:0px; margin:0px;}
#nav li a.navRss span.down {background:url(pictures/rssActive.png) 0px -30px no-repeat; height:30px; width:97px; float:left; display:block; padding:0px;}
#nav li:hover a.navRss {background:url(pictures/rssActive.png) top left no-repeat; height:30px; width:97px;}
#nav li:hover a.navRss span {background:url(pictures/rssActive.png) top left no-repeat; height:30px; width:97px;}
#nav li:hover a.navRss span.down {background:url(pictures/rssActive.png) top left no-repeat; height:30px; width:97px; text-indent:-900;}
#nav li a.navRssActive {background:url(pictures/rssActive.png) top left no-repeat; height:30px; width:97px; display:block; float:left; padding:0px; cursor:pointer; clear:right;}

/* Default list styling */

#nav li:hover {position:relative; z-index:200;}

#nav li:hover ul.sub
{background:transparent; left:1px; top:30px; padding:0px; border:0px; margin:0px;}
#nav li:hover ul.sub li
{display:block; position:relative; float:left; height:25px; width:200px; font-family:Arial; color:#000; margin:0px; padding:0px 0px 0px 0px; border-top:0px solid #E4E1DE; border-bottom:1px solid #FFFFFF; line-height:25px; vertical-align:bottom}
#nav li:hover ul.sub li a
{display:block; background:#E4E1DE; height:25px; width:200px; margin:0px; padding:0px 0px 0px 0px; font:13px Arial, Verdana, Sans-serif; color:#000; text-indent:5px; text-decoration:none; border-bottom:2px solid #FFFFFF; line-height:25px; vertical-align:bottom}
#nav li ul.sub li a.fly
{left:5px; top:30px; width:200px; height:20px; z-index:300; padding:5px 0px 0px 0px; white-space:nowrap; border:0px; margin:0px;}
#nav li:hover ul.sub li a:hover
{background:#000; display:block; height:25px; position:relative; float:left; width:200px; font-family:Arial; font-weight:normal; color:#E4E1DE; margin:0px; padding:0px 0px 0px 0px; line-height:25px; vertical-align:bottom}
#nav li:hover ul.sub li a.fly:hover
{display:block; background:#000; height:25px; width:198px; line-height:20px; text-indent:5px; color:#E4E1DE; text-decoration:none; font:13px Arial, Verdana, Sans-serif; margin:0px; padding:0px;}


#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
{background:#000; left:183px; top:-4px; padding:0px; white-space:nowrap; width:150px; 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
{background:#000; position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}
