@import "images.css";
 
*
{
	margin: 0;
	padding: 0;
}

.left
{
	float: left;
}

.right
{
	float: right;
}

html, body
{
	font-family: Verdana, sans-serif;
	font-size: 100%;
	background-color: #EEE;
}

a
{
	color: #314488;
}

	a.incognito
	{
		text-decoration: none;
	}

#identity
{
	display: block;
	position: relative;
	width: 100%;
	background: #7F8DC3;
	height: 162px;
}

	#identity h1
	{
		display: none;
	}
	
#banner
{
	display: block;
	width: 916px;
	margin: 0 auto;
	
}
	
#content,
.navigation.L1
{
	display: block;
	width: 900px;
	padding: 0 8px 1em;
	overflow: hidden;
	margin: 0 auto;
	background: transparent url("../images/interface/content-bg.png") left top repeat-y;
}



.navigation.L1
{	
	overflow: hidden;
	margin-top: 7px;
	font-size: .85em;
}

	.navigation.L1 ul
	{
		display: block;
		position: relative; 
		margin: 0;
		padding: 0 2px;
		list-style: none;
	}

	.navigation.L1 li
	{ 
		display: block;
		float: left;
		margin: 0 2px;
		
		width: 220px;
		background: transparent url("../images/interface/orange-bar-bg.png") left top repeat-x;
		
	}

		.navigation.L1 li a 
		{
			display: block;
			padding: .3em 0 .5em 0;
			background-color: #E4B689;
			color: #824A12;
			white-space: nowrap;
			text-align: center;
			text-decoration: none;
			color: #824A12;
			font-variant: small-caps;
		}
		
		.navigation.L1 li.current a
		{
			background-color: #824A12;
			color: #E4B689;
		}
		
		
	.navigation.L1 .current
	{
		background-color: #F00;
	}

.navigation.L2
{
	margin: 1em 10px;
}

	.navigation.L2 ul
	{
		list-style-type: none;
	}
	
	.navigation.L2 a
	{
		text-decoration: none;
	}
	
	.navigation.L2 a:hover
	{
		text-decoration: underline;
	}
		
#primary 
{
	width: 230px;
	margin-top: 1em;
	padding: 0 10px;
	float: left;
}

	#primary h2
	{
		clear: both;
		font-size: 1.2em;
		font-weight: normal;
		color: #314488;
	}
	
	#primary a.more-info
	{
		float: right;
		margin-top: 1em;
		font-size: .85em;
	}

	#primary ul
	{
		margin: .5em 5px 0 5px;
		padding-bottom: 1em;
		overflow: hidden;
		font-size: .85em;
		color: #333;
		list-style-type: none;
	}
	
	#primary ul li
	{
		padding: .15em 0;
	}
	
	#primary ul li:before
	{
		content: "\00bb\00a0";
		color: #777;
	}
	
	#primary ul.news
	{
		border-bottom: 1px solid #DDD;
		margin-bottom: .75em;
	}
	
	#primary ul.news li .date
	{
		float: right;
		display: block;
		margin-top: .3em;
		color: #333;
		font-size: .8em;
	}

#secondary 
{ 
	width: 599px;
	float: left;
	border-left: 1px dotted #AAA;
	padding-left: 10px;
}

	#secondary h1
	{
		margin-bottom: .9em;
		font-size: 1.6em;
		font-weight: normal;
		color: #C8B337;
	}


	#secondary h2
	{
		margin: 1em 0;
		font-size: 1.2em;
		font-weight: normal;
		color: #C8B337;
	}
	
	#secondary p,
	#secondary ul,
	#secondary dl
	{
		font-size: .8em;
		color: #222;
	}
	
	#secondary p
	{
		margin: .75em 0;
	}
	
	#secondary ul
	{
		margin: 0 25px;
	}
	
		#secondary ul ul
		{
			font-size: .9em;
		}
		
	#secondary dl
	{
	}
	
		#secondary dt
		{
			font-weight: bolder;
			color: #C8B337;
		}
		
		#secondary dt:after
		{
			content: ":";
		}
		
		#secondary dd
		{
			margin: .2em 20px .7em 20px;
		}
		
		
 #secondary ul.people
 {
 	display: block;
 }
 	#secondary ul.people li
	{
		display: block;
		float: left;
		clear: both;
		width: 560px; /* PC IE requies an explict width */
		overflow: hidden;
	}
	
	#secondary ul.people li+li
	{
		padding-top: 1.2em;
	}
	
	#secondary ul.people .name a
	{
		display: block;
		font-size: 1.45em;
		color: #667AC3;
		text-decoration: none;
	}
	
	#secondary ul.people .title
	{
		display: block;
		font-size: 1.1em;
	}
	
	#secondary ul.people p
	{
		margin: .4em 0;
		font-size: .95em;
	}		

#footer
{
	width: 100%;
	padding: .3em 0 .5em 0;
	border: 1px solid #C87F37;
	background: transparent url("../images/interface/orange-bar-bg.png") left top repeat-x;
	color: #824A12;
	font-size: .85em;
}

#footer .content
{
	width: 900px;
	margin: 0 auto;
	text-align: center;
}

.contact-info
{
	display: block;
	margin-top: .25em;
	overflow: hidden;
	list-style-type: none;
}

	.contact-info li
	{
		display: inline;
		padding: 0 5px;
	}
	
	.contact-info li+li
	{
		border-left: 1px solid #824A12;
	}
	
#identity .contact-info
{
	float: right;
}

#footer .content
{
	margin: 0 auto;
}

#footer
{
	clear: both;
}