/* CSS Document */
* {margin:0; padding:0;}
body {margin:20px; font-family:Geneva, Arial, Helvetica, sans-serif;}
div#header {
    width:800px; 
	  height:105px; 
	  background-color:#F0CAA6; 
	  border-bottom:#800080 2px;
	  }
div#wrapper {
      width:800px; 
	
	  border: 1px solid #800080;
	  background-color:white;
margin-left:auto; 
margin-right:auto; 
clear:both;
	  } 
div#navigation {
      width:200px; /* set width of nav element */
background-color:white;
	  float:left; /* moves nav up and to left as far as possible within contaning body element */
	  margin: 20px 6px 6px 10px; /* small margin on right and bottom of element stops content div text touching it */
	  background-color:#F0CAA6; /* set background color of nav element */
	  border:1px solid #067EC5; /* set border of nav element */
      font-family: Verdana, Arial, Helvetica, sans-serif; /* set font of nav element */
	  font-size: 12 /* set font size of nav element */

	  }

div#menu {

               background-color:#800080;
               width=800px;
               height=25px;
               }

div#navigation ul {
      margin:12px 10px; /* create t/b & l/r space around menu items on background */
      border-top:1px dotted #999966; /* add a line over the first item in the menu */
	  }
div#navigation li {
      list-style-type:none; /* remove the bullets off the list */
      border-bottom:1px dotted #999966; /* add a line under each menu item */
	  }
div#navigation a {
      display:block; /* change the link elements from inline (default) to block so they fill the 'li' elements */
	  padding:3px 10px;   /* create t/b & l/r space around the the link text - indents text from start of lines */
	  color: #000;  /* sets link color */
	  text-decoration:none; /*removes underlining */
	  } 
div#navigation a:hover {
      color: #000; /* color of type when rolled over */
	  text-decoration:none; /* underlines type when rolled over */
	  background-color:#800080; /* changes background color when link is rolled over */
	  }
div#content {
      width:540px;
	  	padding:1em 20px;
	  	float:left; /* floating this div as well as the nav div forms two columns */
	  	font-size:.75em;
                background-color:white;
	  }
div#content h1 {
    	margin-top:2px;
	  	color:#800080;
	  }
div#content ul {
      margin:1em 20px;
	  }
div#content li {
      list-style-type:none;
	  	margin:0 0 .5em 0}
div#content a {
      color: #1A78BE;
	  }
div#content a:hover {
      text-decoration:none;
	  }
div#footer {
			width:100%; 
			float:left;
                        background-color:#800080;
		}
div#footer p {
			font-size:.7em;
			text-align:center;
			margin:3px 20px;
                        
		}
div#footer p a {
      color: #1A78BE;
	  }
div#footer p a:hover {
			text-decoration:none;
		}