body{
  background: url('images/stripe_bg.gif') #333333 repeat;
  margin: 10px 0px 0px 0px;
  padding: 0px;
  }

/* ----- HEADER CONTROL ----- */  

#top{
  background: url('images/top.gif') no-repeat;
  width: 801px;
  height: 32px;
  margin-left: auto;
  margin-right: auto;
  }
  
#header{
  background: url('images/header.jpg') no-repeat;
  width: 801px;
  height: 125px;
  margin-left: auto;
  margin-right: auto;
  }
  
#logo{
  padding: 8px 0px 5px 13px;
  }
  
/* ----- LAYOUT ----- */
  
#main{
  margin: 0px;
  padding: 0px;
  padding-top: 20px;
  background: url('images/content_bg.gif') repeat-y;
  width: 801px;
  margin-left: auto;
  margin-right: auto;
  font-family: arial, sans-serif;
  font-size: 0.9em;
  color: #333333;
  }

/* ----- NAVIGATION ----- */
  
#navigation{
  float: left;
  padding: 15px;
  padding-top: 0px;
  padding-right: 25px;
  border-right: 2px solid #cccccc;
  width: 160px;
  }

#navigation h1{
  font-family: impact, sans-serif;
  font-size: 1.3em;
  font-weight: 100;
  color: #ffffff;
  letter-spacing: 0.2em;
  display: block;
  width: 160px;
  padding-left: 0.5em;
  margin-bottom: 0.5em;
  margin-top: 10px;
  background-color: #660000;
  }
  
#navigation p{
  padding: 1px 0px 3px 0.7em;
  margin: 0px;
  }
  
#navigation ul{
  list-style: circle;
  padding-left: 0px;
  margin-left: 22px;
  margin-top: 0px;
  }
  
#navigation li{
  margin-bottom: 2px;
  }
  
#navigation ul a{
  color: #666666;
  font-size: 0.8em;
  }
  
#navigation ul a:hover{
  text-decoration: none;
  }
  
#navigation a{
  color: #660000;
  }

/* ----- CONTENT ----- */  
  
#content{
  margin-left: 217px; /* To leave space for the navigation */
  width: 565px;
  }
  
#content h1{
  font-family: impact, sans-serif;
  font-size: 1.3em;
  font-weight: 400;
  color: #ffffff;
  letter-spacing: 0.2em;
  display: block;
  width: 558px;
  padding-left: 0.5em;
  margin-bottom: 0.5em;
  margin-top: 10px;
  background-color: #660000;
  }
  
#content h2{
  font-family: impact, sans-serif;
  font-size: 1.1em;
  font-weight: 200;
  color: #660000;
  letter-spacing: 0.2em;
  padding-left: 0.5em;
  margin-bottom: 0.5em;
  margin-top: 10px;
  }
  
#content p{
  margin-left: 0.7em;
  }
  
#content a{
  color: #660000;
  }
  
#content img{
  padding: 3px;
  border: 1px #660000 solid;
  }
  
#content img.right{
  float: right;
  margin: 10px 0px 10px 10px;
  }
  
#content img.left{
  float: left;
  margin: 10px 10px 10px 0px;
  }
  
#content img.icon{
  margin: 0px 4px -2px 4px;
  padding: 0px;
  border: none;
}
/* ----- FOOTER ----- */

#footer{
  margin: 0px;
  padding: 0px;
  background: url('images/content_bg.gif') repeat-y;
  width: 801px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  padding-bottom: 10px;
  }
  
#footer h1{
  font-family: impact, sans-serif;
  font-size: 1.1em;
  font-weight: 400;
  color: #ffffff;
  letter-spacing: 0.2em;
  display: block;
  width: 760px;
  padding-left: 0.5em;
  margin-bottom: 0.5em;
  margin-top: 0px;
  margin-left: 15px;
  background-color: #660000;
  text-align: center;
  }
  
#footer ul{
  width: 760px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0px;
  margin-right: auto;
  font-family: arial, sans-serif;
  font-size: 0.8em;
  color: #333333;
  text-align: center;
  }

#footer ul{
  margin: 5px 0px;
  padding: 5px 0px;
  }
    
#footer li{
  list-style: none;
  display: inline;
  margin: 5px;
  }
  
#footer ul a{
  color: #660000;
  }
  
#footer hr{
  width: 85%;
  }
 
/* ----- GENERAL ----- */
img{
  border: none;
  }
  
.skiplink {
	position: absolute;
  top: -200px;
  }
  
.hide{
	display: none;
  }
  
a:hover{
  text-decoration: none;
  }