<style type="text/css">
 * {
background-color:#f5f1d8;
} 
body {
background-color:#f5f1d8;
margin: 10px;
padding: 10;
font-size: 12px;
font-family: arial, verdana, helvetica,  sans-serif;
}
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: comic-sans-ms, arial, verdana, sans-serif;
margin: 0 0 5px 0;
padding: 0;
font-size: 10pt; text-decoration: underline;
color: blue;
}
h3 {
font-family: comic-sans-ms, arial, verdana, sans-serif;
margin: 0 0 5px 0;
padding: 0;
font-size: 11px;
color: red;
}
.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}>

 /* banner{
font-family: arial, helvetica, verdana, sans-serif;
line-height: 1.0;
margin: 0 0 16px 0;
padding: 0;
font-weight: +500;
color: #000000;
} */
.content>p {
margin: 0; 
}
.content>p+p {
text-indent: 4px; 
}

a {
color: teal;
font-family: arial, verdana,  helvetica, sans-serif;
font-weight: bold; font-size: 1.0em;
text-decoration: none;
}
a:link {
color:blue; font-weight:600;
}
a:visited {
color: blue;
}
a:hover {
background-color: #ff99cc;
}
/* All the content boxes belong to the content class. */
.content {
position: relative;
width: 550;
min-width: 180px;
margin: 0 175px 20px 190px;
border: 0px solid black;
background-color:"";
padding: 10px;
z-index: 3;
}

#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 :center;
}
#nav ul li{
   display : inline;
}
#nav ul li a{
   padding-left : 2em;
   padding-right : 2em;
   background-color : #003399;
   color : White;
   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 : #99CCFF;
   color : #000066;
} 

#navleft {
position: absolute;
width: 140px;
top: 80px;
left: 20px;
font-size:11px; font-weight: 600;
border: 0px solid;
background-color:#f5f1d8;
padding: 10px;
z-index: 2;
}

#navright {
position: absolute;
width: 150px;
top:80px;
right: 20px;
font-size:11px; font-weight: 600;
border: 0px solid;
background-color:#f5f1d8;
padding: 10px;
z-index: 1;
}

-->
</style>
<!-- <link rel="stylesheet" type="text/css" href="ex2.css" title="Horizontal Menu"/><!-- This is used to attach the stylesheet to the page -->-->
