@charset "utf-8";
body 
	{
		background-color: #ffffff;
		background-image: url(/wow/images/bg-green-band.jpg);
		background-repeat: repeat-x;
		padding:10px 0 0 0;
		margin:0;		
		text-align: center /* fix to align wrap div centrally in IE. Stupid IE. */ /*******************************/
	}
	
a img {
			border: 0;
}

a:link, a:visited 
	{
		text-decoration: none; 
		color: #4E84BA;
	}

a:hover, a:active 
	{
		text-decoration: none; 
		color: #CCA815;
	}

p 
	{
		margin: 6px 0 2px 0; 
		padding: 0; 
		text-align: left;
		font-family:Verdana, Geneva, sans-serif;
		font-size:13px;
	}

ul
	{
		padding-left:10px;
		margin-left:15px;
		margin-top:3px;
		margin-bottom:15px;
	}

li 
	{
		text-align: left;
		font-family:Verdana, Geneva, sans-serif;
		font-size:13px;
		margin-top:5px;
	}
	
.toplinks{font-size:11px; float:right; clear:right; margin-top:10px; margin-right:5px; padding:0; font-weight:none; *width:518px; *margin-right:0px; font-family:Verdana, Geneva, sans-serif;}
		.toplinks a:link, .toplinks a:visited {color:black;}
		.toplinks a:hover, .toplinks a:active {color:#4E84BA;}
	
.red	
	{color:red;}
	
.page-title
	{
		margin: 0 0 8px 0; 
		padding: 0; 
		font-family:Georgia, "Times New Roman", Times, serif;
		font-weight:bold;
		font-size:22px;
	}
	
		.page-title a:link, .page-title a:visited 
			{
				text-decoration: none; 
				color: #BCBEC0;
				font-size:28px;
			}
			
		.page-title a.active, .page-title a:visited.active
			{
				text-decoration: none; 
				color: #000000;
			}
		
		.page-title a:hover, .page-title a:active 
			{
				text-decoration: none; 
				color: #BCBEC0;
			}
			
.subtitle
	{
		margin: 12px 0 2px 0; 
		font-weight:bold;
		font-size:13px;
	}
			
.title-image
	{
		margin-right: 10px; 
		float:left;
		margin-bottom:5px;
	}

.under-title
	{
		margin: 4px 0 13px 0;
		clear:left;
		font-size:12px;
		font-style:italic;
		line-height:17px;
	}
	
.under-title strong
	{
		font-style:normal;
		font-size:13px;
	}

.navigation
	{ 
		height: 21px; 
		margin: 0; 
		padding: 0; 
		background-color:#000000;
		clear:both;
		width:900px;
		text-align: left;
		color:#818C8F;
	}

			.navigation ul 
			{	
				margin:0; padding:0;
			}
			
			.navigation li
			{
				float: left;
				margin: 3px 5px 0 5px;
				border: 0;
				list-style-type: none;
				font-family:Verdana, Geneva, sans-serif;
				font-size:12px;
				color: #818C8F; 
			}
			
				.navigation li.home
				{
					margin: 3px 37px 0 23px;
				}
				
				.navigation li.stories
				{
					margin: 3px 25px 0 15px;
				}
				
				.navigation li.notes
				{
					margin: 3px 70px 0 20px;
				}
				
				.navigation li.about
				{
					margin: 3px 30px 0 20px;
				}
				
				.navigation li.exhibition
				{
					margin: 3px 0 0 15px;
				}
			
			.navigation li a:link, .navigation li a:visited
			{	
				display: block;
				color: #818C8F; 
				text-decoration: none; 
			}
			
			.navigation li.active a:link, .navigation li.active a:visited
			{	
				display: block;
				color: #ffffff; 
				text-decoration: none; 
			}
			
			.navigation li a:hover, .navigation li a:active
			{	
				color: #ffffff; 
			}
			


.navigation-secondary
	{ 
		height: 19px; 
		margin: 2px 0 0 0; 
		padding: 3px 5px 0 13px; 
		background-color:#000000;
		clear:both;
		width:882px;
		*width:900px;
		text-align: left;
		font-family:Verdana, Geneva, sans-serif;
		font-size:12px; 
				color: #818C8F;
	}
			
			.navigation-secondary a:link, .navigation-secondary a:visited
			{	
				color: #818C8F; 
				text-decoration: none; 
			}
			
			.navigation-secondary a:link.active, .navigation-secondary a:visited.active
			{	
				color: #ffffff; 
				text-decoration: none; 
			}
			
			.navigation-secondary a:hover, .navigation-secondary a:active
			{	
				color: #ffffff; 
			}

.content
	{ 
		padding: 10px 0 0 8px; 
		clear:both;
		width:892px;
	}
	
			.blackBG
				{
					background-color:#000000;
					padding: 1px 321px 5px 23px; 
					margin:0;
					
				}
							.blackBG p
							{
								color:white;
								font-size:17px;
								line-height:24px;
								margin: 5px 0 10px 0;
							}
							.normal p
							{
								color:white;
								font-size:13px;
								line-height:24px;
								margin: 5px 0 10px 0;
							}
							
						.left-black
							{
								width:520px;
								float:left;
								margin-bottom:25px;
								background-color:#000000;
								color:white;
								font-size:15px;
								font-family:Georgia, "Times New Roman", Times, serif;
							}
							
						.left-black p
							{
								color:white;
								font-size:15px;
							}
							
						.left-black p.big
							{
								color:white;
								font-family:Georgia, "Times New Roman", Times, serif;
								font-weight:bold;
								font-size:22px;
							}
							
						.right-black 
							{
								width:300px;
								float:left;
								margin:15px 5px 5px 15px;
								padding:0px 10px 5px 10px;
								background-color: #CBCCCE;
								border:5px white solid;
								color:black;
								font-family:Georgia, "Times New Roman", Times, serif;
							}
							
						.right-black p
							{
								color:black;
								font-size:13px;
							}
							.right-black a:link
							{
								color:#3C6997;
							}
					
			.content .left 
				{
					width:563px;
					float:left;
					margin-bottom:25px;
				}
				
			.content .right 
				{
					width:299px;
					height:400px;
					float:left;
					margin-left:30px;
					*margin-left:22px;
				}
							.content .right .navigation
								{
									margin-top:5px;
									margin-bottom:25px;
									width:289px;
									height:21px;
									padding:3px 5px 0px 5px;
									color: #ffffff;
									font-family:Verdana, Geneva, sans-serif;
									font-size:13px;
								}
								
							.content .right .navigation a:link, .content .right .navigation a:visited 
								{
									text-decoration: none; 
									color: #ffffff;
								}
							
							.content .right .navigation a:hover, .content .right .navigation a:active 
								{
									text-decoration: underline; 
									color: #ffffff;
								}
	
#wrap
	{
			text-align: left; /* Reverts IE fix above, to render text in proper position. */
			margin:5px auto; /* Aligns wrap div centrally on page. */
			width:900px;
		
	}