/* Dropdown Menus */

ul.sf-menu, ul.submenu {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

ul.sf-menu {
display:block;
float:left;
height:42px;
left:-9px;
position:relative;
top:0;
width:590px;
}

* html ul.sf-menu {margin-left: 68px;}

ul li.current {
	position: relative;
	display:block;
	float: left;
	margin: 0px;
	height: 42px;
}


/*****************   DIFFERENT GRAPHICS FOR EACH SECTION **********************/

ul li.current a.about { 
	display:block;
	width:68px; height: 42px;
	background-image:url("/images/nav/about.gif");
	background-repeat:no-repeat;
	background-position: top center;
	padding: 0px; margin:0px;
}
ul li.current a.about:hover { background-image:url("/images/nav-over/about.gif");}


ul li.current a.book { 
	display:block;
	width:66px; height: 42px;
	background-image:url("/images/nav/book.gif");
	background-repeat:no-repeat;
	background-position: top center;	
	padding: 0px; margin:0px;
}
ul li.current a.book:hover { background-image:url("/images/nav-over/book.gif"); }


ul li.current a.mortifiedlive { 
	display:block;
	width:114px; height: 42px;
	background-image:url("/images/nav/mortifiedlive.gif");
	background-repeat:no-repeat;
	background-position: top center;	
	padding: 0px; margin:0px;
}
ul li.current a.mortifiedlive:hover { background-image:url("/images/nav-over/mortifiedlive.gif"); }


ul li.current a.recess { 
	display:block;
	width:90px; height: 42px;
	background-image:url("/images/nav/recess.gif");
	background-repeat:no-repeat;
	background-position: top center;	
	padding: 0px; margin:0px;
}
ul li.current a.recess:hover { background-image:url("/images/nav-over/recess.gif"); }


ul li.current a.participate { 
	display:block;
	width:99px; height: 42px;
	background-image:url("/images/nav/participate.gif");
	background-repeat:no-repeat;
	background-position: top center;	
	padding: 0px; margin:0px;
}
ul li.current a.participate:hover { background-image:url("/images/nav-over/participate.gif"); }


ul li.current a.storetified { 
	display:block;
	width:153px; height: 42px;
	background-image:url("/images/nav/storetified.gif");
	background-repeat:no-repeat;
	background-position: top center;	
	padding: 0px; margin:0px;
}
ul li.current a.storetified:hover { background-image:url("/images/nav-over/storetified.gif"); }

ul li.current a span {display:none;}

#preload { display:none; }

/*****************   SUBMENU  **********************/

ul.submenu {
	position: absolute;
	left: 5px; /* Set 1px less than menu width */
	top: 42px;
	background-color:#efefef;
	border: 1px solid #ccc;
	display: none;
	width: 130px;
}	

ul.submenu li { 
	float: none;
	text-align:left;
} 

/* Styles for Menu Items */
ul li.current a {
	display: block;
}

/* Fix IE. Hide from IE Mac \*/
* html ul li.current { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */

ul li a:hover {  } /* Hover Styles */
		
ul.submenu li a { 
	font-size: 10px;
	padding: 3px; 
	text-align:left;
	text-decoration:none;
	color: #333;	
} /* Sub Menu Styles */

ul.submenu li a:hover { 
	background-color: #FFDB4C;	
}
		
li:hover ul, li.over ul { display:block; 	float: left;} /* The magic */


/* HOME and Share the Shame */

#header h1 a.home { 
	float:left;
	display:block;
	width:274px; height: 51px;
	background-image:url("/images/nav/home.gif");
	background-repeat:no-repeat;
	background-position: top left;	
	padding: 0px; margin:0px 0px 0px 100px;
}

* html #header h1 a.home {margin-left: 13px;}

#header h1 a.home:hover { background-image:url("/images/nav-over/home.gif"); }

div a.shareshame { 
	float:left;
	display:block;
	position:relative;
	top: -51px; left: 581px;
	width:219px; height: 51px;
	background-image:url("/images/nav/shareshame.gif");
	background-repeat:no-repeat;
	background-position: top left;	
	padding: 0px; margin:0px 0px 0px 0px;
}

div a.shareshame:hover { background-image:url("/images/nav-over/shareshame.gif"); }

* html div a.shareshame {	display:block; left: 507px;}

div a.shareshame span { display:none; }