html{height: 100%;}

#wrapper {
width:960px;
background-color:#cbcfda;
margin:0 auto;
}

body
{ font-family: "lucida sans", arial, sans-serif;
  padding: 0px;
  margin: 0px;
  font-size: .78em;
  color: #5D5D5D;
  background-color:#003;
  }


p
{ margin: 0px;
  padding: 0px 0px 16px 0px;
  line-height: 1.7em;}

h1, h2, h3, h4, h5, h6 
{ font: normal 179% 'century gothic', arial, sans-serif;
  color: #43423F;
  margin: 0 0 15px 0;
  padding: 15px 0 5px 0;}


h2
{ font: normal 170% 'century gothic', arial, sans-serif;
  color: #B60000;}

h3
{ font: normal 125% 'century gothic', arial, sans-serif;}

h4, h5, h6
{ margin: 0;
  padding: 0 0 5px 0;
  font: normal 120% arial, sans-serif;
  color: #B60000;}

h5, h6
{ font: italic 95% arial, sans-serif;
  color: #888;}

h6
{ color: #362C20;}

a, a:hover
{ border-bottom: 1px dotted;
  color: #000000;
  text-decoration: none;}

aside {
width: 130px;
padding: 1em;
border: 3px solid black;
position: absolute;  /* change to fixed for fixed positioning */
right: 450px;
top: 250px;
}

.slide-container {
  position: relative;
  height: 420px;
  overflow: hidden;
}
.slide-container img {position: absolute; top:0; left:0; opacity:0;}
.slide1 {animation: fade 20s infinite;}
.slide2 {animation: fade 20s 4s infinite;}
.slide3 {animation: fade 20s 8s infinite;}
.slide4 {animation: fade 20s 12s infinite;}
.slide5 {animation: fade 20s 16s infinite;}  

-moz.slide-container img {position: absolute; top:0; left:0; opacity:0;}
-moz.slide1 {animation: fade 20s infinite;}
-moz.slide2 {animation: fade 20s 4s infinite;}
-moz.slide3 {animation: fade 20s 8s infinite;}
-moz.slide4 {animation: fade 20s 12s infinite;}
-moz.slide5 {animation: fade 20s 16s infinite;}

@keyframes fade {
  0%   {opacity: 0;}
  10%  {opacity: 1;}
  20%  {opacity: 1;}
  30%  {opacity: 0;}
  40%  {opacity: 0;}
  50%  {opacity: 0;} 
  60%  {opacity: 0;}
  70%  {opacity: 0;}
  80%  {opacity: 0;}
  90%  {opacity: 0;}
  100% {opacity: 0;}
}


img
{ border: 0px; 
  margin: 0px; 
  padding: 0px;}

a
{ outline: none;}

form
{ padding: 0; 
  margin: 0;}

.left
{ float: left;
  margin-right: 10px;}

.right
{ float: right; 
  margin-left: 10px;}

.center
{ display: block;
  text-align: center;
  margin: 0 auto;}

blockquote
{ margin: 20px 0px 20px 0px; 
  padding: 10px 20px 0px 20px;
  border: 1px solid #E5E5DB;
  background: #FFF;}

ul
{ margin: 2px 0px 18px 16px;
  padding: 0px;}

ul li
{ list-style-type: square;
  margin: 0px 0px 6px 0px; 
  padding: 0px;}

ol
{ margin: 8px 0px 0px 24px;
  padding: 0px;}

ol li
{ margin: 0px 0px 11px 0px; 
  padding: 0px;}

#main, #header, #nav, #content, #footer
{ margin-left: auto; 
  margin-right: auto;}

#main
{ padding-bottom: 40px;}

#header {
width:960px;
height:150px;
margin:0 auto;
margin-bottom:40px;
} 

#nav {
width:960px;
height:40px;
}

 

#nav a {

display:inline;

padding:10px;

text-decoration:none;

background-color:#e1e1e2;
}

 

#nav a:hover {

background-color:#b4ccec;

height:80px;

} 
 

#content {
width: 730px;
float:left;
overflow: hidden;
margin: 0 auto 0 auto;
padding: 10px 20px 20px 20px;
} 
 

#sidebar {
width:170px;
float:right;
margin-bottom:25px;
} 

#sidebar a {
text-decoration:none;
}

#sidebar li {
list-style:none;
}



#footer {

clear:both;

width:960px;

height:200px;

border-top:1px solid #003;

}

 

#footer p {

padding:10px;

}