/* 
CSS vertical centering using float and clear
http://d-graff.de/fricca/center.html
*/

/***********************************************/
/* Layout Divs                                 */
/***********************************************/	
	
	* {
		margin: 0;
		padding: 0;
		}

	html, body {
		height: 100%;
		}

	body {
		background-color: #FFFFFF;
		color: #737B6B;
		font: 100.01%/1.4 Arial, Helvetica, Verdana, sans-serif;
		text-align: center; /* horizontal centering for IE Win quirks */
		}
		
	A:link, A:visited, A:hover, A:active {
		color: #737B6B;
		text-decoration: none;
	}

	A:hover {
		color: #333333;
		text-decoration: none;
	}
		
/***********************************************/
/* Vertical centering using float and clear    */
/***********************************************/
	
	#distance { 
		width: 1px;
		height: 50%;
		background-color: #FFFFFF;
		margin-bottom: -184px; /* half of container's height */
		float: left;
		}

	#container {
		margin: 0 auto;
		position: relative; /* puts container in front of distance */
		text-align: left;
		height: 368px; /* default 27.5em - #distance margin-bottom -13.75em */
		width: 720px;
		clear: left;
		background-color: #FFFFFF;
		}

/***********************************************/
/* META                                        */
/***********************************************/	
	
	#meta {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		text-align: right;
		width: 720px;
		height: 30px;
		background-color: #FFFFFF;
	}
	
	#meta P {
		margin: 0px 0px 0px 0px;
		padding: 5px 0px 0px 0px;
		font-weight: normal;
		font-size: 0.7em;
		color: #737B6B;
	}
	
	#meta A:link, #meta A:visited, #meta A:hover, #meta A:active {
		color: #737B6B;
		text-decoration: none;
	}	

	#meta A:hover {
		color: #333333;
		text-decoration: none;
	}	
	

/***********************************************/
/* CONTENT COL LEFT                            */
/***********************************************/	
	
	#colLEFT {
		float: left;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		text-align: left;
		width: 359px;
		height: 300px;
		background-color: #FFFFFF;
		border-top: 1px solid #737B6B;
		border-left: 1px solid #737B6B;
	}
	
	#colLEFT .header {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		text-align: left;
		width: 359px;
		height: 40px;
		background-color: #FFFFFF;
	}
	
	#colLEFT .header A {
		display: block;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 10px;
		height: 40px;
		width: 155px;
		background-image: url("../_img/sibyllewagner.gif");
		background-repeat: no-repeat;
	}	
	
	#colLEFT .header H1 {
		display: none;
		margin: 0;
		padding: 0;
		font-weight: bold;
		font-size: 20px;
	}	
	
	#colLEFT H2 {
		margin: 0px;
		padding: 0px 0px 0px 20px;
		font-weight: normal;
		font-size: 0.8em;
		color: #737B6B;
	}	
	
	#colLEFT H3 {
		width: 275px;
		position: absolute;
		bottom: 100px;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 20px;
		font-weight: bold;
		font-size: 11px;
		color: #666666;
	}	
	
	#colLEFT P {
		width: 275px;
		position: absolute;
		bottom: 55px;
		margin: 0px 0px 0px 0px;
		margin: 0px 0px 0px 20px;
		font-weight: normal;
		font-size: 11px;
		color: #737B6B;
	}
	
	#colLEFT .arrows {
		position: absolute;
		bottom: 52px;
		left: 310px;
		width: 50px;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		text-align: center;
		background-color: #FFFFFF;
	}
	
	.arrowLEFT IMG, .arrowRIGHT IMG {
		float: left;
		margin: 3px 0px 0px 0px;
		padding: 0px 5px 0px 0px;
		border: 0px;
	}
	
	.arrowpipe {
		float: left;
		margin: 0px 0px 0px 0px;
		padding: 0px 5px 0px 0px;
		font-weight: normal;
		font-size: 11px;
		color: #737B6B;
	}
	
/***********************************************/
/* CONTENT COL RIGHT                            */
/***********************************************/	
	
	#colRIGHT {
		float: left;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		text-align: left;
		width: 358px;
		height: 300px;
		background-color: #FFFFFF;
		border-top: 1px solid #737B6B;
		border-right: 1px solid #737B6B;
		border-left: 1px solid #737B6B;
	}
	
	BODY#home #colRIGHT {
		width: 359px;
		height: 301px;
		border-top: 0px;
		border-left: 0px;
	}

	BODY#home #colRIGHT .header {
		width: 359px;
		height: 40px;
		border-top: 1px solid #737B6B;
		border-right: 1px solid #737B6B;
	}

	#colRIGHT H3 {
		margin: 0px;
		padding: 2px 0px 10px 20px;
		font-weight: bold;
		font-size: 11px;
		color: #666666;
	}	
	
	#colRIGHT P {
		margin: 2px 50px 0px 20px;
		padding: 3px 0px 0px 0px;
		font-weight: normal;
		font-size: 11px;
		color: #737B6B;
	}	
	
	#colRIGHT .video {
		position: absolute;
		bottom: 55px;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 59px;
	}	
	
	.legende {
		margin: 2px 0px 0px 20px;
		padding: 15px 0px 0px 0px;
		font-weight: bold;
		font-style: italic;
		font-size: 0.6em;
		color: #737B6B;
	}	
	
	
/***********************************************/
/* NAVIGATION                                  */
/***********************************************/	
	
	#nav {
		float: left;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		text-align: left;
		width: 718px;
		height: 35px;
		background-color: #FFFFFF;
		border: 1px solid #737B6B;
	}
	
	#nav .navbottom UL {
		margin: 0px 0px 0px 10px;
		padding: 0px 0px 0px 0px;
		list-style-type: none;
	}	
	
	#nav .navbottom LI {
		float: left;
		position: relative;
		margin: 10px 0px 0px 0px;
		padding: 0px 16px 0px 10px;
		font-weight: normal;
		font-size: 12px;
		color: #737B6B;
	}
	
	#nav .navbottom LI A:link, #nav .navbottom LI A:hover, #nav .navbottom LI A:visited, #nav .navbottom LI A:active {
		color: #737B6B;
		text-decoration: none;
	}
	
	#nav .navbottom LI A:hover {
		color: #333333;
	}
	
/***********************************************/
/* Misc                                        */
/***********************************************/

	.clearer {
		clear: both;
	}
	
	.spacer {
		background-color: transparent;
		clear: both;
	}