/* Style sheet for general public homepage (Phase 2, multi-language), reused by international homepage */

#topmenu a[href="/"],
#topmenu a[href="/arabic.php"],
#topmenu a[href="/chinese.php"],
#topmenu a[href="/french.php"],
#topmenu a[href="/spanish.php"] {
	background: orange url(/parts/topmenu-hover.jpg) top repeat-x;
	}

ul#audience {
	list-style: none;
	float: left;
	width: 169px;
	height: 210px;
	margin-top: 8px;
	padding-top: 7px;
	padding-right: 5px;
	padding-bottom: 6px;
	background: url(audience-selector.png);
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
		-moz-border-top-right-radius: 10px;
		-moz-border-bottom-right-radius: 10px;
		-webkit-border-top-right-radius: 10px;
		-webkit-border-bottom-right-radius: 10px;
	box-shadow: 2px 1px 4px #333; 
		-moz-box-shadow: 2px 1px 4px #333;
		-webkit-box-shadow: 2px 1px 4px #333;
	}
	#audience li {
		list-style: none;
		margin: 0;
		padding: 0;
		width: 169px;
		height: 35px;
		overflow: hidden;
		position: relative;
		}
		#audience li img {
			position: absolute;
			top: 0;
			left: 0;
			width: 169px;
			height: 105px;
			}
		#audience li img:hover, 
		#audience li img:focus {
			top: -35px;
			}
		#audience li img:active	{
			top: -70px;
			}
		*:first-child+html #audience li img {
			display: none;						/* tells IE7 to ignore sprites */
			}
		* html #audience li img {
			display: none;						/* tells IE6 and below (and dreamweaver) to ignore sprites */
			}	
	#audience a {
		width: 160px;
		height: 35px;
		padding-left: 9px;
		font-size: 13px;
		line-height: 35px;
		display: block;
		font-style: italic;
		}

#feature {
	float: right;
	width: 700px;
	height: 250px;
	color: #fff;
	position: relative;
	}

h1 {
	margin-top: 1em;
	color: #fff;								/* seems redundant but it's not */
	text-shadow: 2px 1px 2px #000; 
	}

p#intro {
	font-size: 125%;
	line-height: 150%;
	}

#actionbar {
	margin-top: 15px;
	}

/* LANGUAGE BAR */

#language-bar {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 200;
	width: 900px;
	text-align: right;
	font-size: 90%;
	}

#language-bar ul, 
#language-bar li {
	list-style: none;
	margin: 0;
	padding: 0;
	display: inline-block;						/* UNSUPPORTED BY IE 5-7 */
	}
	*:first-child+html #language-bar li {		/* hack for IE 7 */
		display: block;
		float: left;
		}
	* html #language-bar li {					/* hack for IE 6 */
		display: block;
		float: left;
		}

#language-bar li {
	border-right: dotted 1px #999;
	}
	#language-bar li[lang="ar"] {
		border-right: none;
		}

#language-bar a {
	padding: 0 6px;
	font-weight: normal;
	}
	#language-bar a:hover,
	#language-bar a:focus {
		background: #f3f3f3;
		border-radius: 0;
			-moz-border-radius: 0;
			-webkit-border-radius: 0;
		}
	#language-bar a:active {
		background: orange;	
		border-radius: 0;
			-moz-border-radius: 0;
			-webkit-border-radius: 0;
		}

html[lang="en"] #language-bar li[lang="en"],
html[lang="es"] #language-bar li[lang="es"],
html[lang="fr"] #language-bar li[lang="fr"],
html[lang="zh"] #language-bar li[lang="zh"],
html[lang="ar"] #language-bar li[lang="ar"] {
	background: #f3f3f3;
	}