#navtop {
	padding-right: 0px;
	padding-left: 40px;
	float: left;
	width: 860px;
}

ul#nav {
	margin: 0;
	padding: 0;
	list-style: none;
	background-repeat: repeat-x;
	height: 25px;
	}
	
#nav li {
	display: block; 
	float: left;
	}
	
li#nav-what, li#nav-research, li#nav-chapters, li#nav-message, li#nav-events, li#nav-merchandise, li#nav-press, li#nav-sma {
	padding-top: 2px;
	padding-bottom: 2px;
	background-image: url(../fm_images/nav_bg.gif);
	background-repeat: repeat-x;
	height: 20px;
	width: 93px;
	text-align: center;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	}
	
	li#nav-community {
	padding-top: 2px;
	padding-bottom: 2px;
	background-image: url(../fm_images/nav_bg.gif);
	background-repeat: repeat-x;
	height: 20px;
	width: 110px;
	text-align: center;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	}
	
li#nav-contact {
	width: 89px;
	padding-top: 2px;
	padding-bottom: 2px;
	background-image: url(../fm_images/nav_bg.gif);
	background-repeat: repeat-x;
	height: 20px;
	}

#nav li a {
	display: block;
	color: #FFFFFF;
	text-decoration: none;
	border-bottom: 0;
	padding-top: 3px;
	padding-right: 7px;
	padding-bottom: 3px;
	padding-left: 7px;
	font-size: 10px;
	font-weight: bold;
	}

li#nav-home {
	background: none;
	}

li#nav-home a {
	border-left: 0;	
	padding-right: 15px;
	background: none;
	}	

li#nav-contact {
	border-right: 0;	
	}	

	
/*
SON OF SUCKERFISH DROPDOWNS
See http://www.htmldog.com/articles/suckerfish/dropdowns/
--------------------- */

/* 2nd and 3rd level menus */
#nav ul {
	position: absolute;
	z-index: 99;
	left: -999em;
	margin: 0px 0 0 -1px;
	padding: 0;
	width: 14em;
	w\idth: 14em;
	height: auto;
	border: solid #C7C7C7;
	border-width: 1px 1px 0;
	background-color: #666666;
}

/* 3rd level menus only */
#nav ul ul {
	margin: -1.3em 0 0 12em;
}

/* 2nd and 3rd level menus */
#nav li li {
	padding: 2px 1em 2px 0;
	width: 13em;
	border-bottom: 1px solid #DBDBDB;
}

/* 2nd and 3rd level menus */
#nav ul a {
	width: 13em;
	w\idth: 13em;
	border-right: 0;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

/* This "unhides" the sub-menus (left: -999em is what hides them) */
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}

#nav li:hover, #nav li.sfhover {
	background-color: #999999;
	color: #7F7F7F;
}

/* 2nd and 3rd level menus */
#nav ul li:hover, #nav ul ul li:hover, #nav ul li.sfhover, #nav ul ul li.sfhover {
	color: #7A7A7A;
	background-color: #999999;
}

/* 2nd and 3rd level menus */
#nav ul li a, #nav ul ul li a {
	background: none;
	}

/* 2nd level menus only */
#nav a.sub {
}
			
	

/*
P.I.E. FLOAT CLEARING
See http://www.positioniseverything.net/easyclearing.html 
--------------------- */

.clearfix:after {
  content: ".";
  clear: both;
  height: 0;
  visibility: hidden;
  display: block;
}
.clearfix {
  display: inline-block; /* Fixes IE/Mac */
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */		


/* 
SIFR--------------------- */

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h2 {
	visibility: hidden;
	letter-spacing: -1px;
	font-size: 28px;
}

.sIFR-hasFlash h5 {
	visibility: hidden;
	letter-spacing: -1px;
	font-size: 14px;
}
h1 {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	font-weight: bold;
	color: #336699;
}
h2 {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.25em;
	color: #878787;
}