.style1 {color: #990000}
.style5 {
	font: 18px/32px Arial, Geneva, Verdana, sans-serif;
	color: #990000;
}
.style7 {color: #000000;
		font: 12px/16px Verdana, Geneva, Arial, sans-serif;}
.style8 {
	font-weight: normal;
}
.style6 {
	color: #333333;
}
 #people     
	{
	font: 11px/16px Verdana, Geneva, Verdana, sans-serif;
	position: absolute;
	top: -2px;
	left: 36px;
	width: 389px;
	height: 73px;
	padding: 10px;
	visibility: visible;
	filter:alpha(opacity=80);
	opacity: 0.8;
	-moz-opacity:0.8;
	font-size: 2em;
	background-color: #000000;
	color: #FFCC00;
	}
	#people1     
	{
	font: 11px/16px Verdana, Geneva, Verdana, sans-serif;
	position: absolute;
	top: 264px;
	left: 459px;
	width: 390px;
	height: 207px;
	padding: 10px;
	visibility: visible;
	filter:alpha(opacity=80);
	opacity: 0.8;
	-moz-opacity:0.8;
	background-color: #FFFFCC;
	}
	#people11     
	{
	font: 11px/16px Verdana, Geneva, Verdana, sans-serif;
	position: absolute;
	top: 36px;
	left: 498px;
	width: 213px;
	height: 385px;
	padding: 10px;
	visibility: visible;
	filter:alpha(opacity=80);
	opacity: 0.8;
	-moz-opacity:0.8;
	font-size: 1em;
	background-color: #FFFFCC;
	}
	#people2     
	{
	font: 11px/16px Verdana, Geneva, Verdana, sans-serif;
	position: absolute;
	top: 0px;
	left: 222px;
	width: 233px;
	height: 100%;
	background-color: #F0D79C;
	padding: 10px;
	visibility: visible;
	filter:alpha(opacity=80);
	opacity: 0.8;
	-moz-opacity:0.8;
	color: #000000;
	font-size: 1,25 em;
	padding-top:60px;
	}
	#people23     
	{
	font: 11px/16px Verdana, Geneva, Verdana, sans-serif;
	position: absolute;
	top: 0px;
	left: 506px;
	width: 240px;
	height: 100%;
	background-color: #F0D79C;
	padding: 10px;
	visibility: visible;
	filter:alpha(opacity=80);
	opacity: 0.8;
	-moz-opacity:0.8;
	color: #000000;
	font-size: 1em;
	padding-top:60px;
	}
	#people23a     
	{
	font: 11px/16px Verdana, Geneva, Verdana, sans-serif;
	position: absolute;
	top: 0px;
	left: 506px;
	width: 243px;
	height: 100%;
	background-color: #F6F7C9;
	padding: 10px;
	visibility: visible;
	filter:alpha(opacity=80);
	opacity: 0.8;
	-moz-opacity:0.8;
	color: #000000;
	font-size: 1em;
	padding-top:77px;
	}
	#people24     
	{
	font: 11px/16px Verdana, Geneva, Verdana, sans-serif;
	position: absolute;
	top: 0px;
	left: 621px;
	width: 233px;
	height: 100%;
	background-color: #FFFFCC;
	padding: 10px;
	visibility: visible;
	filter:alpha(opacity=80);
	opacity: 0.8;
	-moz-opacity:0.8;
	color: #000000;
	font-size: 1em;
	}
	#people22     
	{
	font: 11px/16px Verdana, Geneva, Verdana, sans-serif;
	position: absolute;
	top: 201px;
	left: 47px;
	width: 390px;
	height: 217px;
	background-color: #FFFFCC;
	padding: 10px;
	visibility: visible;
	filter:alpha(opacity=80);
	opacity: 0.8;
	-moz-opacity:0.8;
	color: #000000;
	font-size: 1em;
	}
	#people2pl     
	{
	font: 11px/16px Verdana, Geneva, Verdana, sans-serif;
	position: absolute;
	top: 131px;
	left: 47px;
	width: 390px;
	height: 216px;
	background-color: #FFE7B5;
	padding: 10px;
	visibility: visible;
	filter:alpha(opacity=80);
	opacity: 0.8;
	-moz-opacity:0.8;
	color: #000000;
	font-size: 1em;
	}
	#people22pl     
	{
	font: 11px/16px Verdana, Geneva, Verdana, sans-serif;
	position: absolute;
	top: 0px;
	left: 620px;
	width: 210px;
	height: 100%;
	background-color: #FFE7B5;
	padding: 10px;
	visibility: visible;
	filter:alpha(opacity=80);
	opacity: 0.8;
	-moz-opacity:0.8;
	color: #000000;
	font-size: 1em;
	}
	#people3    
	{
font: 11px/16px Verdana, Geneva, Verdana, sans-serif;
	position: absolute;
	top: 44px;
	left: 387px;
	width: 593px;
	height: 542px;	
	}
	#nt     
	{
	font: 11px/16px Verdana, Geneva, Verdana, sans-serif;
	position: absolute;
	top: 1px;
	left: 44px;
	width: 360px;
	height: 207px;
	background-color: #FFE7B5;
	padding: 10px;
	visibility: visible;
	filter:alpha(opacity=80);
	opacity: 0.8;
	-moz-opacity:0.8;
	font-size: 0.85em;
	}
	#nt1     
	{
	font: 11px/16px Verdana, Geneva, Verdana, sans-serif;
	position: absolute;
	top: 46px;
	left: 46px;
	width: 261px;
	height: 456px;
	background-color: #FFE7B5;
	padding: 10px;
	visibility: visible;
 	filter:alpha(opacity=80);
	opacity: 0.8;
	-moz-opacity:0.8;
	font-size: 1em;
	}
	#nt2     
	{
	font: 11px/16px Verdana, Geneva, Verdana, sans-serif;
	position: absolute;
	top: 32px;
	left: 632px;
	width: 361px;
	height: 473px;
	background-color: #FFE7B5;
	padding: 10px;
	visibility: visible;
 	filter:alpha(opacity=80);
	opacity: 0.8;
	-moz-opacity:0.8;
	font-size: 1em;
	}
	#nt3    
	{
	font: 11px/16px Verdana, Geneva, Verdana, sans-serif;
	position: absolute;
	top: 70px;
	left: 345px;
	width: 263px;
	height: 453px;	
	background-color: #FFE7B5;
	visibility: visible;
 	filter:alpha(opacity=80);
	opacity: 0.8;
	-moz-opacity:0.8;
	font-size: 1em;
	}
* {
	margin:0;
	padding:0;
	vertical-align: bottom;
}
body {
	font: 11px/14px Verdana, Geneva, Verdana, sans-serif;;
	background-color: #FFB100;
}
#imgId {
	width:100%;
	max-width:2200px;
	max-height:2200px;
	height:auto;
	vertical-align: bottom;
}
#imgId1 {
	width:100%;
	max-width:2200px;
	max-height:2200px;
	height:auto;
	vertical-align: bottom;
}
#arrowsb    
	{
	position: absolute;
	top: 0px;
	left: 108px;
	width: 67px;
	height: 29px;
	visibility: visible;	
	}

div.mainmenu {
	font: 13px/16px Verdana, Geneva, Verdana, sans-serif;
	position: absolute;
	left: -10px;
	top: 0px;
	z-index: 1;
	width: 910px;
}

div.menu {
    float: left;
    margin-left: 10px; 
	font-family: 11px/14px Verdana, Geneva, Verdana, sans-serif;
}

div.popup a:hover { background-color: #FFFF99; }
div.menu:hover div:first-child {
	border-bottom: none;
	background-color: #FFCC33;
}
div.menu div.popup { display: none; }
div.menu:hover div.popup { 
    display: block; 
    background-color: #FFB100; 
}


div.menu div {
	font: 11px/18px Verdana, Geneva, Arial, sans-serif;
    width: 158px;
    background-color: #FFB100;
    padding: 5px;
}


div.popup div, div.popup a { display:block; text-decoration: none; margin: 2px 2px 2px 5px; }
div.popup div + div, div.popup a + a { margin-top: 10px; } 

div.content {
    position: absolute;
	font-family: 11px/14px Verdana, Geneva, Arial, sans-serif;
    left: 20px;
    top: 158px;
}
a:link {
	color: #000000;
	text-decoration: none;
}
a:visited {
	color: #000000;
	text-decoration: none;
}
a:hover {
	color: #000000;
	text-decoration: none;
}
a:active {
	color: #000000;
	text-decoration: none;	
}

#box_content {background:#FFE7B5; width: 100%; height: 370px; margin-top: 15%; margin-left: 10%; position: absolute; z-index:200; font-size:10px; 
        /* Theoretically for IE 8 & 9 (more valid) */
        /* ...but not required as filter works too */
        /* should come BEFORE filter */
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";

        /* This works in IE 8 & 9 too */
        /* ... but also 5, 6, 7 */
        filter: alpha(opacity=80);

        /* Older than Firefox 0.9 */
        -moz-opacity:0.8;

        /* Safari 1.x (pre WebKit!) */
        -khtml-opacity: 0.8;

        /* Modern!
        /* Firefox 0.9+, Safari 2?, Chrome any?
        /* Opera 9+, IE 9+ */
        opacity: 0.8;
}
#box_content1 {max-width:250px; width: 25%; height: 80%; margin: 10px; padding:10px; float:left; overflow:auto;}
#box_content2 {max-width:250px; width: 25%; height: 80%; margin: 10px; padding:10px; float:left; overflow:auto;}
#box_content3 {max-width:250px; width: 25%; height: 80%; margin: 10px; padding:10px; float:left; overflow:auto;}

#box_content4 {background:#FFE7B5; width: 100%; height: 400px; margin-top: 15%; margin-left: 10%; position: absolute; z-index:200; font-size:10px; 
        /* Theoretically for IE 8 & 9 (more valid) */
        /* ...but not required as filter works too */
        /* should come BEFORE filter */
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";

        /* This works in IE 8 & 9 too */
        /* ... but also 5, 6, 7 */
        filter: alpha(opacity=80);

        /* Older than Firefox 0.9 */
        -moz-opacity:0.8;

        /* Safari 1.x (pre WebKit!) */
        -khtml-opacity: 0.8;

        /* Modern!
        /* Firefox 0.9+, Safari 2?, Chrome any?
        /* Opera 9+, IE 9+ */
        opacity: 0.8;
}
#box_content5 {max-width:250px; width: 25%; height: 80%; margin: 10px; padding:10px; float:left; overflow:auto;}

#box_content6 {background:#FFE7B5; width: 100%; height: 400px;  margin-top: 5%; margin-left: 10%; position: absolute; z-index:200; font-size:0.9em; line-height:1.35em; 
        /* Theoretically for IE 8 & 9 (more valid) */
        /* ...but not required as filter works too */
        /* should come BEFORE filter */
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";

        /* This works in IE 8 & 9 too */
        /* ... but also 5, 6, 7 */
        filter: alpha(opacity=80);

        /* Older than Firefox 0.9 */
        -moz-opacity:0.8;

        /* Safari 1.x (pre WebKit!) */
        -khtml-opacity: 0.8;

        /* Modern!
        /* Firefox 0.9+, Safari 2?, Chrome any?
        /* Opera 9+, IE 9+ */
        opacity: 0.8; 
}
.box_content7 {max-width:280px; width: 25%; height: 85%; margin: 10px; padding:10px; float:left;overflow:auto; }
.box_content8 {max-width:280px; width: 25%; height: 85%; margin: 10px; padding:10px; float:left;overflow:auto; }
.box_content9 {max-width:280px; width: 25%; height: 85%; margin: 10px; padding:10px; float:left;overflow:auto; }


#box_content10 {background:#FFE7B5; width: 100%; height: 300px; margin-top: 15%; margin-left: 10%; position: absolute; z-index:200; font-size:10px; 
        /* Theoretically for IE 8 & 9 (more valid) */
        /* ...but not required as filter works too */
        /* should come BEFORE filter */
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";

        /* This works in IE 8 & 9 too */
        /* ... but also 5, 6, 7 */
        filter: alpha(opacity=80);

        /* Older than Firefox 0.9 */
        -moz-opacity:0.8;

        /* Safari 1.x (pre WebKit!) */
        -khtml-opacity: 0.8;

        /* Modern!
        /* Firefox 0.9+, Safari 2?, Chrome any?
        /* Opera 9+, IE 9+ */
        opacity: 0.8;
}
#box_content11 {max-width:250px; width: 25%; height: 80%; margin: 10px; padding:10px; float:left; overflow:auto;}
#box_content12 {max-width:250px; width: 25%; height: 80%; margin: 10px; padding:10px; float:left; overflow:auto;}
#box_content13 {max-width:250px; width: 25%; height: 80%; margin: 10px; padding:10px; float:left; overflow:auto;}



