/* Formatting */
body { 
  background-color:rgb(255, 255, 240);
  color:black;
  font-family:Avenir, Optima, Helvetica, Ariel, Sans Serif;
  margin:0 auto;
  padding:10px;
  margin:10px; 
}

p {
  
}
a { 
  color:firebrick;
  text-decoration:none;
}

a:hover {
  color:DarkSlateGray;
  text-decoration:underline;
}

h1, h3 { 
  font-family:Lucida Grande, Calibri,  Gill Sans, Sans Serif;
  font-variant:small-caps;
}

img {
  border:2px black solid;
  margin-top:10px; 
}
#nav { 
  background-color:rgb(255, 255, 240);
  text-color:DarkGray;
  font-size:25px;
  font-family:Avenir;
  font-variant:small-caps;
}

#nav li { 
  display:block;
  padding:25px 0px 25px 0px;
}

#nav a {
  text-decoration:none;
}
#nav a:hover {
  text-decoration:underline;
}
#footer {
  font-size:85%;
  font-variant:small-caps;
  font-family:Avenir;
}

#footer a:hover {
  text-decoration:underline;
}
/* Styling */
html,
body {
    margin:0;
    padding:0;
}
#body {
    width:960px;
    margin:0 auto;
}
#header {
    padding:10px;
    text-align:center;
}
#col1 {
    float:left;
    width:275px;
    padding:1px;
    
}
#content-2 {
    float:right;
    width:640px;
}
#col2 {
    float:left;
    width:460px;
    margin-top:0px; 
    padding:0px 5px 0px 5px;
    
}
#col2 ol {
  width:420px;
}
#col3 {
    float:right;
    width:150px;
    padding:0px;
    margin-top:-40px; 
}
#footer {
  background:#beige;
  color:#black;
  display: block;
  text-align:center;
  clear:both;
  margin-top:3em;
  padding:1em 0 2em;
}
/* Easy clearing of floats (see http://positioneverything.net/easyclearing.html) */
.cf:after {
        display:block;
        clear:both;
        height:0;
        visibility:hidden;
        content:" ";
        font-size:0;
}
/* Does not validate – use conditional comments for this bit if you want valid CSS */
/*.cf {*zoom:1;}*/