/* Parts are adapted from: menu.css from
   Peter Bergner; pb@css-technik.de */


/* The layout of header and body */
body {
	height: 100%;
	/* margin:0 and padding:0 remove "hidden" scrollbar in IE */
	margin: 0; 
	padding: 0;
}

#menu {
	left: 0;
	top: 0;
	width: 100%;
	padding: 5px 0px 5px 0px;
	background-color: #CEDCFF;
	font-size: 2ex;
	font-weight: bold;
	text-align: center;
	z-index: 4;
   border-bottom: 1px solid #9999FF;
}

#revbar {
	width: 100%;
	height: 28px;
	line-height: 25px;
	list-style-type: none;
	list-style: none;
	background-color: #CEDCFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt; /* allow mousewheel scrolling in IE */
	border-top: 1px solid #9999FF;
   border-bottom: 1px solid #9999FF;
}

#revbar_left {
	overflow: visible;
	float: left;
	width: 40%;
	z-index: 4;
	text-align: left;
	word-spacing: 5px;
	padding: 2px 5px 2px 5px;
}

#revbar_right {
	overflow: visible;
	float: right;
	width: 50%;
	z-index: 4;
	text-align: right;
	padding: 2px 5px 2px 5px;
}

#content {
	margin: 5px auto;
	width: 98%;
	text-align: left;
	border: 2px solid #CEDCFF;
	background-color: #F8F8F8;
}

/* These last commands are supported by every browser except IE.
   The appropriate IE commands can be inserted by placing the lines
   <!--[if gte IE 5.5000]>
       <link rel="stylesheet" type="text/css" href="menu-ie-5-6.css" media="screen, projection" />
   <![endif]-->
   or
   by using the css command * html #divname{}, which only IE supports
    */
body>#menu { 
	position: fixed;
}

body>#content { 
	position: static;
}

body>#frame { 
	padding-top: 2em;
}