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

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

div#case {
	clear:both;
	position:fixed;
	float:none;
	margin:0 1px 0 1px;	
	padding:0;
	width:100%;
	z-index:2; /* Safari */		
}

div#main {
	clear:both;
	margin:0;
	padding:0;	
	width:100%;
	z-index:2; /* Needed for Safari */
	font-size:0.8em;
	position:fixed; /* Needed for IE8 */
	left:2px;		/* Needed for IE8 */
	top:5.5em;		/* Needed for IE8 */	
}

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


/* Navigation List Styles */
ul.menu {
	padding: 0; 
	margin: 0; 
	border-bottom: 1px solid silver;
	font-family:Arial, Helvetica, sans-serif;	
	text-align:center;
	background-color:#33CCFF;		
}

ul li.sub, ul li.mainitem {
	list-style-type: none;
  	border: 1px solid;	
	border-bottom-color:#6699FF;
	border-top-color:#CCFFFF;
	border-left-color:#CCFFFF;
	border-right-color:#6699FF;
  	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;
	top:-0.2em; 
	left: 100%;
}

li.sub a, li.mainitem a {
	display: block; 
	padding: 5px 7px; 
	text-decoration: none;  	
	background-color:#66CCFF;
	width:100%;
	/* z-index:2; Needed for Safari */
	
}

li.sub > a {
	font-weight: normal; 
	background: #FFE;	
	background-color:#99FFFF;
	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:#33CCFF;
	color:#000000;
	width:100%;
}
ul li.mainitem:hover {background-color:#0000FF; color:#FFFFFF;}

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

/* MENU LAYERS */
/* widths, floats and 'mouseover' effects for list elements */
ul#aboutusmenu {margin-left:0.5%;width: 9.5%;float:left;}
ul#aboutusmenu li a:hover {background-color:#3399FF; color:#FFFFFF;}
ul#retreatsmenu {width:10%; float:left;}
ul#retreatsmenu li a:hover {background-color:#3399FF; color:#FFFFFF;}
ul#accommodationmenu {width:10%; float:left;}
ul#accommodationmenu li a:hover {background-color:#3399FF; color:#FFFFFF;}
ul#himenu {width:10%; float:left;}
ul#himenu li a:hover {background-color:#3399FF; color:#FFFFFF;}
ul#newsmenu {width:10%; float:left;}
ul#newsmenu li a:hover {background-color:#3399FF; color:#FFFFFF;}
ul#resourcesmenu {width:10%; float:left;}
ul#resourcesmenu li a:hover {background-color:#3399FF; color:#FFFFFF;}
ul#studiesmenu {width:10%; float:left;}
ul#studiesmenu li a:hover {background-color:#3399FF; color:#FFFFFF;}
ul#emergingmenu {width:10%; float:left;}
ul#emergingmenu li a:hover {background-color:#3399FF; color:#FFFFFF;}
ul#membersmenu {width:10%; float:left;}
ul#membersmenu li a:hover {background-color:#3399FF; color:#FFFFFF;}
ul#contactsmenu {width:9.5%; float:left;}
ul#contactsmenu li a:hover {background-color:#3399FF; color:#FFFFFF;}
/* End of Menu Layers */

/* Header Layers - logos and banner */
div#banner {					/* Provides a background for the header */	
	width:100%;
	margin:0;
	/*margin-bottom:-0.8em;*/	/* Works for IE8 but nothing else */
	padding:0;
	height:5.5em;
	background-color:#FFFFFF;
	background-image:url(../images/background_menu.jpg);	
}

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:3.5em;			
}

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

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:#333399;	
	z-index:0;	
}
/* End of header Layers - logos and banner */