/* Force the W3C CSS3 proposed standard on Explorer and others */
li, li a { box-sizing: content-box} 

/* Main body styles */
body {background: white; color: black; margin: 0; padding: 0; font-size:1em}

div#case {
	clear:both;
	position:fixed;
	float:none;
	margin:0 1px 0 1px;	
	padding:0;
	width:100%;
	height:6em;		
	/*background-image:url(../images/background_case.gif);
	background-repeat:repeat;*/
	border-bottom:#FF9933 1px solid;
	z-index:2; /* Needed for Safari and Firefox */
}

div#case > img {height:6em; width:100%;}

div#main {
	clear:both;
	position:absolute;
	top:4.7em;
	left:0px;
	margin:0;
	padding:0;
	width:100%;
	z-index:2; /* Needed for Safari and Firefox */	
}

/*div#main p {margin: 1em 3em 1em 0.5em;}*/


/* Navigation List Styles */
ul.menu {
	padding: 0; 
	margin: 0; 
	/*border-bottom: 1px solid silver;*/
	font: 1em sans-serif;
	text-align:center;
	background-color:#FFCC66;	
}

ul li.sub, ul li.mainitem {
	list-style-type: none;
  	border: 1px solid;	
	border-bottom-color:#FF9900;
	border-top-color:#FFFF99;
	border-left-color:#FFFF99;
	border-right-color:#FF9900;
  	position: relative; margin: 0; padding: 0;	
}

ul.menu ul{
	display: none;
	width: 100%;	
}

ul li.sub:hover > ul {
	display: block; 
	position: absolute; 
	top:1.2em;
	left:0;	
}

ul ul li.sub:hover > ul {
	display: block; 
	position: absolute; 
	top: -1px; 
	left: 100%;	
}

li.sub a, li.mainitem a {
	display: block; 
	padding: 5px 7px; 
	text-decoration: none;  	
	background-color:#FFCC66;
	width:100%;
}

li.sub > a {
	font-weight: normal; 
	/*background: #FFE;	*/
	background-color:#FFCC66;
	color:black;
	text-align:left;
	width:auto; /* check */	
}

/* For direct links from main menu line, where no submenu exists */
li.mainitem {
	width:auto;
}
li.mainitem > a {
	padding: 0;
	margin: 0;
	border-bottom: 1px solid silver;
	border-width: 1px 1px 0 1px;
	font: 1em sans-serif;
	text-align:center;
	background-color:#FFCC66;
	color:#660000;
	width:100%;
}
ul li.mainitem:hover {background-color:#FFFFFF; color:#000000;}

ul li.mainitem:hover a {
	color:red; 
	background-color:#FFFFFF; 
	color:#000000;	
} 

/* MENU LAYERS */
/* widths, floats and 'mouseover' effects for list elements */
ul#calendarmenu {margin-left:0.5%;width: 15%;float:left;}
ul#calendarmenu li a:hover {background-color:#FFFFCC; color:#660000; border-bottom:hidden 0px;}
ul#communitymenu {width:15%; float:left;}
ul#communitymenu li a:hover {background-color:#FFFFCC; color:#660000;}
ul#organisationsmenu {width:15%; float:left;}
ul#organisationsmenu li a:hover {background-color:#FFFFCC; color:#660000;}
ul#prayermenu {width:15%; float:left;}
ul#prayermenu li a:hover {background-color:#FFFFCC; color:#660000;}
ul#linksmenu {width:15%; float:left;}
ul#linksmenu li a:hover {background-color:#FFFFCC; color:#660000;}
ul#editmenu {width:15%; float:left;}
ul#editmenu li a:hover {background-color:#FFFFCC; color:#660000;}

/* End of Menu Layers */

/* Header Layers - logos and banner */
div#banner {					/* Provides a background for the header */	
	width:100%;
	margin:0;
	padding:0;
	height:4.5em;	
}
/*div#banner a {z-index:2}
div#banner a img {border:hidden; border-width:0px; }  Hides border in Explorer */

#leftlogo {		
	position:absolute;	
	top:0;
	left:0;
	z-index:3;
	margin:0.2em;	
	height:4em;
	width:2em;			
}

#rightlogo {		
	position:absolute;
	top:0;
	right:0;
	z-index:3;	
	margin:0.2em;	
	height:4em;
	width:2em;	
}

p#titletext {
	position:absolute; /* Esential for effective centering */
	left:0;
	top:0;
	width:100%;	
	padding-top:0;
	vertical-align:middle;
	overflow:hidden;		/* Prevent overflow on browser resized */
	margin-top:0.2em;
	text-align:center;
	font-family:"Times New Roman", Times, serif;
	font-size:3em;
	font-weight:bold;
	color:#663300;
	z-index:3;	
}
/* End of header Layers - logos and banner */