* { margin:0; padding:0; }
body, div, span, p, a, img, ul, ol, li, table, th, tr, td, form, fieldset, legend, dl, dt, dd, blockquote, applet, object { border:0; }

/*body*/

body {
  position: relative;
  top: 20px;
  width: 1000px;
  margin: 0 auto;
  background: #fff url("../img/bg1.gif") repeat-y;
  background-position: top center;
  color: #354146; 
}

a { color: #1666A3; }
a:link { color: #1666A3; }
a:hover { color: #0b4775; }
h1, h2, h3, h4, h5, h6, p { margin:15px 10px 10px 10px; }
h2, h3, h4, h5, h6, p { font-size: 80%; }
h2 { font-size:130%; color: #354146;font-weight: bold; }

/*floor*/

#floor {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #01112A url("../img/floor.gif");
  background-position: top center;
  background-repeat: no-repeat;
  z-index: -1;
}

/*container*/

#container {
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif;
/*  border: 1px solid red;*/
  background: #fff;
  float: left;  /* fixes the bug whereby the background does not show when items are floated later */
}

/*header*/

#header {padding: 20px 0px 20px; text-align: left;}
#header a {text-decoration: none;}

/*navigation*/

#nav ul {list-style: none; height: 35px; background: #316d77; margin: 5px; padding: 5px }
#nav ul li a {
  display: block; 
  float: left;
  font-size: 85%;
  color: #fff;
  text-decoration: none;
  padding: 12px 20px 10px;
  text-align: center;
}
#nav ul li a:hover{
  text-decoration: underline;
}

/*content*/

.columns {list-style: none;}
.columns li {float: left; width: 32%;  
}

/*footer*/

#footer {
  width:1000px; 
  margin:0 auto;
  clear:both;
  font-size: 85%;
  padding-top: 20px;
  padding-bottom: 200px;
  color: #898989;
}
#footer a {text-decoration: none;}
#footer .f-left {float: left; padding: 0 10px;}
#footer .f-right {float: right; padding: 0 10px;}