/*########################################### media type print ################################################*/

@media print {										/* style sheet for print */
													
/* ############### element definitions specific to media print   ########################################## */
	body {
		margin: 3.0 em;
	}	
}


/*########################################### media type screen ###################################################*/

@media screen {

/*##################### definition of elements specific to media screen ################################*/
html, body {
	font-family: sans-serif, verdana, arial, helvetica;
	font-size: 100%;									/* this value controls font size of whole document*/
	color: black;										
	background-color: #FFFFCC;						/* standard screenbackground colour is pale yellow */
}

h1 {
	font-size: 14 pt ;
	font-weight: bold;
}

h2 {          font-size: 12 pt;
                font-weight: bold;
                font-color: blue;
}

.siteMainTitle {
        font-size 1.2em;
        position: absolute;
        top: 40px;
        left: 200px;
}

.siteMainLine {
        position: absolute;
        top: 89px;
        left: 175px;
        
}

.siteSubTitle {
	font-size: 0.8em;
	position: absolute;
	top: 100px;
	left: 550px;
}

/*##################### identifiers specific to media screen  ##########################################*/

/*## formatting and positioning of banner layer ##*/



DIV#siteBanner {
	position: absolute;
	top: 35px;
	left: 0px;
	width: 101%;
	height: 140px;
	margin: 0px;
	background: #FFFFCC url("../images/bannerBackground.jpg") repeat-y;  
	font-size: 1.4em;
	font-style: italic;
	color: black;
}




/*## positioning of logo ##*/

DIV#siteLogo{ 
	position: absolute;
	top: 7px;
	left: 75px;
	height: 166px;
	width: 100px;
	background: url("../images/mh_logo_100x166.gif") no-repeat;
}

/*## formatting and positioning of layer with page content ##*/

DIV#content{												
	position: absolute;								   /* by only giving the position from the top, right and left, the width remains  */                                           								         
	top: 200px;                                  /* relative	to the size of the browser window - */
	right: 100px;                                /*this solution also works in DWV design-view */
	left: 245px;
	margin: 0px;
	padding: 0px;
	font-size: 90%;
}

/*## formatting and positioning of menu layer ##*/

DIV#menu{
	position: absolute;
	top: 0px;
	left: 35px;
	width: 180px;
	height: 130%;
	margin: 0;
	
	padding-top: 230px;
	padding-left: 5px;
	padding-right: 5px;
	background: #FF9900;					 
	color: black;
	font: 85% / 80%;
	
}

TD#menu_1{
	vertical-align: top;
	width: 180px;
                color: black;
	font-size: 85%;
	
}

/*## formatting of menu items ##*/

TD#menu_1 DIV {
	width: 95%;
}
TD#menu_1 DIV A {
	color: black;
	text-decoration: none;
}
TD#menu_1 DIV A:hover {
	
                background: #FFCC00;
                
                
                
}
/*  MENU 1, level 1, normal state (NO) */
TD#menu_1 DIV.menu1-level1-no {
	border-top: 1px dashed black;
                
	background-position: 0px 6px;		/* left top  */
	padding-left: 10px;
}
/*  MENU 1, level 1, active state (ACT) */
TD#menu_1 DIV.menu1-level1-act {
                border-top: 1px dashed black;
                font-weight:bold;
	background: #FFCC00;
                
	background-position: 0px 6px;		/* left top  */
	padding-left: 10px;
	filter: alpha(opacity='60', style='0');
}
TD#menu_1 DIV.menu1-level1-act A {
  color:black;
}

/*  MENU 1, level 2, normal state (NO) */
TD#menu_1 DIV.menu1-level2-no {
	font-size: 90%;
	padding-left: 20px;
	background: url("../images/blackDot.gif") no-repeat;
	background-position: 10px 6px;		/* left top  */
}
/*  MENU 1, level 2, active state (ACT) */
TD#menu_1 DIV.menu1-level2-act {
	font-size: 90%;
	font-weight: bold;
	padding-left: 20px;
	background: url("../images/yellowDot.gif") no-repeat;
	background-position: 10px 6px;		/* left top  */
	filter: alpha(opacity='60', style='0');
} 


}