<style type="text/css">
<!--
body {
background-color:#fff999;  
margin: 10px;
padding: 10;
font-size: 10px; text-align:justify;
font-family: arial, verdana, helvetica,  sans-serif;
color:black;
}
h1 {
font-family: comic-sans-ms, arial, verdana,  helvetica, sans-serif;
margin: 0 0 12px 0;
font-size: 15pt; text-decoration: underline; text-align: center;
padding: 0;
color: #0000ff;
}
h2 {
font-family:arial, sans-serif;
margin: 0 0 5px 0;
padding: 0;
font-size:8pt; text-decoration:;font-weight: 600; text-align:left;
color: blue;
}
h3 {
font-family: comic-sans-ms, arial, verdana, sans-serif;text-align: center;
margin: 0 0 5px 0;
padding: 0;
font-size: 11pt;
color: blue;
}
.bl3,.bl6,.bl8,.bl10,.bl12 {background:url(image/bl.gif) 0 100% no-repeat #ffbb33; width:98%; text-align:justify }
.bl2 {background:url(image/bl.gif) 0 100% no-repeat #ffbb33; width:98%; text-align:justify; padding:10px}
.bl {background:url(image/bl.gif) 0 100% no-repeat; width:98%; text-justify}
.br {background:url(image/br.gif) 100% 100% no-repeat}
.tl {background:url(image/tl.gif) 0 0 no-repeat}
.tr {background:url(image/tr.gif) 100% 0 no-repeat}
.tr2 {background:url(image/tr.gif) 100% 0 no-repeat; padding:10px}
img {border:0}


.bl5,.bl7,.bl9,.bl11,.bl13 {background:url(image/bl.gif) 0 100% no-repeat #ffccff;  width:98%;  text-align:justify   }
.bl2 {background:url(image/bl.gif) 0 100% no-repeat #ffccff; width:98%;  text-align:justify;  padding:10px}
.bl {background:url(image/bl.gif) 0 100% no-repeat; width:98%;  text-align:justify }
.br {background:url(image/br.gif) 100% 100% no-repeat}
.tl {background:url(image/tl.gif) 0 0 no-repeat}
.tr {background:url(image/tr.gif) 100% 0 no-repeat}
.tr2 {background:url(image/tr.gif) 100% 0 no-repeat; padding:10px}
img {border:0}



imge {
float:center;
margin:0 0 5px 10px;
border:1px black;
text-align:left;
}

ul.image {list-style-image: url('arr_3.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}>


.content>p {
margin: 0; 
}
.content>p+p {
text-indent: 4px; 
}

p1 {border-left:medium solid #000000 }

a {
color: #0000cc;
font-family: arial, verdana,  helvetica, sans-serif; font-size:8pt;
font-weight: 800;
text-decoration: none;
}
a:link {
color:0000ff;
}

a:active {
color: navy; font-weight:800; 
}

a:visited {
color:navy;  font-weight:800;
}

a:hover {
background-color: #ff99cc;
}
/* All the content boxes belong to the content class. */
.content {
position: relative;
width: 350;
font-family: arial, verdana,  helvetica, sans-serif; font-size:10pt; color:#000000;  text-align:justify;  weight:normal;
min-width: 180px;
margin: 0 175px 20px 190px;
border: 0px solid black;
background-color:""; 
padding: 10px;
z-index: 3;
}

.ul {font-family:verdana, arial,   helvetica, sans-serif;
font-weight: bold; font-size:6px;
text-decoration: none; }



#nav{
   white-space : nowrap;
   background-color :#fff999;
   float : center;
    color : White;
   width : 100%;
   border-style : solid; 
   border-color :#fff999;
   border-width : 2px 0 2px 0; 
} 
#nav ul{
   padding : 0;
   margin : 0;
   float :left;
}
#nav ul li{
   display : inline;
}
#nav ul li a{
   padding-left : 2px;
   padding-right : 1em;
   background-color : #fff999;
   color : blue;
   font-weight : bold;
   text-decoration : none;
   float : left;
   border-right-color : #fff999;
   border-right-style : solid;
   border-right-width : 2px;
   top: 280px
}
#nav ul li a:hover{
   background-color : #ffffcc;
   color : #0000ff;
} 

#navlist {
        color: blue;
        background: #17a;
        border-bottom: 0.2em solid #17a;
        border-right: 0.2em solid #17a;
        padding: 0 1px;
        margin-left: 0;
        width: 12em;
        font: normal 10px Verdana, sans-serif;
}

#navlist li {
        list-style: none;
        margin: 0;
        font-size: 1em;
}

#navlist a {
        display: block;
        text-decoration: none;
        margin-bottom: 0.3em;
        margin-top: 0.3em;
        color: blue;
        background: #fc0;
        border-width: 1px;
        border-style: solid;
        border-color: #5bd #035 #068 #6cf;
        border-left: 0.1em solid #fc0;
        padding: 0.25em 0.5em 0.1em 0.15em;
}

#navlist a#current { border-color: #5bd #035 #068 #f30; }

#navlist a {
        width: 80%;
        /* only necessary for Internet Explorer */
}

#navlist a {
        voice-family: "\"}\"";
        voice-family: inherit;
        width: 16em;
        /* 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: white;
        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;
}
#navleft {
position: absolute;
width: 130px;
top: 20px;
left: 10px;
font-size:10pt; font-weight: 600;
border: 0px solid;
background-color: #ffffff;
padding: 10px;
z-index: 2;
}

#navright {
position: absolute;
width: 140px;
top:80px;
right: 10px;
font-size:10pt; font-weight: 600;
border: 0px solid;
background-color: "ffffff";
padding: 10px;
z-index: 1;
}

-->
</style>