/*CSS check - http://www.htmlhelp.com/cgi-bin/csscheck.cgi*/
/* order: link, visited, hover, active!!! */

/* navigation class nav - for all the links in the website*/
a.nav:link, a.nav:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 100%; 
	font-weight: normal;
	background: none;
	color: #ff6633; /*ff6633 orange*/
	text-decoration: none;
}

a.nav:hover, a.nav:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size:100%; 
	font-weight: normal;
	background: none;
	color: #003366; /*003366 dark blue*/
	text-decoration: underline; 
}

/* navigation class 'navinfo' - small font at the top of each page*/
a.navinfo:link, a.navinfo:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 60%; 
	line-height: 20px;  /* line-height has to be immediatelly after the font-size, 18 gives not too compact paragraphs */
	font-weight: normal;
	background: none;
	color: #666666; /*669999 blue, ffa080 pink*/
	text-decoration: underline;
}

a.navinfo:hover, a.navinfo:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 60%; 
	line-height: 20px; 
	font-weight: normal;
	background: none;
	color: #669999; /*003366 dark blue*/
	text-decoration: underline; 
}


/* navigation class navtitle - for the titles that are links */
a.navtitle, a.navtitle:link, a.navtitle:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 100%; 
	font-weight: bold;
	background: none;
	color: #003366; /* 003366 blue, 3a6a86 nice blue colour*/
	text-decoration: none;
}
	
a.navtitle:hover, a.navtitle:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 100%; 
	font-weight: bold;
	background: none;
	color: #ff6633 ; /*#ffc080 orange*/
	text-decoration: underline;
}

a.publi:link, a.publi:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 110%; 
	color: #BC0000; 
	background: none;
	font-style: italic;
	text-decoration: none;
}

a.publi:hover, a.publi:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size:110%; 
	background: none;
	color: #003366; /*003366 dark blue*/
	font-style: italic;
	text-decoration: underline; 
}


a img {border: none; } /*removes a border from any image link*/



/* selectors */

BODY {
	background: #E3E3E3; /*to have silver #E3E3E3 for the edges*/
	color : #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%; 
	text-decoration : none;
	top:0px;
	margin:0px 0px 0px 0px;/*table goes up to the very top*/
}

BODY.print {
	background: #FFFFFF; /*to have silver #E3E3E3 for the edges*/
	color : #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%; 
	text-decoration : none;
	top: 0;
	margin:0;/*table goes up to the very top*/
}

caption { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 100%;
	color : #333333;
	background: none;

}

P, UL {
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 100%; 
	line-height: 18px; /* line-height has to be immediatelly after the font-size, 18 gives not too compact paragraphs */
	background: none;
	color : #333333;
	text-decoration : none;
	font-weight: normal;
	text-align:justify;
}

LI.publi  {
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 100%; 
	line-height: 18px; /* line-height has to be immediatelly after the font-size, 18 gives not too compact paragraphs */
	background: none;
	color : #333333;
	font-weight: normal;
	margin: 0 0 10px 0;
	padding: 0;

}

TABLE.reports { 
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	background: #faf0e6; /*faf0e6 beige/orange*/
	padding: 10px 20px 20px 20px;}

TABLE.intablepink {
	font-family:  Verdana, Arial, Helvetica, sans-serif;	
	font-size: 140%; 
	color : #333333;
	background: #fffafa;
	line-height: 12px; 	
	text-decoration : none;
	font-weight: normal;
	padding: 10px;
	margin: 10 px;
}
TABLE.intablepinkital {
	font-family:  Verdana, Arial, Helvetica, sans-serif;	
	font-size: 140%; 
	color : #333333;
	background: #fffafa;
	line-height: 12px; 	
	font-weight: normal;
	font-style: italic;
	padding: 10px;
	margin: 10 px;
}

TD {
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 70%; 
	line-height: 15px; 	
	text-decoration : none;
	text-align:left;
	font-weight: normal;
}

.dense {
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 80%; 
	line-height: 10px; 
	text-decoration : underline;
	font-weight: bold;
}

TH {
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 90%; 
	line-height: 25px; 	
	font-weight: bold;
	text-align:left;
	color:#333333;
}


/* for table in table - font is reduced if font-size not explicitely given */


TD.intable {
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 100%; 
	line-height: 18px; 	
	text-decoration : none;
	font-weight: normal;
}

TD.intablebold {
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 100%; 
	line-height: 18px; 
	text-decoration : none;
	font-weight: bold;
}
TD.intabletitle{
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 120%; 
	line-height: 18px; 
	text-decoration : none;
	font-weight: bold;
}

TR.pastel5 {
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 100%; 
	background: #faf0e6;	
	color : #333333;
}
TR.pastel6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 100%; 
	background: #f5f5f5;	
	color : #333333;
}



H1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 150%;
	background: none;
	color : #003366; /*ffc080 orange, c04040 brown-red*/
	font-weight: normal;
	margin: 10px 0 15px 0;
} 

H1.centre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 150%;
	background: none;
	color : #003366; /*ffc080 orange, c04040 brown-red*/
	font-weight: normal;
	line-height: 15px;
	text-align:center;
}

H1.green {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 150%;
	background: none;
	color : #006060;
	font-weight: normal;
	line-height: 15px;
}

H2 {
	 /*margin-top: 20px; 
	 margin-bottom: 20px; */
	 font-size: 120%;
	 font-family: Verdana, Arial, Helvetica, sans-serif;
	 background: none;
	 color : #003366; 
	 font-weight: normal;
}

LI {line-height: 18px; }  /* for list item - 18 not too compact, as paragraphs */

LI.menuborder {border:  1px #b6c6d5 solid;}

/* classes */

.alignright { text-align:right; }

.bg-titles { /* not used - yellow*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color : #003366; 
	background: #fff6c7;
	height:300px;
	text-align:center;
	font-weight:bold;
}

/*.notransp {
  	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 100%; 
	font-weight: normal;
	background: ffffff;
	color: #ff6633; /*ff6633 orange*/
	text-decoration: none;
}*/


.bigger {
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 100%;
	color : #333333;
	background: none;
}

.bigger-biu {
	
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 150%;
	color : #333333;
	background: none;
	text-align: center;
	font-weight: bold;
	text-decoration:underline;
	font-style:italic;


}

.bigger140 {
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 140%;
	color : #333333;
	background: none;
}

.bigger110 {
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 110%;
	color : #333333;
	background: none;
}

.bold { font-weight: bold;}
.boldcent { 
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-weight: bold;
}
.bolditalic { 
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-weight: bold;
	font-style: italic;
}

.italic { 
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-style: italic; 
	color : #333333;
}

.italic70 { 
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-style: italic; 
	color : #333333;
	font-size: 70%; 
}

.boldunderlined {
	font-weight: bold; 
	text-decoration: underline;
	font-size: 80%;
	color: #333333;
}
.buc {
	font-size: 100%;
	color: #333333;
	background: none;
	font-weight: bold; 
	text-decoration: underline;
	text-align: center;
}

.bold80 {
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 80%;
	color : #333333;
	background: none;
}

.bold80cent{
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 80%;
	color : #333333;
	background: none;
	text-align: center;
}

.bold70 {
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 70%;
	color : #333333;
	background: none;
}

.bold100 {
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 100%;
	color : #333333;
	background: none;
}
.bold100red {
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 100%;
	color : #333333;
	background: none;
	color: #FF0000;
}
.bold120 {
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 120%;
	color : #333333;
	background: none;
}

.bold100cent {
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 100%;
	color : #333333;
	background: none;
	text-align:center;
}

.bold100line {
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 100%;
	color : #333333;
	background: none;
	text-decoration:underline;
}

.center { text-align:center;}
.font-big-cent-und { 
	color: #333333; 
	background: none;
	font-size: 100%;
	font-weight: normal;
	text-align: center;
	border-bottom: 1px solid #BC0000;
	margin: 0 0 20px 0;
}
.font-orange {color: #ff6633;}

.font-red { color:#b22222; background:none;}

.font-redbigger { 
	color: #003366; 
	background: none;
	font-size: 130%;
	font-weight: bold;
	text-align:center;
}
.font-redbold { color:#b22222; background: none; font-weight: bold; text-align:center;}
.font-title { 
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	color: #BC0000; /* BC0000 logo red colour*/
	font-size: 90%;
	font-weight: bold;
	border-bottom: 1px solid #CCCCCC;
	padding: 20px 0 5px 0;
}
.indent10 {
	text-indent: 10px;
	line-height: 18px; 
}
.indent20 {
	text-indent: 20px;
	line-height: 18px; 
}

.italic { font-style:italic;}
.italicent { font-style:italic; text-align:center; }
.italicentbold { font-style:italic; text-align:center; font-weight: bold; }
.italibold { font-style:italic; font-weight: bold; }
.line {color: #EEEEEE; background: #EEEEEE; width: 100%;}
.line hr {display: none;}/* This line has to be present, otherwise hr is not displayed well */

.mybutton {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   background: #DDDDDD;
   color : #333333;
   font-weight : normal;      
   font-size: 10px;
   width:120px;  
}


.navinfo{	/* class the same as the class for the link Project -> Consortium -> Partner*/
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 60%;
	line-height: 20px; 
	font-weight: normal;
	background: none;
	color: #666666; /* 669999 greyish, c04040 red*/
	text-decoration: none;
	text-indent: 3px;
}

.pastel1 { background: #eeeee0;}/*olive*/
.pastel2 { background: #fff5ee;}/*pink*/
.pastel3 { background: #e0eee0;}/*green*/
.pastel4 { background: #fff8dc;}/*yellow*/
.pastel5 { background: #faf0e6;} /*meat colour*/
.pastel6 { background: #f5f5f5;} /*silver*/
.pastel7 { background: #fffafa;}/*light pink*/
.pastel8 { background: #f0f8ff;}/*blue*/

.smaller { 
	font-size: 90%;
	line-height: 14px; }
	
	
.tb-blue-cent {
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 80%; 
	background:#f0f8ff;	
	color : #333333;
	text-align:center;
	font-weight: bold;
	border-bottom: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
}

.tb-form {
	background: #faf0e6; 
	color : #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 100%;
	font-weight: bold;
	text-decoration: underline;
	/*border: 1px solid red;*/
	border-top: 1px solid #EEEEEE;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #EEEEEE;
}

.tb-green {
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 80%; 
	background:#eeeee0;	
	color : #333333;
	text-align: left;
	text-indent: 30px;
	font-weight: bold;
	border-bottom: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
}
.tb-green-cent {
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 80%; 
	background:#eeeee0;	
	color : #333333;
	text-align:center;
	font-weight: bold;
	border-bottom: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
}


.tb-green100 {
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 100%; 
	background:#e0eee0;	
	color : #333333;
	text-align: left;
	text-indent: 20px;
	font-weight: bold;
	border-bottom: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
}

.tb-orange {
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 80%; 
	background:#faf0e6;	
	color : #333333;
	text-align: left;
	text-indent: 30px;
	font-weight: bold;
	border-bottom: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
}

.tb-orange-cent {
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 80%; 
	background:#faf0e6;	
	color : #333333;
	text-align:center;
	font-weight: bold;
	border-bottom: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
}

.tb-orange100 {
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 100%; 
	background: #faf0e6;	
	color : #333333;
	text-align: left;
	text-indent: 3px;
	font-weight: bold;
	border-bottom: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
}

.tb-pink-cent {
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 80%; 
	background:#fffafa;	
	color : #333333;
	text-align:center;
	font-weight: bold;
	border-bottom: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
}



.tb-silver-bigger {
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 120%;
	background: #fffafa;	/*faf0e6 peach, fffafa light pink , f0f3f6 light blue (header)*/
	color : #333333;
	text-indent: 10px;
}


.tb-silverborder {
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 80%; 
	background:#EEEEEE;
	color : #333333;
	text-align:center;
	text-align: left;
	text-indent: 30px;
	font-weight: bold;
	border-bottom: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
}

.tb-silverborder-cent {
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 80%; 
	background:#EEEEEE;
	color : #333333;
	text-align:center;
	font-weight: bold;
	border-bottom: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
}

.tb-silverborder100 {
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 100%; 
	background:#EEEEEE;
	color : #333333;
	text-align: left;
	text-indent: 3px;
	font-weight: bold;
	border-bottom: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
}


.tb-silver {
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 90%; 
	background:#EEEEEE;	
	color : #333333;
	text-align:center;
	text-indent: 10px;
}

.tb-pastel5 {
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 90%; 
	background: #faf0e6;	/*faf0e6 peach*/
	color : #333333;
	text-align:center;
	/*text-indent: 10px;
	border-bottom: 1px solid #cccccc;
	border-right: 1px solid #cccccc;*/
}





.tb-allborder {
	font-size: 100%;
	background:#EEEEEE;
	color : #333333;
	border-top: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
}

.tb-blueborder {
	font-size: 70%;
	background:#f0f3f6;
	color : #333333;
	border-bottom: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	padding: 10px 10px 10px 10px;
}

.underline {
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 100%;
	color : #333333;
	background: none;
	text-decoration:underline;
}
.underlinebold {
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 100%;
	color : #333333;
	background: none;
	text-decoration:underline;
}


/*IDs*/

#bold {font-weight: bold;}

#bgcolour { 
	background: #f0f3f6;/*NOT USED*/
}


#font120 {
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 120%;
	color : #333333;
	background: none;
}


#footer {
	z-index: 3; 
	position: absolute; 
	left: 14px; 
	background: #ffffff;
	color: #333333;
	width: 880px;
	bottom: 0px; /*this will place the 'footer' at the bottom of the <div tb900>*/
}

#header {
	z-index: 4; 
	position: relative; 
	left: 16px;
	background: white url("http://www.cng.fr/READNA/img/bg_header7.jpg");
	color: #333333; 
	width: 946.5px;
	height: 110px;
	/*border: 1px solid red;*/
}


#navinfo{	/*id and  class are the same as the class for the link Project -> Consortium -> Partner*/
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 60%;
	line-height: 20px; 
	font-weight: normal;
	background: none;
	color: #666666; /*c04040 red*/
	text-decoration: none;
	text-indent: 3px;
}




/*#nomargin { margin-top: 0px; padding: 0px 0px 0px 0px; }*/
#reg {	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: none;
	color :#BBBBBB;
	font-size: 90%;
	font-weight: normal;
	text-indent:0px;
	line-height:10px;
	vertical-align:bottom;
}

#right { text-align: right; }


/*<background-color> || <background-image> || <background-repeat> || <background-attachment> || <background-position> */
#shadow {
	background: white url("http://www.cng.fr/READNA/img/bar_shadow.gif") repeat-x;
	color: #ffffff;
	width: 940px;
	position:relative;
	left:20px;
}

/*Table without a hight for documents with lots of content*/
#tb { 
	background: #ffffff;
	color:#333333;
	position:relative;
	left:20px; /*kept this for the positioning*/
	width:900px;
	padding: 0px 20px 2px 20px;
	border-bottom:1px solid #999999;
}

#tb-home {
	background: #f0f3f6;
	color:#333333; 
	width:900px;
}

#tb-image {/* the old holder for the home page with the grey dna on the right */
	background: white url("http://www.cng.fr/READNA/img/home_imagebg_dnagrey.jpg") no-repeat;
	color:#333333;
	position:relative;
	left:20px; /*kept this for the positioning*/
	width:900px;
	padding: 0px 20px 2px 20px;
	border-bottom:1px solid #999999;
	height: 540px;
}

/*Table with the hight for documents without much content */
#tb-common {
	background: #ffffff;
	color:#333333; 
	position:relative;
	left:20px; /*kept this for the positioning*/
	width:900px;
	padding: 0px 20px 2px 20px;
	border-bottom:1px solid #999999;
	height: 510px;
}


#tb-longer {
	background: #ffffff;
	color:#333333; 
	position:relative;
	left:20px; /*kept this for the positioning*/
	width:900px;
	padding: 0px 20px 2px 20px;
	border-bottom:1px solid #999999;
	height: 600px;
}


#tb-form {
	background: #ffffff;
	color:#333333; 
	position:relative;
	left:20px; /*kept this for the positioning*/
	width: 900px;
	padding: 0px 20px 2px 20px;
	border-bottom:1px solid #999999;
	height: 740px;
}

#underlinebold {
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 100%;
	color : #333333;
	background: none;
	text-decoration:underline;
}

#wrapper { /* keeps the whole page content in the middle of the page */
    position: relative;
    width: 960px;
    margin: 0 auto;
    background: #E3E3E3; /*85a1b7 nice blue colour on the left side */
	color:#333333;
}


/* CSS Drop Down Menu */
#menuh-container
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	width: 100%;
	margin: 0px;
	border: 1px solid green;
	}

#menuh
	{
	position: absolute;
	top: 88px;
	width: 100%;
	/*margin: 0; menu starts at the left edge of the logo*/
	/*border: 1px solid purple;*/
	}
		
#menuh a
	{
	text-align: center;
	display: block;
	white-space: nowrap;
	/*margin:0;
	 border: 0.5px solid #b6c6d5;#f0f3f6; VERY LIGHT BLUE, #b6c6d5 blue ; IMPORTANT - IE does not show decimal values for border 0.5px...*/

	}
	
#menuh a:link, #menuh a:visited, #menuh a:active	/* menu at rest */
	{
	color: #003366;
	font-weight:bold;
/*	background-color: rgba(255, 255, 255, 0.7);*/
	background: rgb(240, 243, 246); /*very light blue*/
	/*opacity : .5; 
	filter : alpha(opacity=50);*/
	/*background-color: rgba(133, 161, 183, 0.6);*/ /* semi transparent border #85a1b7 = 133, 161, 183; readna*/
	/*filter:alpha(opacity=50); DOES NOT WORK*/
	text-decoration: none;
	height:20px;
	}
	
#menuh a:hover	/* menu at mouse-over  */
	{
	color: #003366;
	background: #b6c6d5; /* b6c6d5 light blue, C0C0C0 silver, CC6666 meat color, 99CCFF - light blue*/
	text-decoration:none;
	height:20px;
	}	
	
#menuh ul
	{
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	width: 135.2px;	/* width of one col - does not depend of the size of the font.*/
	}

#menuh li
	{
	position:relative;
    min-height: 1px; 			
    vertical-align: bottom; 
	color: #003366;
	font-weight:bold;
	background: rgb(240, 243, 246);
	text-decoration: none;
	text-align: center;
	height:20px;
	border-top:  1px solid white; /*#b6c6d5*/
	border-right:  1px solid #b6c6d5;
	border-bottom:  1px solid #b6c6d5;
	}

#menuh ul ul
	{
	position:absolute;
	z-index:500;
	top: 21px; /*second menu*/
	display:none;
	padding: 1em;
	margin:-1em 0 0 -1em;
	}

#menuh ul ul li { border-left:  1px solid #e3e3e3;} /*second and third menu have left border*/

#menuh ul ul ul
	{
	top: -1px; /*third menu - if 0 it displays too low*/
	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;} /*does not display third menu*/

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;}

/* End CSS Drop Down Menu */
