/* CSS Document */
* {margin:0; padding:0;}
body {margin:20px; font-family:Geneva, Arial, Helvetica, sans-serif;}
div#header {
    width:800px;
	  height:120px;
	  border: 1px solid #067EC5;
	  background-color:#F1F8FF;
}
div#header a {display:block; height:100%; width:100%;} /*makes link fill div */
div#msaslogo {
      width:200px; /* set width of nav element */
  float: left;
}

div#msastitle {
      width:550px;
      color:#0000FF;
  float: right;
}

div#wrapper {
      width:800px;
	  float:left; /* floated left to ensure it encloses the floated nav and content divs */
	  border: 1px solid #067EC5;
	  background-color:#F1F8FF;
}
div#navigation {
      width:200px; /* set width of nav element */
	  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:#CEF0FC; /* 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:.8em /* set font size of nav element */
}
div#navigation ul {
/*      width:200px; */
      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:underline; /* underlines type when rolled over */
      background-color:#F1F8FF; /* changes background color when link is rolled over */
}
div#content {
      width:500px;
      padding:1em 20px;
      float:left; /* floating this div as well as the nav div forms two columns */
      font-size:.8em; /* overall sizing for content area */
}
div#content h1 {
        font-size:1.6em;
    	margin-top:.3em;
        color:#067EC5;
}
div#content h2{font-size:1.4em; margin-top:.6em;}
div#content h3{font-size:1.2em; margin-top:.9em;}
div#content ul {
      margin:1em 20px;
}
div#content li {
      list-style-type:none;
      margin:0 0 .5em 0;
      text-align: justify;
}
div#content a {
      color: #1A78BE;
      text-decoration:none;
}
div#content a:hover {
      text-decoration:none;
}
div#content p{
  text-align: justify;
}

div#footer {
           width:100%;
           float:left;
           font-size:0.7em;
}
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;
}