html {Overflow-y:scroll;}
BODY {
      background-color : #FFFFFF;
      font-family : Arial, Helvetica, Sans-Serif;
      font-size: 10 pt;
      color : #000;
      margin: 0px; 
      }


a.navigation  {  	text-decoration: none; color:#333399; line-height:1.9em;}
a.navigation:visited {color:#333399;}
a.navigation:hover {  	color: #3399ff; text-decoration: underline}
		
a       {  	text-decoration: none; color:#333399;}
a:visited {color:#556699;}
a:hover {  	color: #3399ff; text-decoration: underline}		


sup {font-family: Arial, Helvetica, San-Serif;
	 font-weight: normal;
	 line-height: 0.5em;
	 font-size: 70%;
	 vertical-align: super;
	 color:red;
}
img {	border:none}		
		

h1 {	color: #666688; /*#5a5a75;59596e#666688*/
	font-family: Arial, Helvetica, Sans-Serif;
	font-weight: bold;
	font-size: 20pt;
	text-align: left;
	}

h2 {	color: #000000;
	font-family: Arial, Helvetica, San-Serif;
	font-weight: bold;
	font-size: 16pt;
	text-align: left;
	}
	
h3 {	color: #000000;
	font-family: Arial, Helvetica, San-Serif;
	font-weight: bold;
	font-size: 12pt;
	text-align: left;
	}

h4 {	color: #000000;
	font-family: Arial, Helvetica, San-Serif;
	font-weight: bold;
	font-size: 10pt;
	text-align: left;
	}

UL {	font-family: Arial, Helvetica, San-Serif; 
	font-size: 10pt; 
	color: #000
	}
	
p {	font-family: Arial, Helvetica, Sans-Serif;}
.p10left {
    padding-left:10px;
    font-family: Arial, Helvetica, San-Serif; 
	font-size: 10pt; 
	font-style:normal;
	color: #000;
	text-align:left;
	font-weight:normal
	}

.p10	{margin-left:10px}
.p25a	{margin-left:25px}
.p50	{margin-left:50px}
.p75	{margin-left:75px}
.p100	{margin-left:100px}
.p150	{margin-left:150px}
.p200	{margin-left:200px}

.p25 {	font-family: Arial, Helvetica, San-Serif;
	font-size: 10pt; 
	color: #000;
	padding: .4cm; 
	padding-left: .4cm;
	padding-right: .4cm;
	margin-left: 1cm;
	margin-right: 2cm;
    	border-width: 0px; 
    	background-color: #eec;
    	}

.a6 {	font-family: Arial, Helvetica, San-Serif; 
	font-size: 6pt; 
	color: #000
	}
.a7 {	font-family: Arial, Helvetica, San-Serif; 
	font-size: 7pt; 
	color: #000
	}

.a8 {	font-family: Arial, Helvetica, San-Serif; 
	font-size: 8pt; 
	color: #000
	}
	
.a8b {	font-family: Arial, Helvetica, San-Serif; 
	font-size: 8pt; 
	color:#333399;
	}	
	
a8b:visited {color:#333399;}
a8b:hover {  color: #3399ff;	
		text-decoration: underline}
	
.a10 {	font-family: Arial, Helvetica, San-Serif; 
	font-size: 10pt; 
	color: #000
	}
	
.a12 {	font-family: Arial, Helvetica, San-Serif; 
	font-size: 12pt; 
	color: #000
	}
	
.a14 {	font-family: Arial, Helvetica, San-Serif; 
	font-size: 14pt; 
	color: #000
	}
	
.table50 {
	width: 50%;
	}

.table90 {
	width: 90%;
	}
	
.table100 {
	width: 100%;
	}

.td0 {	border:0;
	background-color: #eec;
	padding-left: 8px; 
	}

.td4 {	border:0;
	background-color: #eec;
	padding: 4px; 
	}
.td8 {	border:0;
	background-color: #eec;
	padding: 8px; 
	}
		
.td50 {	border:0;
	width: 50%; 
	background-color: #eec;
	padding: 8px; 
	}
	
        .imagetip
        {
            position: relative;
            z-index: 0;
        }

        .imagetip:hover
        {
            background-color: transparent;
            z-index: 50;
        }

        .imagetip span /*CSS for enlarged image*/
        {
            position: absolute;
            background-color: white;
            padding: 5px;
            left: -100px;
            border: 1px solid black;
            visibility: hidden;
            color: black;
            text-decoration: none;
        }

        .imagetip span img /*CSS for enlarged image*/
        {
            border-width: 0;
            padding: 1px;
        }

        .imagetip:hover span /*CSS for enlarged image on hover*/
        {
            visibility: visible;
            top: -350px;  /*  location of top edge of popup */
            left: 50px; /*position where enlarged image should offset horizontally */
        }
        
.a8hang {	font-family: Arial, Helvetica, San-Serif; 
	font-size: 8pt; 
	color:#000;
	margin:3px 0px 0px 35px;
	text-indent:-17px;
	text-align:left;
	}        
.a10hang {	font-family: Arial, Helvetica, San-Serif; 
	font-size: 10pt; 
	color: #000;
	margin:7px 0px 0px 15px;
	text-indent:-15px;
	text-align:left;
	}	
.a10hang2 {	font-family: Arial, Helvetica, San-Serif; 
	font-size: 10pt; 
	color: #000;
	margin:3px 0px 0px 15px;
	text-indent:-15px;
	text-align:left;
	}	
	
.line {
width:600px;
color:#000;
background-color:#000;
border:0; 
height:2px;
}
.line2 {
width:600px;
color:#EEEECC;
background-color:#EEEECC;
border:0; 
height:2px;
}
		
/*  USED for Main & Geodata top menu*/
span#TopMenu {font-family:Arial, Helvetica, Sans-Serif;font-size:12px;font-weight:bold;background-color:#EEEECC;} 


/*  USED for Main & Geodata top menu*/
span#MenuItem1 {font-family:Arial,Helvetica, Sans-Serif;font-size:12px;font-weight:bold;background-color:#EEEECC;
    line-height:250%; vertical-align:middle;margin:0px 0px 0px 0px;padding:5px 7px 5px 7px;}  
span#MenuItem1 a{width:100%;color:#000000;text-decoration:none;display:block;background-color:#EEEECC;
    margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}
span#MenuItem1 a:visited {background:#EEEECC;color:#000000;}
span#MenuItem1 a:hover {background:#C8C8A6;color:#FFFFFF;}
span#MenuItem1 {display:block;float:left;text-align:center;vertical-align:bottom;}
span#MenuItem1 a.selected {background:#C8C8A6;}


/*  USED for Main & Geodata top menu*/
span#MenuItem2 {font-family:Arial, Helvetica, Sans-Serif;font-size:12px;font-weight:bold;background-color:#EEEECC;
    line-height:125%;vertical-align:middle;margin:0px 0px 0px 0px;padding:5px 7px 5px 7px;} 
span#MenuItem2 a{width:100%;color:#000000;text-decoration:none;display:block;background-color:#EEEECC;
    margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}
span#MenuItem2 a:visited {background:#EEEECC;color:#000000;}
span#MenuItem2 a:hover {background:#C8C8A6;color:#FFFFFF;}
span#MenuItem2 {display:block;float:left;text-align:center;vertical-align:bottom;}
span#MenuItem2 a.selected {background:#C8C8A6;}


/*  USED for Main & Geodata top menu*/
span.MenuItem-2 {font-family:Arial, Helvetica, Sans-Serif;font-size:12px;font-weight:bold;background-color:#EEEECC;
    line-height:125%;vertical-align:middle;margin:0px 0px 0px 0px;padding:5px 7px 5px 7px;} 
span.MenuItem-2 a{width:100%;color:#000000;text-decoration:none;display:block;background-color:#EEEECC;
    margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}
span.MenuItem-2 a:visited {background:#EEEECC;color:#000000;}
span.MenuItem-2 a:hover {background:#C8C8A6;color:#FFFFFF;}
span.MenuItem-2 {display:block;float:left;text-align:center;vertical-align:bottom;}
span.MenuItem-2 a.selected {background:#C8C8A6;}

/* use these classes (above ids wrong)
span.MenuItem-1 {font-family:Arial,Helvetica, Sans-Serif;font-size:12px;font-weight:bold;background-color:#EEEECC;
    line-height:250%; vertical-align:middle;margin:0px 0px 0px 0px;padding:5px 7px 5px 7px;}  
span.MenuItem-1 a{width:100%;color:#000000;text-decoration:none;display:block;background-color:#EEEECC;
    margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}
span.MenuItem-1 a:visited {background:#EEEECC;color:#000000;}
span.MenuItem-1 a:hover {background:#C8C8A6;color:#FFFFFF;}
span.MenuItem-1 {display:block;float:left;text-align:center;vertical-align:bottom;}
span.MenuItem-1 a.selected {background:#C8C8A6;}  */


/* use these classes (above ids wrong) */
div.TopMenu {
	float:left;
	font-family:Arial, Helvetica, Sans-Serif;
	font-size:12px;
	font-weight:bold;
	background-color:#EEEECC;
	width:800px;
	height:250%;
    margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;} 

span.MenuItem-1 {

	background-color:#EEEECC;
    line-height:250%; 
	margin:0px 0px 0px 0px;
	padding:5px 0px 5px 0px;
	}  
	
span.MenuItem-1 a{
	width:auto;color:#000000;
	text-decoration:none;
	display:block;
	background-color:#EEEECC;
    margin:0px 5px 0px 5px;
	padding:0px 9px 0px 9px;
	text-align:center;
	font-family:Arial,Helvetica, Sans-Serif;
	font-size:12px;
	font-weight:bold;
	}
	
span.MenuItem-1 a:visited {background:#EEEECC;color:#000000;}
span.MenuItem-1 a:hover {background:#C8C8A6;color:#FFFFFF;}
span.MenuItem-1 {display:block;float:left;text-align:center;vertical-align:bottom;}
span.MenuItem-1 a.selected {background:#C8C8A6;}


/*  NOT USED. id definition, same as menu class below*/
ul#menu li ul{display:none;}
ul#menu li:hover>ul{display:block;}
ul#menu{float:left;}
ul#menu, ul#menu ul{border:none;list-style:none;margin:0px;padding:0px;width:100%;_width:130px;}
ul#menu ul{position:absolute;top:-1px;left:100%;}
ul#menu li{text-align:left;position:relative;margin:0px;padding:0px;display:inline;}
ul#menu a{display:block;width:100%;color:#685d84;text-decoration:none;padding-bottom:4px;font-size:x-small}
ul#menu a:hover{background:#C8C8A6;width:100%;color:#FFFFFF;}
p{margin-left:0px;}

/*  menu class definition */
ul.menu li ul{display:none;}
ul.menu li:hover>ul{display:block;}
ul.menu{float:left;list-style-type:none;}
ul.menu, ul.menu ul{border:none;list-style:none;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;width:100%;_width:130px;}
ul.menu ul{position:absolute;top:-1px;left:100%;}
ul.menu li{text-align:left;position:relative;margin:0px;padding:0px;display:inline;}
ul.menu a{display:block;width:100%;color:#333399;text-decoration:none;padding-bottom:4px;font-size:8pt;}
ul.menu a:hover{background:#C8C8A6;color:#FFFFFF;}
p{margin-left:0px;}

/*  menu2 class definition */
ul.menu2 li ul{display:none;}
ul.menu2 li:hover>ul{display:block;}
ul.menu2{float:left;list-style-type:none;}
ul.menu2, ul.menu2 ul{border:none;list-style:none;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;width:100%;_width:130px;}
ul.menu2 ul{position:absolute;top:-1px;left:100%;}
ul.menu2 li{text-align:left;position:relative;margin:0px;padding:0px;display:inline;}
ul.menu2 a{display:block;width:100%;color:#0000ff;text-decoration:none;padding-bottom:4px;font-size:8pt;}
ul.menu2 a:hover{background:#C8C8A6;color:#FFFFFF;}
ul.menu2 a:visited{color:#685d84;}
p{margin-left:0px;}

ul.menu3 li ul{display:none;}
ul.menu3{float:left;list-style-type:none;display:block;width:100%;text-decoration:none;padding-bottom:4px;font-size:8pt;}

.heading20 {
height: 30px;
/*background-color: #EEEECC;    */
background-color:#666688;
line-height:30px;
text-align:left;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 7px;
font-size: 10pt; 
/* color: #000 */
color: #fff;
}
a.heading20:hover {
color: #fff;
text-decoration: underline;
}

a.heading20:visited {
color: #fff;
}

.heading20b {
height: 40px;
/*background-color: #EEEECC;    */
background-color:#666688;
line-height:20px;
text-align:center;
margin:0px 0px 0px 0px;
padding:3px 0px 3px 0px;
font-size: 10pt; 
/* color: #000 */
color: #fff;
}

div.box {
border: 0px solid #666688;
margin:0px 0px 7px 0px;
padding:4px;
background-color:#fff;
}

.miPage {
position:absolute;
left:50%;
text-align:center;
width:800px;
margin:0px 0px 0px -400px;
background-color:#EEEECC;
z-index:100;
}

.miPageBanner {
position:absolute;
left:50%;
text-align:center;
width:935px;
margin:0px 0px 0px -467px;
background-color:#fff;
z-index:100;
}

.header {
display:block;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
z-index:1;
width:800px;
}
.main {
clear:both;
display:block;
position:relative;
margin:0px 0px 0px 0px;
top:0px;
left:0px;
z-index:2;
height:auto;
}


.mainMiddle {
position:absolute; 
width:170px;
top:0px;
left:200px;
margin:0px 0px 0px 0px;
border:0px;
background-color:white;
z-index:3; 
background-color:#EEEECC;
padding:0px;
z-index:2;

}

.mainLeft {
position:relative;
float:left;
border:0px;
padding:0px;
z-index:2;
margin:0px 0px 0px 10px;
top:0px;
left:0px;
width:200px;
z-index:2;

}

.mainRight {
position:relative;
float:right;
top:0px;
right:0px;
border:0px;
z-index:3;
margin:0px 10px 0px 0px;
width:200px;
padding:0px;
z-index:2;

}


.footer {
clear:both;
display:block;
position:relative;
width:auto;
text-align:center;
top:0px;
margin:0px 0px 0px 0px;
right:3px;
z-index:1;
}