.clear{
	clear: both;
}
/*fixing IE6 double margin issue for bio logo described in biochan_global.css*/
#logo{
		display: inline;
	}
/*clearing all margin and padding values for all elements inside globalMainNav*/
#globalMainNav *{
	margin: 0;
	padding: 0;
}
#globalMainNav{
	/*width: 790px;*/
	height: 20px;
	margin: 24px 0 0 0;
	padding-top: 3px;
	float: left;
	
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10px;
	z-index: 20000;
	position: relative;/*needed for the z-index to function properly - otherwise dropdown appears below other absolute elements*/
}

	#globalMainNav ul{
		list-style-type: none;
	}
		#globalMainNav ul li{
			float: left;
			line-height: 20px;
			position: relative;
			
			margin: 0 5px;
		}
		* html #globalMainNav ul li{
			/*width: 5px;*/
			display: inline;
		}
			/*hover state**************************/
				#globalMainNav ul li:hover, #globalMainNav ul li.sfhover{
					background-color: #333;
				}
				#globalMainNav ul li:hover a, #globalMainNav ul li.sfhover a{
					color: #FFF;
				}
			/************************************************/
		#globalMainNav ul li{
			position: static;
		}
		
			#globalMainNav ul li a{
				display: block;
				color: #333;
				font-size: 13px;
				font-weight: bold;
				text-transform: uppercase;
				text-decoration: none;
				outline: none;
				padding: 0 5px;
			}
			/*below two declarations shift "active" background into view on the appropriate menu item depending on the current page. 
				Current page is defined by assigning specific class to the globalMainNav container on the jsp level*/
			#globalMainNav ul.homePage li.videoSection, #globalMainNav ul.showsPage li.tvSection,
			#globalMainNav ul.schedulePage li.peopleSection, #globalMainNav ul.topicsPage li.bestSection,
			#globalMainNav ul.tdihPage li.gamesSection, #globalMainNav ul.gamesPage li.bornSection,
			#globalMainNav ul.classRoomPage li.shopSection, #globalMainNav ul.videosSpeechesPage li.photoSection,
			#globalMainNav ul.storePage li.discussSection{
				background-color: #333;
			}
			
			#globalMainNav ul.homePage li.videoSection a, #globalMainNav ul.showsPage li.tvSection a,
			#globalMainNav ul.schedulePage li.peopleSection a, #globalMainNav ul.topicsPage li.bestSection a,
			#globalMainNav ul.tdihPage li.gamesSection a, #globalMainNav ul.gamesPage li.bornSection a,
			#globalMainNav ul.classRoomPage li.shopSection a, #globalMainNav ul.videosSpeechesPage li.photoSection a,
			#globalMainNav ul.storePage li.discussSection a{
				color: #FFF;
			}
			/*#########################################################*/
			/*###################extended dropdown#####################*/
			/*#########################################################*/
			#globalMainNav ul li div.extendedDropDown{
				display: none;
				position: absolute;
				width: 750px;
				right: 0;
				top: 23px;
				background: #000;
				z-index: 200;
				padding: 15px 25px 5px 25px;
				color: #FFF;
			}
			/*IE6 box model bug fix*/
			* html #globalMainNav ul li div.extendedDropDown{
				width: 800px;
			}
			#globalMainNav ul li div.extendedDropDown h4{
				font-family: Helvetica, Arial, sans-serif;
				font-size: 14px;
				font-weight: bold;
				margin-bottom: 10px;
				color: #FF9;
				text-transform: uppercase;
				width: auto;
				text-align: left;
			}
			#globalMainNav ul li div.extendedDropDown p, #globalMainNav ul li div.extendedDropDown a{
				font-family: Verdana, Helvetica, Arial, sans-serif;
				color: #CCC;
				font-size: 12px;
				font-weight: normal;
				text-transform: none;
			}
			#globalMainNav ul li div.extendedDropDown p.divider{
					clear: both;
					padding: 5px 0;
					height: 14px;
					border-top: 1px solid #666;
				}
			#globalMainNav ul li div.extendedDropDown p a{
				background: transparent;
				color: #FF9;
				text-decoration: none;
				font-weight: bold;
				padding: 0;
			}
				#globalMainNav ul li div.extendedDropDown p a:hover{
						color: #FFF;
					}
				#globalMainNav ul li div.extendedDropDown a{
					display: inline;
				}
				#globalMainNav ul li div.extendedDropDown ul.dropColumn{
					display: block;
					position: static;
					float: left;
					width: 180px;
					padding: 0;
					margin: 0 0 40px 0;
					border: none;
					z-index: 110;
				}
				* html #globalMainNav ul li div.extendedDropDown ul{
					width: 180px;
				}
					#globalMainNav ul li div.extendedDropDown ul li, #globalMainNav ul li div.extendedDropDown ul li:hover,#globalMainNav ul li div.extendedDropDown ul li.sfhover{
						border: none;
						height: auto;
						float: none;
						width: 100%;
						background: transparent;
					}
					* html #globalMainNav ul li div.extendedDropDown ul li{
							display: block;
						}
						#globalMainNav ul li div.extendedDropDown ul li a{
							padding: 0 5px;
							display: block;
							width: auto;	
							text-transform: capitalize;
						}
						#globalMainNav ul li div.extendedDropDown ul li a:hover{
							color: #000;
							background-color: #FF9;
						}
		/*#####################################################################*/
		/*dropdown(both styles) display on menu item mouseover*/
		#globalMainNav ul li:hover div.extendedDropDown, #globalMainNav ul li.sfhover div.extendedDropDown{
			display: block;
		}
/****************************************************************************
autocomplete styles*/
		#autosuggest{
				position: absolute;
				margin: 0;
				visibility: hidden;
				border: 1px solid #999;
				background: #FFF;
				z-index: 2000;
			}
		#autosuggest *{
				margin: 0;
				padding: 0;
			}
			#autosuggest ul{
					list-style-type: none;
				}
				#autosuggest ul em{
						font-weight: bold;
						color: #990000;
					}
				#autosuggest ul li{
						color: #000;
						padding: 0 5px;
					}
				#autosuggest ul li:hover, #autosuggest ul li.focus{
						background-color: #0a246a;
						color: white;
					}