body {
  font-family: 'Armata', sans-serif;
  background-image:url('background.gif');
  background-repeat:repeat;
}

#container{
  margin-left: auto;
  margin-right: auto;
  width: 90%;
}

#header {
  width: 100%;
  height: 80px;
  background: #005bbb;
  border-bottom: 8px solid #ffd500;

}

#header h1 {
  float: left;
  margin-left: 20px;
  color: #ffd500;
}

#header p {
  float: left;
  padding: 20px 20px;
  color: #ffd500;
}

#navigation{
  float: left;
  width: 100%;
  background: #005bbb;
}

#navigation ul{
    margin: 0;
    padding: 0;
    list-style: none;
    }

#navigation li{
    display: inline;
    margin: 0;
    padding: 0;
    }

#navigation li a{
  text-decoration: none;
  float: left;
  padding: 5px 10px;
  color: #fff;
  display: inline-block;
  text-align:center;
  border-right:1px solid #fff;
}

#navigation li a:hover { background: #000; }

#content{
float: left;
width: 100%;
margin-left: 0;
margin-right: -100%;
height: 700px;
padding: 0;
}

#content h2{
margin: 0;
}

#content li{
color: #005bbb;
padding: 0px 0px 10px 0px
}

#content li a{
text-decoration: none;
color: #005bbb;
}

#left-nav {
float: left;
width: 78px;
height: 700px;
margin: 0;
padding: 0;
background-image:url('patern.gif');
  background-repeat:repeat-y;
}

#right-nav {
float: right;
width: 78px;
height: 700px;
margin: 0;
padding: 0;
background-image:url('patern.gif');
  background-repeat:repeat-y;
}

#footer
{
clear: both;
margin: 0;
padding: 5px 10px;
background-color: #ffd500;
}

p.center {text-align:center;} 
p.blue {
text-align:center;
color: #005bbb;
}
p.italic { font-style: italic;}

div.left
{
float: left;
width:370px;
padding:10px;
border: none;
margin:10px;
}

div.right
{
float: left;
width:220px;
padding:10px;
border:5px solid #0066ad;
border-radius: 15px;
-moz-border-radius: 15px;
background-color: #93cddd;
margin:10px;
}