/* Intermediate CSS & XHTML    stylesheet.css */

/* Universal style rule */
*{
  /* Block all browser default margins and padding */
  margin:0;
  padding:0;
  /* Temporary borders */
  /* border:dashed 1px #f00; */
 }
 
 
#wrapper{
  width: 45em;
  background-color:#F3F6F8;
  /* Center the wrapper */
  margin: 0 auto auto 15em;
}

body {
  font-family:Georgia, Times, Serif;
  color:#fff;
  background-color:#D2D2D2;
  background-image:url("images/ARfilmstrip.jpg");
  background-repeat:repeat-y;
  }
  

 #header
 {
 width:44em;
 height:6.75em;
 margin:2em auto;
 
 }
 
 /* navigation bar */
 
  #navbar
  {
  width:32.65em;
  height:5em;
  margin:0 auto;
  
 }

 a.navbar
 {
   float: left;
   width: 75px; 
   padding: 5px;
   border-right: 1px solid #E4E2F8;
   border-left: 1px solid #E4E2F8;
   border-bottom: 1px solid #E4E2F8;
   border-top: 1px solid #E4E2F8;
   font-family: georgia;
   font-size: 8pt;
   font-weight: bold;
   text-decoration: none;
   text-align: center;
 }
 
 a.navbar:link
 {
   color:#000000;
   background:#D2D2D2;
 }
 
 a.navbar:visited
 {
   color:#ffffff;
   background-color:#2A2F33;
 }
 
 a.navbar:hover
 {
   color: #C09791;
   background:#2A2F33;
 }
 
 a.navbar:active
 {
   color:#ffffff;
   background:#2A2F33;
 }



 #content
 {
 width:44em;
 height:43em;
 margin:0 auto;
 padding-top:1em;
 
 }
 
 
 /* paragrah styled as floating box to right */
 p.floatright {
   float: right;
   background-color:#8A5A05;
   margin-left:1em;
   margin-top:1em;
   width: 15em;
   height: 3.25em;
   padding:5px;
   border:solid thin #1F2159;
  }
 
 
  #footer
  {
  width:44em;
  height:2em;
  margin:0 auto;
  padding-left:15em;
  
 }
 
 /* 
 



<div id="content">
I am in the content division
</div><!-- End content -->

<div id="footer">
I am in the footer division
</div><!-- End footer -->

*/.