/*
The following DIV contains the background image defined in
the style sheet. NOTE: The height of the DIV must be >= the banner
image height
*/
#header {
	height:136px;
	background-image:url(images/001ban.jpg);
	background-position:top center;
	background-repeat:no-repeat
}

body {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #dae0e8;
}

h1 {
	margin-top:0;
}

h1, h2, h3, h4, h5 {
	font-family:"Comic Sans MS", Arial, sans-serif;
}


/* Begin CSS Popout Menu */
/* See http://www.sperling.com/examples/menuh/ */


#menuh-container
	{
	}

#menuh
	{
	font-size: small;
	font-family: arial, helvetica, sans-serif;
	font-weight:bold;
	width:100%;
	float:left;
	margin:0em;
	margin-top: 0em;
	background-color: #b0c7e6;
	border: 1px solid white;
	}
		
#menuh a
	{
	text-align: center;
	display:block;
	/*
	  Only put borders on two edges to avoid double width border within menuh div
	*/
	border-right: 1px solid white;
	border-bottom: 1px solid white;
	white-space:nowrap;
	margin:0;
	padding: 0.2em;
	}
	
#menuh a, #menuh a:visited	/* menu at rest */
	{
	color: black;
	background-color: #b0c7e6;
	text-decoration:none;
	}
	
#menuh a:hover	/* menu at mouse-over  */
	{
	color: black;
	background-color: #89b1e5;
	}	
			


#menuh ul
	{
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	width:8em;	/* width of all menu boxes */
	}

#menuh li
	{
	position:relative;
    min-height: 1px; 	/* Sophie Dennis contribution for IE7 */
    vertical-align: bottom; /* Sophie Dennis contribution for IE7 */
	}

#menuh ul ul
	{
	position:absolute;
	z-index:500;
	top:auto;
	display:none;
	padding: 1em;
	margin:-1em 0 0 -1em;
	}

#menuh ul ul ul
	{
	top:0;
	left:100%;
	}

div#menuh li:hover
	{
	cursor:pointer;
	z-index:100;
	}

div#menuh li:hover ul ul,
div#menuh li li:hover ul ul,
div#menuh li li li:hover ul ul,
div#menuh li li li li:hover ul ul
{display:none;}

div#menuh li:hover ul,
div#menuh li li:hover ul,
div#menuh li li li:hover ul,
div#menuh li li li li:hover ul
{display:block;}
.centerdiv{ /*IE method of centering a relative div*/
text-align: center;
}

.centerdiv>div{ /*Proper way to center a relative div*/
margin: 0 auto;
}
.bgimg {
    background-image: url(images/01mog.jpg);   /* The name of the first image, or even something completly different. */
    background-repeat: no-repeat;
	background-position:center;
    height:784px;    /* This must be the height of the image + borders + padding etc. */
}


/* End CSS Popout Menu */