


* {
   margin: 0;
   padding: 0;
}


<!-- 
BODY{ 
overflow:auto;
background-color:#023043;
margin-right: 25px;
} 

-->

.itemBorder { border: 1px solid black }
.itemText { text-decoration: none; color: #FFFFFF; font: 9px Arial, Helvetica }
.crazyBorder { border: 1px outset #663399 }
.crazyText { text-decoration: none; color: #FFFFFF; font: Bold 12px Arial, Helvetica }

TABLE{font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 1.3em; color: #333333}
TABLE.small{font-family: Arial, Helvetica, sans-serif; font-size: 12px}

TD{}
TD.label{color: #105354; font-weight:bold}
TD.foot{font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #ffffff}

h1 {font-family: Arial, Helvetica, sans-serif; font-size: 23px; color: #273c03}
h2 {font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #104354}
h3 {font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #000000}
h4 {font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #d07f2d; font-weight:bold}

P.body1{font-family: Arial, Helvetica, sans-serif; font-size: 14px; color:#5c5a5a; line-height: 1.2em;}

P.nav {font-family: Arial, Helvetica, sans-serif; font-size: 15px; color: #FFFFFF}
P.address {font-family: Arial, Helvetica, sans-serif;font-size: 10px; color: #FFFFFF}

P.leftbody1{font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333;  line-height: 1.3em;}
P.copyright{font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #ffffff;}

P{font-family: Arial, Helvetica, sans-serif; font-size: 15px; color: #000000;
margin-right:30px;
}

P.title {font-family: Arial, Helvetica, sans-serif; font-size: 21px; color: #365264;
}
P.subtitle {font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #365264; font-weight: bold;
}

A{color:#597c47; text-decoration:none}
a:hover {color:#000000; text-decoration:none}

A.red{font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:red; text-decoration:none}
a.red:hover {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#000000; text-decoration:none}

A.table{color:#105354; text-decoration:none}
a.table:hover {color:#105354; text-decoration:none; font-weight:bold}


#container {
position: absolute;
border:0px;
top: 10px;
width: 990px;
left : 50%;
height: 660;
margin-left: -495px;
background: url(../images/case_study/004/table.jpg) no-repeat left 0px;
background-color:#ffffff;

}
#container2 {
position: absolute;
border:0px;
top: 10px;
width: 972px;
left : 50%;
height: 860;
margin-left: -486px;
background: url(images/sitemap2.jpg) no-repeat left 0px;
background-color:#ffffff;

}

.floatfix{
clear: both;
}

.sitemap{position:absolute; width:972; left:0; top:0; height:660; z-index=6; overflow: hidden;}
.sitemaplink{position:absolute; width:972; left:0; top:0; height:674; z-index=6; overflow: hidden;}

.legend{position:absolute; width:252; left:721; top:106; height:420; z-index=1; overflow: hidden;}

.location-sbanka{position:absolute; width:300; left:400; top:500; height:200; z-index=1; overflow: hidden;}
.location-sbankb{position:absolute; width:300; left:420; top:550; height:200; z-index=1; overflow: hidden;}
.location-sbankc{position:absolute; width:300; left:350; top:500; height:200; z-index=1; overflow: hidden;}
.location-nbanka{position:absolute; width:300; left:100; top:200; height:200; z-index=1; overflow: hidden;}
.location-nbankb{position:absolute; width:300; left:100; top:200; height:200; z-index=1; overflow: hidden;}
.location-nbankc{position:absolute; width:300; left:120; top:200; height:200; z-index=1; overflow: hidden;}

.location-over1{position:absolute; width:973; left:0; top:0; height:658; z-index=1; overflow: hidden;}
.location-over2{position:absolute; width:973; left:0; top:0; height:658; z-index=1; overflow: hidden;}
.location-over3{position:absolute; width:973; left:0; top:0; height:658; z-index=1; overflow: hidden;}
.location-zone4{position:absolute; width:973; left:0; top:0; height:769; z-index=1; overflow: hidden;}
.location-zone5{position:absolute; width:973; left:0; top:0; height:769; z-index=1; overflow: hidden;}
.location-outfall{position:absolute; width:973; left:0; top:0; height:769; z-index=1; overflow: hidden;}

.DIVIFRAME{position:absolute; width:870; left:380; top:100; height:750; z-index=6; overflow: hidden;}

.updatedate {line-height:27px;
	position:absolute; width:250; height:50; left:720; top:75; z-index=5;
        font-family: Arial, Helvetica, sans-serif; font-size: 14px;
	text-decoration: none; font-weight: bold;
	color: #ffffff;
}

.maintitle {line-height:27px;
	position:absolute; width:584; height:50; left:370; top:151; z-index=5;
        font-family: Arial, Helvetica, sans-serif; font-size: 35px;
	text-decoration: none; font-weight: bold;
	color: #ffffff;
}
.maintitle2 {line-height:27px;
	position:absolute; width:584; height:50; left:370; top:258; z-index=5;
        font-family: Arial, Helvetica, sans-serif; font-size: 35px;
	text-decoration: none; font-weight: bold;
	color: #ffffff;
}
.maindescription {background-color: #FFFFFF;
	position:absolute; width:530; height:200; left:370; top:190; z-index=5;;
        font-family: Arial, Helvetica, sans-serif; font-size: 13px; color:#333333;  line-height: 1.3em;
        overflow: hidden;
}
.maindescription1 {background-color: #FFFFFF;
	position:absolute;
        left:318; top:177; z-index=5;
        width:536px !important; /*moz width*/
        width:636px; /*IE width*/
        height:440px !important; /*moz height*/
        height:520px; /*IE height*/
        display:inline;
	padding-top: 20px;
	padding-bottom: 60px;
	padding-left: 50px;
	padding-right: 50px;
        font-family: Arial, Helvetica, sans-serif; font-size: 13px; color:#333333;  line-height: 1.3em;
        overflow: hidden;
}

.mainbody1 {background-color: #ffffff;
	position:absolute; width:400; height:400; left:50; top:320; z-index=5;;
        font-family: Arial, Helvetica, sans-serif; font-size: 13px; color:#333333;  line-height: 1.3em;
        overflow: hidden;
}
.mainbody2a {background-color: #ffffff;
	position:absolute; width:180; height:400; left:370; top:320; z-index=5;;
        font-family: Arial, Helvetica, sans-serif; font-size: 13px; color:#333333;  line-height: 1.3em;
        overflow: hidden;
}
.mainbody2b {background-color: #ffffff;
	position:absolute; width:180; height:400; left:550; top:320; z-index=5;;
        font-family: Arial, Helvetica, sans-serif; font-size: 13px; color:#333333;  line-height: 1.3em;
        overflow: hidden;
}
.mainbody2c {background-color: #ffffff;
	position:absolute; width:180; height:400; left:730; top:320; z-index=5;;
        font-family: Arial, Helvetica, sans-serif; font-size: 13px; color:#333333;  line-height: 1.3em;
        overflow: hidden;
}
.mainbody_companylinks {background-color: #ffffff;
	position:absolute; width:584; height:100; left:340; top:670; z-index=5;
        font-family: Arial, Helvetica, sans-serif; font-size: 13px;
	text-decoration: none;
	color: #ffffff;
}
.mainbody_companylinks A {
        display:inline; font-size: 13px;
	text-decoration: none;
	color: #ffffff;
}

.mainbody_companylinks a:hover {
        display:inline; font-size: 13px;
	text-decoration: none;
	color: #ffffff;
}
.mainbody_companylinks img {
	padding-left: 0px;
	padding-right: 0px;
}


.link1 {line-height:27px; overflow:auto;
	position:absolute; width:300; height:600; left:20; top:100; z-index=2;  line-height: 1.2em;
        font-family: Arial, Helvetica, sans-serif; font-size: 14px;
}
.link1 A {
	text-decoration: none;
	color: #000000;
}

.link1 a:hover {
	text-decoration: none;
	color: #666666;
}

.link1 img {
	padding-left: 3px;
	padding-right: 3px;
}

.legendlink1 {line-height:27px;
	position:absolute; width:210; height:50; left:740; top:360; z-index=10;
        font-family: Arial, Helvetica, sans-serif; font-size: 13px;  line-height: 1.2em;
}
.legendlink1 A {
	text-decoration: none;
	color: #000000;
}

.legendlink1 a:hover {
	text-decoration: none;
	color: #666666;
}

.legendlink2 {line-height:27px;
	position:absolute; width:210; height:50; left:740; top:406; z-index=10;
        font-family: Arial, Helvetica, sans-serif; font-size: 15px;  line-height: 1.2em; font-weight:bold;
}
.legendlink2 A {
	text-decoration: none;
	color: #000000;
}

.legendlink2 a:hover {
	text-decoration: none;
	color: #666666;
}


.leftlink1 {background-color: #ffffff;
	position:absolute; width:250; height:400; left:50; top:315; z-index=5;;
        font-family: Arial, Helvetica, sans-serif; font-size: 13px; color:#333333;  line-height: 1.3em;
        overflow: hidden;
}
.leftlink1 A.type1 {
        position:relative;
        padding-left: 25px;
        padding-bottom: 8px;
        display:block; font-size: 13px;
	text-decoration: none; font-weight: bold;
        background: url(images/triangle_off.jpg) no-repeat left 0px;
	color: #104354;
}

.leftlink1 a.type1:hover {
        position:relative;
        padding-left: 25px;
        padding-bottom: 8px;
        display:block; font-size: 13px;
	text-decoration: none; font-weight: bold;
        background: url(images/triangle_on.jpg) no-repeat left 0px;
	color: #104354;
}
.leftlink1 A.type1on {
        position:relative;
        padding-left: 25px;
        padding-bottom: 8px;
        display:block; font-size: 13px;
	text-decoration: none; font-weight: bold;
        background: url(images/triangle_on.jpg) no-repeat left 0px;
	color: #104354;
}

.leftlink1 a.type1on:hover {
        position:relative;
        padding-left: 25px;
        padding-bottom: 8px;
        display:block; font-size: 13px;
	text-decoration: none; font-weight: bold;
        background: url(images/triangle_on.jpg) no-repeat left 0px;
	color: #104354;
}
.leftlink1 A {
        position:relative;
        padding-left: 25px;
        padding-bottom: 8px;
        display:block; font-size: 13px;
	text-decoration: none; font-weight: bold;
        background: url(images/triangle_blank.jpg) no-repeat left 0px;
	color: #666666;
}

.leftlink1 a:hover {
        position:relative;
        padding-left: 25px;
        padding-bottom: 8px;
        display:block; font-size: 13px;
	text-decoration: none; font-weight: bold;
        background: url(images/triangle_blank.jpg) no-repeat left 0px;
	color: #000000;
}

.homebody {background-color: #ffffff;
	position:absolute; left:0; top:284; z-index=5;
        font-family: Arial, Helvetica, sans-serif; font-size: 13px; color:#333333;  line-height: 1.3em;
        overflow: auto; overflow-x: hidden;
        width:654px !important; /*moz width*/
        width:954px; /*IE width*/
        height:180px !important; /*moz height*/
        height:180px; /*IE height*/
	padding-left: 150px;
	padding-right: 150px;
	padding-top: 0px;
	padding-bottom: 0px;
}
.homebody A {
        display:inline; font-size: 13px;
	text-decoration: underline;
	color: #b66d43;
}

.homebody a:hover {
        display:inline; font-size: 13px;
	text-decoration: underline;
	color: #8ba77c;
}

.homebody1 {background-color: #ffffff;
	position:absolute; left:340; top:284; z-index=5;
        font-family: Arial, Helvetica, sans-serif; font-size: 13px; color:#333333;  line-height: 1.3em;
        overflow: auto; overflow-x: hidden;
        width:520px !important; /*moz width*/
        width:580px; /*IE width*/
        height:360px !important; /*moz height*/
        height:420px; /*IE height*/
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 30px;
	padding-bottom: 30px;
}

.homebody1 A {
        display:inline; font-size: 13px;
	text-decoration: underline;
	color: #b66d43;
}

.homebody1 a:hover {
        display:inline; font-size: 13px;
	text-decoration: underline;
	color: #8ba77c;
}

.homebody2 {background-color: #ffffff;
	position:absolute; left:0; top:464; z-index=5;
        font-family: Arial, Helvetica, sans-serif; font-size: 13px; color:#333333;  line-height: 1.3em;
        overflow: hidden;
        width:834px !important; /*moz width*/
        width:954px; /*IE width*/
        height:180px !important; /*moz height*/
        height:180px; /*IE height*/
	padding-left: 60px;
	padding-right: 50px;
	padding-top: 0px;
	padding-bottom: 0px;
}
.homebody2 A {
        display:inline; font-size: 13px;
	text-decoration: none;
	color: #ffffff;
}

.homebody2 a:hover {
        display:inline; font-size: 13px;
	text-decoration: none;
	color: #ffffff;
}
.homebody2 img {
	padding-left: 0px;
	padding-right: 0px;
}
.bottomhome {line-height:60px;
        background-color:#ffffff;
	position:absolute; width:330; height:60; left:610; top:700; z-index=2;
}

.footer {line-height:27px;
        background-color:#023043;
	position:absolute; width:954; height:28; left:0; top:772; z-index=2;
        font-family: Arial, Helvetica, sans-serif; font-size: 14px;
}
.footer A {
        position:relative;
        display:inline;
	padding-top: 8px;
	padding-bottom: 5px;
	padding-left: 9px;
	padding-right: 9px;
        display:inline; font-size: 14px;
	text-decoration: none; font-weight: bold;
	color: #999999;
}

.footer a:hover {
        position:relative;
        display:inline;
	padding-top: 8px;
	padding-bottom: 5px;
	padding-left: 9px;
	padding-right: 9px;
        display:inline; font-size: 14px; font-weight: bold;
	text-decoration: none;
	color: #ffffff;
}
