/**
 * 100% height layout with header and footer
 * ----------------------------------------------
 * Feel free to copy/use/change/improve
 */

html,body {
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
	background-color: #666666;
	
	font-family:arial,sans-serif;
	font-size:12px;
	color:#333333;
	text-align: center; /*fix center IE5 part 1/2*/
}


div#container {
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width: 900px;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/

	min-height:100%; /* real browsers */
	text-align: left; /*fix center IE5 part 2/2*/

}

div#header {
	height: 90px;
	/*background-color:#333333;*/
	/*margin-left: 20px;*/
	width:100%;
}


/*Gira logo*/
div#left_logo {
	margin-left:180px;
	float:left;
	clear:both;
}
div#left_logo IMG {
	padding:20px;
	border:0px;
}

/*Keiser logo*/
div#right_logo {
	float:right;
	height: 70px;
	display:block;

}
div#right_logo IMG {
	padding:20px;
	display:none;
}

div#topmenu {
	float:right;
	clear:both;
	color:#ffffff;
	vertical-align:baseline;
}

div#header p {

		font-style:italic;
		font-size:1.1em;
		margin:0;
}

div#content {
	width:100%;	
	height:650px;
}

div#leftmenu {

	height:100%;
	float:left;
	width:180px;
}

div#centercontent {
	overflow:auto;	
	background-color:#D8D0CD;
	height:100%;
	float:left;
	width:670px;
	padding:25px;
}
div#centercontent p.bodytext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #333333;

}
div#centercontent h1 {
	color: #000000;	
	font-size:16px;
}

div#right {
	background-color:green;
	float:right;
	height:100%;	
	width:0px;

}

div#footer {
	position:absolute;
	height: 90px;	
	width:100%;
	/*bottom:0;*/ /* stick to bottom */

}

div#topmenu ul.topmenu a{
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style:normal;
	font-weight:bold;
	text-transform: none;
	color: #FFFFFF;			
}
div#topmenu ul.topmenu {
	list-style:none;
	margin: 0;
	padding: 0px;
}
div#topmenu li.topmenu {
	 float: right;
	 padding:0px 0px 0px 50px;
}


div#menu ul a {
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style:normal;
	font-weight:bold;
	text-transform: none;
	color: #FFFFFF;	
}

ul.level1 {
	list-style:none;
	text-align:left;
	margin: 0;
	padding: 0px;	
	color:#ffffff;
}

li.level1 {
	padding: 10px 0px 10px 0px;
	margin-left:0px;
}


ul.level2 {
	list-style:none;
	text-align:left;
	padding:2px 0px 0px 10px;
	width: 160px;
	margin:0px;
	
}

li.level2 {
	padding: 5px;
	margin:0px 0px 0px 0px;
	background-color: #330099;
}

li.level2 a {
	font-weight:normal;
}

li.spacer {
	background-color: #6666FF;
	height:2px;
	margin:0px;
	font-size:1px;
	line-height:0;
}


div.twoColumnBox {
	width:100%;

}

div.twoColumnBox div.left{
	float:left;
	width:50%;	
	clear:both;
	margin-top:50px;		

}

div.twoColumnBox div.right{
	float:right;
	width:50%;	
	margin-top:50px;				
}

div.spacer {
	height:10px;
	width:100%;
	background-color:#000000;

	clear:both;
}

.align-center {
	text-align:center;
}