@charset "UTF-8";
/* CSS Document */

	div#Navigation {
		margin: 0 auto;
		padding: 0;
		width: 960px;
		height: 272px;
		margin-bottom: 0;
		}
		
/** INDEX MENU ******************************************************************/
/** INDEX MENU ******************************************************************/
/** INDEX MENU ******************************************************************/
	
ul#Menu {
	position: relative;
	margin: 0;
	padding: 0;
	width: 960px;
	height: 272px;
	text-align: left;
	list-style-type: none;
	overflow: hidden;
	background:url(../images/layout/indexMenu.png) top left no-repeat;

	}	
	
ul#Menu li {
	display: block;
	position: absolute;
	list-style: none;
	margin: 0;
	padding: 0;
	}
		
ul#Menu a {
	display: block;
	text-indent: -9999px;
	text-decoration: none;
	outline: none;
	}
		
	li#NavHome {z-index: 6; left: 0; top: 0; width: 138px; height: 272px;}
	li#NavAbout {z-index: 5; left: 110px; top: 0; width: 112px; height: 272px;}
	li#NavExhibit {z-index: 2; left: 178px; top: 0; width: 140px; height: 272px;}
	li#NavNewsEvents {z-index: 3; left: 280px; top: 0; width: 135px; height: 272px;}
	li#NavMedia {z-index: 4; left: 340px; top: 0; width: 143px; height: 272px;}
	li#NavGallery {z-index: 9; left: 465px; top: 0; width: 105px; height: 272px;}
	li#NavSponsors {z-index: 7; left: 530px; top: 0; width: 160px; height: 272px;}
	li#NavLinks {z-index: 8; left: 640px; top: 0; width: 100px; height: 272px;}
	li#NavContact {z-index: 1; left: 730px; top: 0; width: 319px; height: 272px;}
	
	li#NavHome a {width: 138px; height: 272px;}
	li#NavAbout a {width: 112px; height: 272px;}
	li#NavExhibit a {width: 140px; height: 272px;}
	li#NavNewsEvents a {width: 135px; height: 272px;}
	li#NavMedia a {width: 143px; height: 272px;}
	li#NavGallery a {width: 105px; height: 272px;}
	li#NavSponsors a {width: 160px; height: 272px;}
	li#NavLinks a {width: 100px; height: 272px;}
	li#NavContact a {width: 319px; height: 272px;}
	
	li#NavHome a:hover, li#NavAbout a:hover, li#NavExhibit a:hover, li#NavNewsEvents a:hover, li#NavMedia a:hover, li#NavGallery a:hover, li#NavSponsors a:hover, li#NavLinks a:hover, li#NavContact a:hover {
		background: url(../images/layout/indexMenu.png) no-repeat;
		}
	
	li#NavHome a:hover {background-position: 0 -272px;}
	li#NavAbout a:hover {background-position: -110px -544px;}
	li#NavExhibit a:hover {background-position: -178px -272px;}
	li#NavNewsEvents a:hover {background-position: -280px -544px;}
	li#NavMedia a:hover {background-position: -340px -272px;}
	li#NavGallery a:hover {background-position: -465px -544px;}
	li#NavSponsors a:hover {background-position: -530px -272px;}
	li#NavLinks a:hover {background-position: -640px -544px;}
	li#NavContact a:hover {background-position: -730px -816px;}

/** END INDEX MENU ******************************************************************/
		
	div#WelcomeNote {
		margin: 0 auto;
		padding: 0;
		width: 960px;
		height: 220px;
		overflow: auto;
		/* background-color:#CC0; */
		}
		
		
	div#Welcome {
		margin: 10px 15px 20px 40px;
		padding: 0;
		clear: right;
		float: left;
		width: 580px;
		height: 200px;
		/* background: #6C9; */
		}
	
	div#IndexNews {
		margin: 10px 30px 10px 0;
		padding-left: 19px;
		width: 260px;
		height: 200px;
		float: left;
		/* background: #6C9; */
		border-left: solid 1px #336600;
		overflow: hidden;
		}
	
	div#IndexSponsors {
		margin: 0 auto;
		margin-top: 30px;
		margin-bottom: 8px;
		padding: 0;
		width: 960px;
		height: 80px;
		}
			
	div#WelcomeNote h2 {
		color: #336600;
		}
		
	div#WelcomeNote a {
		color: #666053;
		text-decoration: none;
		}
		
	div#WelcomeNote a:hover {
		color: #eeedda;
		text-decoration: underline;
		}
		
	div#IndexNews ul {
		margin: 0;
		padding: 0;
		overflow: auto;	
		}
			
	div#IndexNews li {
		display: block;
		/* background-color: #F30; */
		border-top: dotted 1px #336600;
		margin: 0;
		padding: 0;
		list-style: none;
		}
	
	div#IndexNews h2 {
		margin: 0;
		padding: 0;
		color: #336600;
		font-size: 1.1em;
		/* background: #6CF; */
		}
	
	div#IndexNews h3 {
		margin: 0;
		padding: 0;
		font-size: 0.9em;
		color: #336600;
		/* background: #F06; */
		}
	
	div#IndexNews p {
		font-size: 0.8em;
		line-height: 1.4em;
		color: #eeedda;
		text-decoration: none;
		/* background: #669; */
		}
	
	div#IndexNews a {
		color: #666053;
		text-decoration: none;
		}
		
	div#IndexNews a:hover {
		color: #eeedda;
		text-decoration: underline;
		}