body
{
	padding: 0px;
	margin: 0px;
	background-color: #014330;
	font-family: arial;
	overflow-x: hidden;
}
#intro
{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	display: none;
	background-color: #01543c;
	text-align: center;
	vertical-align: middle;
}
#index
{
	border: 1px solid white;
	position: absolute;
	left: 3%;
	top: 3%;
}
img.fon
{
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: -3;
}

td
{
	padding: 0px;
	margin: 0px;
}
div.menu
{
	float: left;
	width: 22%;
	height: 89%;
	padding: 0px;
	overflow:   hidden;
	overflow-y: hidden;
	overflow-x: hidden;

	position: absolute;
	left: 5%;
	top: 5%;

	z-index: -2;
}
div.tri1
{
	width: 28%;
	height: 87%;
	border: 12px solid #055b42;
	padding: 0px;
	background-color: #03523b;

	overflow:   hidden;
	overflow-y: hidden;
	overflow-x: hidden;

	position: absolute;
	left: 35%;
	top: 5%;
	z-index: -2;

	filter: alpha(Opacity=90);
	-moz-opacity: 0.9;
	opacity:0.9;
}

div.tri2
{
	width: 28%;
	height: 87%;
	border: 12px solid #055b42;
	padding: 0px;
	background-color: #03523b;
	overflow:   scroll;
	overflow-y: scroll;
	overflow-x: hidden;
	position: absolute;
	left: 67%;
	top: 5%;

	scrollbar-arrow-color:#2d997e;
	scrollbar-base-color:#015039;
	scrollbar-track-color:#015039;
	scrollbar-face-color: #015039; 
	scrollbar-shadow-color: #015039; 
	scrollbar-highlight-color: #015039; 
	scrollbar-darkshadow-color: #015039; 
	
	color: white;
	font-size: 9pt;

	z-index: -2;

	filter: alpha(Opacity=90);
	-moz-opacity: 0.9;
	opacity:0.9;
}

div.tri2 a, table.dopnavigate a
{
	color: white;
	font-weight: bold;
}

div.tri2 h1
{
	font-size: 12pt;
	font-weight: bold;
}

table.list td
{
	padding-bottom: 10px;
}

div.logo
{
	padding: 10%;
	width: 80%;
	height: 30%;
	z-index: -1;
	background-color: #035940;
	margin-bottom: 5px;
}

div.menu table
{
	width: 100%;
	border-collapse: collapse;
}

div.menu table a
{
	color: white;
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none;
}

div.menu table td
{
	background-color: #035940;
	color: white;
	font-size: 9pt;
	padding: 0px;
	margin: 5px;
	border-bottom: 2px solid #2b9578;
	padding-left: 5px;
	cursor: pointer;
}

div.menu table td.m1, div.menu table td.m2, div.menu table td.m3, div.menu table td.m4, div.menu table td.m5, div.menu table td.m6, div.menu table td.m7, div.menu table td.m8, div.menu table td.m9
{
	width: 66px;
	height: 33px;
	background: #035940 url("/pics/menu.jpg") no-repeat left -297px;
	padding: 0px;
	border-right: 2px solid #2b9578;
}

div.menu table:hover td.m1
{
	background-position: left 0;
}

div.menu table:hover td.m2
{
	background-position: left -33px;
}

div.menu table:hover td.m3
{
	background-position: left -66px;
}

div.menu table:hover td.m4
{
	background-position: left -99px;
}

div.menu table:hover td.m5
{
	background-position: left -132px;
}

div.menu table:hover td.m6
{
	background-position: left -165px;
}

div.menu table:hover td.m7
{
	background-position: left -198px;
}

div.menu table:hover td.m8
{
	background-position: left -231px;
}

div.menu table:hover td.m9
{
	background-position: left -264px;
}

div.bmenu
{
	width: 100%;
	height: 100%;
	background-color: #035940;
}

#pics
{
	width: 100%;
	height: 100%;
	overflow: hidden;
}

#p1, #p2, #p3, #p4, #p5, #p6, #p7, #p8, #p9
{
	position: absolute;
	left: 0px;
	top: 0px;
}

#p2, #p3, #p4, #p5, #p6, #p7, #p8, #p9
{
	display: none;
}