<STYLE type=text/css>
<!--

body {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; 
        PADDING-TOP: 0px; 
} 
DIV {
	BORDER-RIGHT:brown 2px solid; PADDING-RIGHT: 10px; BORDER-TOP: brown 0px solid; 
PADDING-LEFT: 5px; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: brown 0px solid;
border-right:brown 0px solid; PADDING-TOP: 0px; BORDER-BOTTOM: brown 0px solid;font-family:arial, verdana, helvetica, sans-serif;
}
h1 { font-family:comic-sans-ms, Arial, sans-serif; weight: bold; color: blue; font-size:16pt; text-align:center;
}
h2 { font-family:comic-sans-ms, Arial, sans-serif; weight: bold; color: blue; font-size:14pt;text-align:center;
}
h3 { font-family:comic-sans-ms, Arial, sans-serif; weight: bold; color: blue; font-size: 12pt;text-align:center;
}

h4 { font-family:Arial, sans-serif; weight: bold; color:000000; font-size: 10pt;text-align:left;
}

#ul, li {font-family:Arial, sans-serif; weight: bold;  color: blue; font-size:12px;}

#title {LEFT: 10px; WIDTH: 90%; POSITION: absolute; TOP: 30px;  
}
#navigation {right: 10px; WIDTH: 140px;  POSITION: absolute; TOP: 50px;
}

#content {LEFT: 10px; WIDTH: 68%; POSITION: relative; TOP: 80px; font-family:arial, verdana, helvetica, sans-serif; font-size:9pt; text-align:justify;
}
P {MARGIN: 10px 5px 1em; font-family: Arial, sans-serif; font-size: 9pt; weight: normal; color: #000000; 
}
a {
color: teal;
font-family: arial, verdana,  helvetica, sans-serif;
font-weight: bold; font-size: 11px;
text-decoration: none;
}
a:link {
color:blue; font-weight:600;
}
a:visited {
color: blue;
}
a:hover {
background-color: #ff99cc;
}
ul.image {list-style-image: url('arr_1.gif')}
 ul.disc {list-style-type: disc} 
 ul.circle {list-style-type: circle} 
 ul.square {list-style-type: square} 
 ul.none {list-style-type: none} 
#navcontainer>#navlist a {
 
      width: auto;
        /*   only necessary if you use the hacks above for the Internet Explorer */
}

      #navlist {
        color: white;
        background: "";
        border-bottom: 0em solid #17a;
        border-right: 0.2em solid #17a;
        padding: 0 1px;
        margin-left: 0;
        width: 16em;
        font: normal 12px Verdana, sans-serif;
}

#navlist li {
        list-style: none;
        margin: 0;
        font-size: 1em;
}

#navlist a {
        display: block;
        text-decoration: none;
        margin-bottom: 0.5em;
        margin-top: 0.5em;
        color: #ffff66;
        background: #39c;
        border-width: 1px;
        border-style: solid;
        border-color: #5bd #035 #068 #6cf;
        border-left: 1em solid #fc0;
        padding: 0.25em 0.5em 0.4em 0.75em;
}

#navlist a#current { border-color: #5bd #035 #068 #f30; }

#navlist a {
        width: 99%;
        /* only necessary for Internet Explorer */
}

#navlist a {
        voice-family: "\"}\"";
        voice-family: inherit;
        width: 12em;
        /* Tantek-hack should only used if Internet-Explorer 6 is in standards-compliant mode */
}

#navcontainer>#navlist a {
 
      width: auto;
        /*   only necessary if you use the hacks above for the Internet Explorer */
}

                    #navlist a:hover, #navlist a#current:hover {
        background: #28b;
        border-color: #069 #6cf #5bd #fc0;
        padding: 0.4em 0.35em 0.25em 0.9em;
}

#navlist a:active, #navlist a#current:active {
        background: #17a;
        border-color: #069 #6cf #5bd white;
        padding: 0.4em 0.35em 0.25em 0.9em;
}


-->
</STYLE>


