/*******************************************************
 *  THIS PAGE CONTAINS STYLES COMMON TO ALL PAGES
 ******************************************************/
 
 
.clearleft {
	clear: left;
}

/**
 * Note:
 * IE6 had problem displaying png's (images were stretched vertically and misaligned).
 * Special IE6 hack is in separate file
 */ 
.arrows {
	float:left;
	margin-top: 7px;
	margin-right: 5px;
	margin-bottom: 0px;
	height: 9px;
	width: 17px;	
}
/* 
 * Note: Was misaligned on Jen page, so I massaged.
 */
.arrows_2line-type {
	float:left;
	margin-top: auto;
	margin-right: 5px;
	margin-bottom: auto;
	width: 17px;
	height: 9px;
	padding-top: 2px;
}
/* original version:
.arrows_2line-type {
	float:left;
	margin-top: 1px;
	margin-right: 5px;
	margin-bottom: 11px;
	width: 17px;
	height: 9px;
	padding-bottom: 2px;
}
*/

/****************************************
 * 		NAVIGATION STYLES
 ****************************************/

/**
 * Note:
 * This code was added to fix Safari problem.
 */
#navigation {   
	margin-left: 0px;
	margin-right: 0px;
}

a .alt { display: none; }


#nav, #nav ul { 
	font-family: Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}

#nav a {
	display: block;
}


/**
 * Note:
 * For IE and Opera, you must set the #nav li width to something.
 * Initially created dummy width value, smaller than the width of any button image, so would be overriden.
 * But this IE/Opera fix breaks firefox.  
 * Instead created separate IE-specific hack.
 */
#nav li { /* all list items */
	float: left;
}

#nav li ul { /* drop-down lists */
	position: absolute;
	left: -999em; /* hide drop-down until user clicks main-menu button */
	height: auto; 
	width: 14.4em;
	w\idth: 13.9em;
	margin-left: 3px; 
	padding-left: 1em;
}
#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}





/*
 * Main navbar buttons
 */
 #nav li a.mainnavBtn {
	background-position:left center;
	background-repeat:no-repeat;
	height:28px;
	margin:0;
	padding:0;
}


/*
 * Navbar Dropdown Styles
 */
#nav li ul li a.dropdownBtn {
	background-color:#CC3333;
	background-repeat:no-repeat;
	background-position:left center;
	border:1px solid #FFFFFF;
	display:block;
	height:20px;
	margin-right:0px;
	margin-left: 1px;
	margin-top:-0.1em;
	margin-bottom:0px;
	padding: 0px;
	padding-left:3px;
}
/* This hover style applies to all dropdowns */
#nav li ul li a.dropdownBtn:hover, #nav li ul li a.dropdownBtn.sfhover {
	color:#000000;
	background-color:#ACACA0;
}
/* Special case: dropdown contains two lines. */
#nav li ul li a.dropdownBtn.two-line {
	height:32px;
}

/*
 * Navbar flyout styles
 */
 
/* This style applies to all filmmaker flyouts */
#nav li ul li ul li a.filmmaker-flyout {
	background-color:#CC3333;
	background-position:left center;
	background-repeat:no-repeat;
	border:1px solid #FFFFFF;
	color:#000000;
	display:block;
	height:20px;
	margin-left:138px;
	margin-top:-0.1em;
	margin-right:0;
	position:relative;
	width:185px;
	padding:0 0 0 3px;
}

/* This hover style applies to all filmmaker flyouts */
#nav li ul li a.filmmaker-flyout:hover, #nav li ul a.filmmaker-flyout.sfhover {
	background-color:#73736B;
}

/* Special case: This style applies to all two-line filmmaker flyouts */
#nav li ul li ul li a.filmmaker-flyout.two-line { 
	height:32px;
}

/* Special-calse:  This style is for the filmmaker welcome button only.
 * Shift up to align with parent 
 */
#nav li ul li ul li a#welcome-fmBtn { 
	margin-top:-34px;
}

/* Special-calse:  This style for the filmmaker information button only.  
 * Shift up to touch welcome button 
 */

#nav li ul li ul li #information-fmBtn { 
	margin-top:-13px;
}


/*
 * Note to Arleen:
 * Because we are specifying margin-widths here, for the filmmaker flyouts,
 * there is no need to specify them in the inline code, where all the
 * background images are specified.
 */