<style>

<style>
    
    #site {
    width: 650px;
    margin-left: auto;
    margin-right: auto;
    background-color: #ffffff;
    }
    
    
    #container {
    width: 650px;
    margin-left: auto;
    margin-right: auto;
    background-color: #ffffff;
    border: 1px solid #000000;
    }

 
    #top {
    margin-left:auto;
    margin-right:auto;
    background-color: #ffffff;
    border-bottom: 1px solid black;
    width: 650px;
    height: 105px;
    padding:0;
    margin:0;
    }
    
    #content {
    width: 630px;
    height: 580px;
    background-image: url("images/background1.jpg");
    background-repeat: repeat-x; 
    font-size: 100%;
    padding: 10px;
    }
    
    #photocontent {
    width: 630px;
    height: 10px;
    background-image: url("images/background1.jpg");
    background-repeat: repeat-x; 
    font-size: 100%;
    padding: 0px;
    }
    
    #photocontent background-image {
    padding: 10px;
    }
    
    #content p {
    text-indent: 3em;
    margin-left: 15px;
    margin-right: 15px;
    }
    
    #content h2 {
    font-variant: small-caps;
    }
    
    #top li {
    display: inline;
    list-style-type: none;
    margin: 0;
    padding: 0;
    float: left;
    }

    #top ul {
    list-style: none;
    margin: 0;
    padding: 0;
    }
    
    #top img {
    display: block;
    }
    
    .signature {
    margin-left: 67%;
    }
    
    .temporary {
    text-align: center;
    }
    
body {color: #000; font-size:1em;}
* {margin:0; padding:0;}
/* START OF THE FORM CSS */
div#formcontainer {width:390px; margin-left:40px;}
div#formcontainer h3 {margin:20px 0 0 10px; font-weight:bold; font-size:.8em;} /* adjust top margin for your context */
div#formcontainer h4 {margin:0 0 5px 10px; font-weight:normal; font-size:.75em;}
div#formcontainer form  {border-top: 2px solid #000; border-bottom: 3px solid #000;} /* the top border is visually 1 px thicker because it touches the div.clearfix bordertop */
div#formcontainer div.clearfix {border: none; padding:10px 0px; vertical-align:top;} /* adds the line above each section and provides vertical spacing */
div#formcontainer form label {width:120px; float:left;font-size:.75em; color: #000;   margin:0 10px;} /* this is the text label on the left of each input */
/*some extra styles for the checkbox and radio button sets*/	
div#formcontainer div.buttongroup {float:left; margin:0px; padding:0px;} /* a container for a groups of buttons - suppresses the clearfix div top border on the divs around the radio buttons/checkboxes */
div#formcontainer div.buttongroup div {margin-bottom:5px; font-size:.75em;} /* wrapper for the INPUT and its text - margin-bottom sets the vertical distance between buttons */
div#formcontainer div.buttongroup input {margin-right:5px;} /* set the distance between button and its label text */
/* postions the submit button by selecting a div with attribute type SUBMIT - IDWIMIE */
div#formcontainer input[type="submit"] {display:block; margin-left:auto; margin-right:10px;}
/* END OF THE FORMS CSS*/

/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */
/* simply add the clearfix class to any containter that must enclose floated elements */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: ".";              /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */
}

.clearfix {display: inline-block;}   /* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */
</style>
