* {
	margin: 0;
	padding: 0;
}


  html, body {
	color: #333;
	background: #FFF url(../img/bg.png) repeat-x;
	font: 11px verdana,arial,tahoma,sans-serif;
	height: 100%;
	width: 100%;
}

* html img,
* html .png {
	behavior: url("iepngfix.htc");
}

 p {
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: justify;
}


a {
	text-decoration: none;
	color:#333;
}


a:hover{
	color:#666;
	text-decoration: underline;
}


li {height:2em;line-height:2em;padding:0;margin:0;list-style-type:none;}





.sitemapbox1, .sitemapbox2, .sitemapbox3 {width:200px; height:200px; margin-right: 20px; float: left;}
.sitemapbox3 {height: 50px;}
.sitemapbox1 li ul li , .sitemapbox2 li ul li , .sitemapbox3 li ul li  {list-style-image: url(../img/menu_arrow.png);margin-left:20px;}
.sitemapbox1 li ul li a, .sitemapbox2 li ul li a, .sitemapbox3 li ul li a, .sitemapbox1 li ul li ul li a, .sitemapbox2 li ul li ul li a, .sitemapbox3 li ul li ul li a {text-decoration: none;}
.sitemapbox1 li ul li a:hover, .sitemapbox2 li ul li a:hover, .sitemapbox3 li ul li a:hover, .sitemapbox1 li ul li ul li a:hover, .sitemapbox2 li ul li ul li a:hover, .sitemapbox3 li ul li ul li a:hover {text-decoration: underline;}
.sitemapbox1 li ul li ul li, .sitemapbox2 li ul li ul li, .sitemapbox3 li ul li ul li {list-style-image: url(../img/menu_arrow.png); text-decoration: none;} 
.listline {display: block; width: 160px; border-bottom: 1px solid #ccc; font-weight: bold;margin-bottom: 5px;}
.listline a {text-decoration: none;}





#main {
	background: #FFF url(../img/bg_top.png) repeat-y;
	width:950px;
	margin: 0 auto;
}


#footer {
	width:950px;
	margin: 0 auto;
	text-align:center;
	padding:10px;
}


#top_header {
	position: relative;
	background: #FFF url(../img/bg_top.png) repeat-y;
	width:950px;
	height:80px;
	border-left: 1px solid #666;
	border-right: 1px solid #666;
	border-top: 1px solid #666;
}



#logo {
	float: left;
	background: url(../img/adnologies_logo.png) no-repeat;
	width:206px;
	height:33px;
	margin: 20px 0 0 20px;
	border:0;
}


#menu {
	position: relative;
	background: #CCC url(../img/menu_bg.png) repeat-x;
	width:950px;
	height:37px;
	margin: 0;
	padding:0;
	border: 1px solid #666;
}


#menu_top_right {
	float: right;
	font-size:9px;
	color:#FFF;
	margin: 10px 10px 0 0;
}

a.menu_top_right {
	text-decoration: none;
	color:#FFF;
	padding:1px;
	margin:1px;
}


a.menu_top_right:hover{
 border-top:1px solid #FFF;
 border-bottom:1px solid #FFF;
 color: #FFFFF1;
}




#menu_flags {
	float: right;
	margin: 10px 10px 0 0;
}


#content_main {
	background: #FFF;
	width:950px;
	margin: 0;
	padding:0;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
}


#content_head {
	background: #FFF;
	background: #FFF url(../img/bg_top.png) repeat-y;
	border-left: 1px solid #666;
	border-right: 1px solid #666;
	width:950px;
	height:20px;
	margin: 0;
	padding:0;

}


#image_left {
	width:150px;
	height:650px;
	float: left;
	background: #FFF url(../img/heias_vertical.png) no-repeat;
	margin: 20px 50px 0 0;
}



#content_left {
	width:540px;
	float: left;
	margin: 10px;
}

#content_left_menu {
float: left;
padding:0 10px 10px 10px;
width:150px;
margin:0px;
height:650px;
background: #FFF url(../img/bg.png) repeat-x;
color:#FFF;
}


.menu_sub_left{
	padding:0 0 10px 0;
	border-bottom:1px solid #FFF;
}

#content_left_menu a
{
	text-decoration:none;
	color:#FFF;
}

#content_left_menu a:hover
{
	text-decoration:none;
	color:#666
}



#content_right {
	display:block;
	width:200px;
	float: right;
	margin: 10px;
	border: 1px solid #999;
}





a.link_text
{
	text-decoration:underline;
	color:#666;
}

a:hover.link_text 
{
	text-decoration:none;
	color:#333
}





a.link_news {
	text-decoration: none;
	color:#98c000;
}


a.link_news:hover{
	color:#666;
	text-decoration: underline;
}



.headline {
	font-size:12px;
	font-style: italic;
	font-weight: bold;
	margin:10px 0 20px 5px;
}

.headline_sub {
	font-size:10px;
	font-weight: bold;
	margin:0 0 10px 0;
}

















.clear { clear:both; }





.menu {font-size:0.85em;}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none; width:950px; height:4em; border: 1px solid #666; background: #CCC url(../img/menu_bg.png) repeat-x;}

/* style the sub-level lists */
.menu ul ul {width:20em;}

/* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu ul li {float:left;height:4em;line-height:4em;}

/* style the sub level list items */
.menu ul ul li {display:block;width:20em;height:auto; line-height:1em;padding-top:2px;padding-bottom:2px;}

/* style the links for the top level */
.menu a, .menu a:visited {display:block;float:left;height:100%;font-size:1em;text-decoration:none;color:#666;padding:0 3em 0 1em; border-left:1px solid #eee; border-right:1px solid #666;}

/* style the sub level links */
.menu ul ul a, .menu ul ul a:visited {display:block; background:#fff; color:#000; width:13.7em; height:100%; line-height:1em; padding:0.5em 3em;border:1px solid #FFF;}
* html .menu ul ul a, * html .menu ul ul a:visited  {width:20em;}


/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {position:absolute; left:1px; top:0; width:0; height:0; font-size:1em; z-index:-1;}


/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#fff;}
/* style the fourth level background */
.menu ul ul ul ul a, .menu ul ul ul ul a:visited {background:#fff;}
/* style the sub level 1 background */
.menu ul :hover a.sub1 {background: #FFF url(../img/menu_arrow.png) no-repeat 170px;}
/* style the sub level 2 background */
.menu ul ul :hover a.sub2 {background: #FFF url(../img/menu_arrow.png) no-repeat 170px;}

/* style the level hovers */

/* first */
* html .menu a:hover {color:#666;background:#ccc; position:relative; z-index:100;}
.menu li:hover {position:relative;}
.menu :hover > a {color:#666;background:#ccc;}

/* second */
* html .menu ul ul a:hover{color:#333;  z-index:110;}
.menu ul ul li:hover {position:relative;}
.menu ul ul :hover > a {color:#333;background: #80b3ff url(../img/menu_arrow.png) no-repeat 10px; border:1px solid #666;}

/* third */
* html .menu ul ul ul a:hover {background: #80b3ff url(../img/menu_arrow.png) no-repeat 10px; border:1px solid #666; position:relative; z-index:120;}
.menu ul ul ul :hover > a {background: #80b3ff url(../img/menu_arrow.png) no-repeat 10px; border:1px solid #666;}

/* fourth */
.menu ul ul ul ul a:hover {background: #80b3ff url(../img/menu_arrow.png) no-repeat 10px; border:1px solid #666; position:relative; z-index:130;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:3.5em;left:1em;width:20em;}

/* position the third level flyout menu */
.menu ul ul ul{left:12em;top:0;width:20em;}


/* make the second level visible when hover on first level list OR link */
.menu ul :hover ul{visibility:visible; height:auto; padding:0.1em;  background:#fff;}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{visibility:visible;}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul {visibility:visible;}