<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>sytle sheet</title>
</head>
<body>
/*stylesheet*/
/*style rules for the page body*/

#body {

   /*text info*/
      font-family:"book antiqua", times, sans-serif;
      color:#eae4ef;
      text-align:center;
      margin: 0;
      padding: 0;
      }


         

#main {
    margin: 1em;
    /*margin-left must equal total witdth of left sidebar*/
    margin-left: 10em;
    padding-left: 20px;
    padding-right:10px;
    margin-right: 10em;
    align:center;
    }

#sidebarleft {
    float: left;
    display: inline;
    padding: 0;
    margin: 1em;
    width: 10em;
    /*total width is 12em*/
}

#sidebarright {
      font-family:"Pegasus", book antiqua, times, sans-serif;
    float: right;
    display: inline;
    padding: 0;
    margin: 1em;
    width: 10em;
    /*total width is 12em*/  
     }



/*page header style*/
#header{

     width: 100%;
     background-image:url("icon/Bg_DiamondPlate.gif");
     background-repeat:repeat;
     border-bottom: thin solid #191970;
     text-align: center;
     }


/*page Footer style*/
#footer{

     width: 100%;
     background-image:url("icon/Bg_DiamondPlate.gif");
     background-repeat:repeat;
     border-top: thin solid #191970;
     clear: both;
     width: 100%;
     }


      /*style rule h1 headings*/
h1  {
     font-family: Arial, helvetica;
     
     color:#560007;
     font-size:xx-large;
     text-align:center;
     }


      /*style rule h2 headings*/
h2  {
     font-family: "arial black", impact, charcoal, fantasy;
     color:#6c000a;
     text-align:center;
     }

     
      /*style rule h3 headings*/
h3  {
     font-family: arial, helvetica, san-serif;
     color:#960014;
     font-style:italic;
     text-align:center;
     }

h5  {
     font-family: arial, helvetica, san-serif;
     color:#560007;
     text-align:center;
     }
     

     /*generic style class for highlighting text*/
.hilite{
     background-color:#ffff00;
     }
     
     /*paragraphs styled as tips*/
p.tip{
      background-color:#d4ecfb;
      margin-left:80px;
      margin-right:80px;
      padding:5px;
      border:solid thin #167a58;
      text-align: left;
      font-size: x-large;
      }


      
/*paragraphs styled as warning*/

p.warning {
         background-color:#ebf5fc;
         margin-left:80px;
         margin-right:80px;
         padding:10px;
         border:solid thin #ff0000;
         text-align: left;
         font-size: large;
         }

/*float image to left of paragraph*/
img.floatleft{
     float: left;
     margin-right: 5px;
     }
     
/*float image to right of a paragraph*/
img.floatright{
    float: right;
    }

/*center image between margins*/
    div.center{
    width: 100%;
    text-align: center;
    }

/* Style for tables of thumbnail images */
table.thumbs{
   text-align: center;
   border-collapse: collapse;
}

/* Style for table cells that contain thumbnails */
td.thumbs{ 
   border: solid 5px #044476;
   padding: 12px;
   spacing:12px;
   vertical-align:center;
   horizontal-align:center;
   
}
/* Style for thumbnail images */
img.thumbs{
   width:100px;
   border-width:0px;
}


/* general style for horizontal lines */
hr {
    backgound-color:#ff0000;
    color:#ff0000;
    width:80%;
    height: 12px;
}

<div style="width: 100%; text-align=center;">

</div>

</body>
</html>


    