/* CSS Document */
html {width: 100%; height: 100%;}

body {
	background-color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#main {
	width:860px;
	min-height:400px;
	position:absolute; left:50%; top:50%; 
	margin-left:-430px; margin-top:-280px;
}

#content { margin-top:15px; padding-left:17px;}

#image {
	background-repeat:no-repeat;
	width:919px;
	height:410px;
	padding-top:0px;
	font-size:18px;
	font-weight:bold;
	color:#fff;
	float:left;
	text-align:right;
}

#navi  { }


#navibottom { padding-top:16px; padding-left:17px; color:#565655; float:none; clear:both;}
#navibottom a:link { color:#565655; text-decoration:none;}
#navibottom a:visited { color:#565655; text-decoration:none;}
#navibottom a:hover { color:#565655; text-decoration:underline;}

.clearer { float:none; clear:both;}

/* Accordion */
.horizontal_accordion_toggle {
	/* REQUIRED */
	float: right;	/* This make sure it stays horizontal */
	/* REQUIRED */

	display:block;
	height:410px;
	width:43px;
	color:#666666;
	text-decoration:none;
	outline:none;
	cursor: pointer;
	margin: 0 0 0 0;
}

.horizontal_accordion_toggle_active {
}
		
.horizontal_accordion_content {
	/* REQUIRED */
	height:410px;	/* We need to define a height for the accordion as it stretches the width */
	float:right;	/* This make sure it stays horizontal */
	/* REQUIRED */
	
	overflow: hidden;
	background-color: #ffffff;
	color: #444444;
}
			
.horizontal_accordion_content p {
	width: 150px;
	height:398px;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	margin-top:0px;
	text-align:left;
	font-size:12px;
	border-top:1px solid #666;
	border-bottom:1px solid #666;
}		
				
/* Container styling*/
#horizontal_container {
  margin: 0px auto 0px auto;
  width: 767px;   
  height: 410px;    
}