<style type="text/css">
<!--
body {
background-color:#ffffff;
margin: 10px;
padding: 10;
font-size: 11px; font-weight: 550;
font-family: arial, verdana, helvetica,  sans-serif;
 }
img1 {
float:left;
margin:0 0 5px 10px;
border: 1px solid black; 
text-align: left;
} 

img {
float:"";
margin:0 0 15px 20px;
border: 1px solid black; 
text-align: left;
} 

h4 {font-family: arial, verdana,  helvetica, sans-serif; font-size: 11px;
      color: #0000cc;
}

h1 {
font-family:  comic sans ms,  verdana, arial,  helvetica, sans-serif;
margin: 0 0 12px 0; text-align: center;
font-size: 35px; height:40px;
padding: 0;
color: #0000cc; text-decoration: underline;
}
h2 {
font-family:  arial, verdana, sans-serif;
margin: 0 0 5px 0;
padding: 0;
font-size: 16px;text-align: center;
color: navy;
}
h3 {
font-family: comic-sans-ms, arial, verdana, sans-serif;
margin: 0 0 5px 0;
padding: 0;
font-size: 12px;
color: #000000;

}
p {
font-family: arial, verdana, helvetica, sans-serif;
line-height: 1.0;
margin: 0 0 16px 0;
padding: 0;
font-size: 11px; font-weight: 520;
color: #000000;
}
.content>p {
margin: 0;
}
.content>p+p {
text-indent: 30px;
}

.bl3,.bl6,.bl8,.bl10,.bl12 {background:url(bl.gif) 0 100% no-repeat #ffbb33; width:98%; text-align:justify }
.bl2 {background:url(bl.gif) 0 100% no-repeat #ffbb33; width:98%; text-align:justify; padding:10px}
.bl {background:url(bl.gif) 0 100% no-repeat; width:98%; text-justify}
.br {background:url(br.gif) 100% 100% no-repeat}
.tl {background:url(tl.gif) 0 0 no-repeat}
.tr {background:url(tr.gif) 100% 0 no-repeat}
.tr2 {background:url(tr.gif) 100% 0 no-repeat; padding:10px}
img {border:0}


.bl5,.bl7,.bl9,.bl11,.bl13 {background:url(bl.gif) 0 100% no-repeat #ffccff;  width:98%;  text-align:justify   }
.bl2 {background:url(bl.gif) 0 100% no-repeat #ffccff; width:98%;  text-align:justify;  padding:10px}
.bl {background:url(bl.gif) 0 100% no-repeat; width:98%;  text-align:justify }
.br {background:url(br.gif) 100% 100% no-repeat}
.tl {background:url(tl.gif) 0 0 no-repeat}
.tr {background:url(tr.gif) 100% 0 no-repeat}
.tr2 {background:url(tr.gif) 100% 0 no-repeat; padding:10px}
img {border:0}

a {
color: #0000cc;
font-family: arial, verdana,  helvetica, sans-serif;
font-weight: 600;
text-decoration: none;
}
a:link {
color:#0000ff;
}
a:visited {
color: blue;
}
a:hover {
background-color: #ff99cc;
}
/* All the content boxes belong to the content class. */
.content {
position: relative;
width: auto;
min-width: 140px;
margin: 0 200px 20px 200px;
border: 0px solid black;
background-color:"";
padding: 10px;
z-index: 3;
}
ul.square {list-style-type: square}
ul.image {list-style-image: url('arr_1.gif')}
#nav{
   white-space : nowrap;
   background-color : #003399;
   float : left;
    color : White;
   width : 100%;
   border-style : solid; 
   border-color : #0066CC;
   border-width : 2px 0 2px 0; 
} 
#nav ul{
   padding : 0;
   margin : 0;
   float : center;
}
#nav ul li{
   display : inline;
}
#nav ul li a{
   padding-left : 1em;
   padding-right : 1em;
   background-color : #003399;
   color : White;
   font-weight : 600;
   font-size: 11px;
   text-decoration : none;
   float : left;
   border-right-color : #0066CC;
   border-right-style : solid;
   border-right-width : 1px;
}
#nav ul li a:hover{
   background-color : #99CCFF;
   color : #000066;
} 

#navleft {
position: absolute;
width: 150px;
top: 160px;
left: 20px;
background-color:"" <!--#ccffcc -->;
font-size: 11px; font-weight: bold;
border: 0px solid;
padding: 10px;
z-index: 2;
}
#navright {
position: absolute;
width: 150px;
top: 160px;
right: 10px;
font-size: 11px; font-weight: bold;
border: 0px solid;
background-color:"";
padding: 10px;
z-index: 1;
}
-->
</style>