/*
 *	STYLES (2 cols Layout)
 */
 body{
	margin: 0;
	padding: 0;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	border-top: 2px solid #2A4F6F;
	background: #EEE;
 }
 
/*
 *	HEADER
 */ 
 #header{
	border-top: 1px solid #778899;
	border-bottom: 2px dotted #B2BCC6;
	height: 3em;
	background: #DDD;
 }
 
 #header .slogan{
	font: 120% Georgia, "Times New Roman", Times, serif;
	color: #778899;
	background-color: transparent;
	float: left;
	width: 500px;
	text-align: left;
	margin-left: 2em;
	margin-top: 0.5em;
 }
 
 #headerTabs{
	float: right;
	margin-right: 1em;
	margin-top: 0.1em;
 }
 
 #headerTabs ul{
	list-style: none;
 }
 
 #headerTabs li{
	display: inline;
	padding: 0.5em;
	border: 1px solid black;
	cursor: pointer;
	background-color: #EEE;
	padding: 0.5em;
	margin: 2px;
 }
 
 #headerTabs li:hover{
	background-color: #DDD;
 }
 
 #header ul a {
	text-decoration: none;
	color: #2A4F6F;
 }
 
/*
 *	FILTERS
 */ 
  #filters{
	border-bottom: 1px dotted #B2BCC6;
	height: 2em;
 }
 
 #filters ul{
	list-style: none;
 }
 
 #filters li, .filterDeselected{
	display: inline;
	padding: 0.5em;
	border: 1px solid black;
	cursor: pointer;
	text-decoration: none;
	color: #2A4F6F;
	margin: 2px;
 }

 #filters li:hover, .filterSelected{
	background-color: #DDD;
 }
/*
 *	URL
 */
 #pnUrl{
	display: none;
	width: 800px;
	height: 3em;
	background: #DDD;
	padding: 5px;
	padding-left: 10px;
 }
 
 #pnUrl img{
	float: left;
	cursor: pointer;
 }
 
/*
 *	NAVIGATION
 */
 #nav{
	position: absolute;
	top: 6em;
	left: 1em;
	width: 10em;
 }
 
 #nav ul{
	list-style: none;
	margin-left: 1em;
	padding-left: 0;
 }
 
 #nav li{
	font-size: 80%;
	border-bottom: 1px dotted #B2BCC6;
	margin-bottom: 0.3em;
 }
 
 #nav a:link, #nav a:visited{
	text-decoration: none;
	color: #2A4F6F;
	background-color: transparent;
 }
 
 #nav a:hover{
	color: #778899;
 }
 
 #nav h2{
	font: 110% Georgia, "Times New Roman", Times, serif;
	color: #2A4F6F;
	background-color: transparent;
	border-color: transparent;
	border-bottom: 1px dotted #CCC;
 }
 
 #nav h2 img{
	cursor: pointer;
	float: right;
 }
 
/*
 *	CONTENT
 */ 
 #content{
	margin-left: 12em;
	margin-right: 2em;
 }
 
 #content p{
	font-size: 80%;
	line-height: 1.6em;
	padding-left: 1.2em;
 }
 
/*
 *	GENERAL
 */
 #h1{
	font: 150% Georgia, "Times New Roman", Times, serif;
 }
 
 .keys{
	border: 1px dotted #B2BCC6;
	margin-bottom: 5px;
	font: 80% Georgia, "Times New Roman", Times, serif;
	color: #2A4F6F;
 }
 
 .keys span{
	padding: 4px;
 }
 
 .project{
	width: 600px;
 }
 
 .project li{
	font-weight: bold;
 }