@media screen, print, projection 
{

body {
background-color: #f8efe4;
}

img {
padding: 2px;
} 

ul
{
list-style: square;
margin: 1;
padding: 1;
border: none;
font-size: 80%; 
font-family: verdana, arial, sans-serif; 
}

#header {
position: absolute;
top: 3%;
left: 2%;
width: 98%;
Text-Align: center;
font-size: 80%;
height: auto;
z-index: 1;
background-color: #9ab49a; 
}

#menu {
position: absolute;
top: 27%;
left: 2%;
width: 100%;
Text-Align: center;
height: auto;
z-index: 1;
background-color: #9ab49a; 
}


A.menubar {
font-size:        small;
font-family:      verdana, arial, helvetica, sans-serif;
font-style:       normal;
font-weight:      bold;
color:            black;
background-color: #9ab49a;
text-decoration:  none;
}

A.menubar:hover   {
font-size:        small;
font-family:      verdana, arial, helvetica, sans-serif;
font-style:       normal;
font-weight:      bold;
color:            blue;
background-color: #f8efe4;
text-decoration:  underline;
}


#maintop {
position: absolute;
top: 32%;
left: 2%;
padding: 1em;
width: 65%;
background-color: transparent;
}


#mainleft {
position: absolute;
left: 10px;
padding: 1em;
top: 32%;
width: 65%;
height: auto;
z-index: 1;
}

#navicoright {
position: absolute;
left: 73%;
top: 35%;
width: 25%;
background-color: #9ab49a;
border: 1px solid #608060;
padding: 6px;
}

#indexnavtab {
position: relative;
padding: .2em;
width: 400px;
height: 270px;
left: 10%;
background-color: #9ab49a;
border: 2px ridge #608060;
top: 1%;
text-align: center;
z-index: 2;
}

#indexnav1 {
position: absolute;
top: 11px;
left: 8px;
width: 127px;
background-color: #f8efe4;
z-index: 3;
border: 1px solid #608060;
}

#indexnav2 {
position: absolute;
top: 11px;
left: 137px;
width: 127px;
background-color: #f8efe4;
border: 1px solid #608060;
z-index: 3;
}

#indexnav3 {
position: absolute;
top: 11px;
left: 266px;
width: 127px;
background-color: #f8efe4;
border: 1px solid #608060;
z-index: 3;
}

#indexnav4 {
position: absolute;
left: 8px;
top: 111px;
width: 127px;
background-color: #f8efe4;
border: 1px solid #608060;
z-index: 3;
}

#indexnav5 {
position: absolute;
top: 111px;
left: 137px;
width: 127px;
background-color: #f8efe4;
border: 1px solid #608060;
z-index: 3;
}

#indexnav6 {
position: absolute;
top: 111px;
width: 127px;
left: 266px;
background-color: #f8efe4;
border: 1px solid #608060;
z-index: 3;
}

P {
Color: black;
Font-Size: 80%;
Font-Weight: normal;
Font-Style: normal;
Text-Align: left;
}

.linechange {
        font-weight: bold;
}

P.one {
Color: black;
Font-Size: 75%;
Font-Weight: normal;
Font-Style: normal;
Text-Align: left;
}

P.two {
Color: #9ab49a;
Font-Size: 75%;
Font-Weight: normal;
Font-Style: normal;
Text-Align: left;
}

P.three {
Color: black;
Font-Size: 75%;
Font-Weight: normal;
Font-Style: normal;
Text-Align: left;
} 

P.four {
Color: #f8efe4;
Font-Size: 90%;
Font-Weight: bold;
Font-Style: normal;
Text-Align: center;
} 

P.five {
Color: black;
Font-Size: 75%;
Font-Weight: bold;
Font-Style: normal;
Text-Align: center;
}

h1 {
Color: #608060;
Font-Size: 120%;
Font-Weight: bold;
Font-Style: normal;
Text-Align: center;
}

H2 {
Color: #608060;
Font-Size: 95%;
Font-Weight: bold;
Font-Style: normal;
Text-Align: left;
}


A.grnnav:LINK
{
Color: #304030;
Font-Family: Verdana, Arial, Sans-Serif;
Font-Size: 90%;
Font-Weight: bold;
Font-Style: normal;
Text-Align: left;
Text-Decoration: underline;
}

A.grnnav:VISITED
{
Color: #304030;
Font-Family: Verdana, Arial, Sans-Serif;
Font-Size: 90%;
Font-Weight: bold;
Font-Style: normal;
Text-Align: left;
}

A.grnnav:HOVER
{
Color: blue;
Font-Family: Verdana, Arial, Sans-Serif;
Font-Size: 90%;
Font-Weight: bold;
Font-Style: normal;
Text-Align: left;
Text-Decoration: underline;
}

A.grnnav2:LINK
{
Color: #304030;
Font-Family: Verdana, Arial, Sans-Serif;
Font-Size: 75%;
Font-Weight: bold;
Font-Style: normal;
Text-Align: center;
Text-Decoration: underline;
}

A.grnnav2:VISITED
{
Color: #304030;
Font-Family: Verdana, Arial, Sans-Serif;
Font-Size: 75%;
Font-Weight: bold;
Font-Style: normal;
Text-Align: center;
}

A.grnnav2:HOVER
{
Color: blue;
Font-Family: Verdana, Arial, Sans-Serif;
Font-Size: 75%;
Font-Weight: bold;
Font-Style: normal;
Text-Align: center;
Text-Decoration: underline;
}




a .hint1 {display: none;}
a:hover .hint1 {display: block;
   position: absolute;
   float: none; 
   left: -15%; 
   top: 235px; 
   width: 425px;
   color: #f8efe4; 
   font-size: 85%;
   font-family: verdana, arial, helvetica, sans-serif; 
   text-align: center; 
   font-weight: bold; 
   text-decoration: none;
   border: 0;
   z-index: 2;
   }
   
a .hint2 {display: none;}
a:hover .hint2 {display: block; 
    position: absolute;
   left: -115%; 
   top: 235px;
   width: 425px;
   color: #f8efe4; 
   font-size: 85%;
   font-family: Verdana, arial, helvetica, sans-serif; 
   text-align: center; 
   font-weight: bold; 
   text-decoration: none;
   z-index: 2;
   }
   
a .hint3 {display: none;}

a:hover .hint3 {display: block;
   position: absolute; 
   left: -210%; 
   top: 230px; 
   width: 405px;
   color: #f8efe4; 
   font-size: 85%;
   font-family: Verdana, arial, helvetica, sans-serif; 
   text-align: center; 
   font-weight: bold; 
   text-decoration: none;
   z-index: 2;
   }
   
   a .hint4 {display: none;}
a:hover .hint4 {display: block;
   position: absolute; left: -5%; top: 125px; width: 425px;
   color: #f8efe4; 
   font-size: 85%;
   font-family: Verdana, arial, helvetica, sans-serif; 
   text-align: center; 
   font-weight: bold; 
   text-decoration: none;
   z-index: 2;
   }

   
   a .hint5 {display: none;}
a:hover .hint5{display: block;
   position: absolute; left: -80%; top: 120px; width: 325px;
   color: #f8efe4; 
   font-size: 85%;
   font-family: verdana, arial, helvetica, sans-serif; 
   text-align: center; 
   font-weight: bold; 
   text-decoration: none;
   z-index: 2;
   }

   
   a .hint6 {display: none;}

a:hover .hint6 {display: block;
   position: absolute; left: -180%; top: 120px; width: 325px;
   color: #f8efe4; 
   font-size: 85%; 
   font-family: verdana, arial, helvetica, sans-serif; 
   text-align: center; 
   font-weight: bold; 
   text-decoration: none;
   z-index: 2;
   }


A.grnnav3:LINK
{
Color: #304030;
Font-Family: verdana, arial, sans-serif;
Font-Size: 80%;
Font-Weight: bold;
Font-Style: normal;
Text-Align: center;
Text-Decoration: underline;
}

A.grnnav3:VISITED
{
Color: #304030;
Font-Family: verdana, arial, sans-serif;
Font-Size: 80%;
Font-Weight: bold;
Font-Style: normal;
Text-Align: center;
Text-Decoration: underline;
}

A.grnnav3:HOVER
{
Color: blue;
Font-Family: Verdana, Arial, Sans-Serif;
Font-Size: 80%;
Font-Weight: bold;
Font-Style: normal;
Text-Align: center;
Text-Decoration: underline;
}



   
A.normtext:LINK
{
Color: blue;
Font-Family: Verdana, Arial, Sans-Serif;
Font-Size: 90%;
Font-Weight: bold;
Font-Style: normal;
Text-Align: left;
Text-Decoration: none;
}

A.normtext:VISITED
{
Color: blue;
Font-Family: Verdana, Arial, Sans-Serif;
Font-Size: 90%;
Font-Weight: bold;
Font-Style: normal;
Text-Align: left;
Text-Decoration: none;
}


A.normtext:HOVER
{
Color: green;
Font-Family: Verdana, Arial, Sans-Serif;
Font-Size: 90%;
Font-Weight: bold;
Font-Style: normal;
Text-Align: left;
Text-Decoration: underline;
}





}