@charset "utf-8";
/* CSS Document */

html {
    height: 100%;
}
body {
  margin:0; padding:0;
  height:100%;
    margin: 0;
    background-repeat: no-repeat;
    background-attachment: fixed;
  font-size:12px;
  text-align:left;
    font-family: 'Lucida Grande',Verdana,Arial,Sans-Serif;
  /* IE10 */ 
  background-image: -ms-linear-gradient(top, #D5D6D7 0%, #B1B2B3 100%);
  /* Mozilla Firefox */ 
  background-image: -moz-linear-gradient(top, #D5D6D7 0%, #B1B2B3 100%);
  /* Opera */ 
  background-image: -o-linear-gradient(top, #D5D6D7 0%, #B1B2B3 100%);
  /* Webkit (Safari/Chrome 10) */ 
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #D5D6D7), color-stop(1, #B1B2B3));
  /* Webkit (Chrome 11+) */ 
  background-image: -webkit-linear-gradient(top, #D5D6D7 0%, #B1B2B3 100%);
  /* Proposed W3C Markup */ 
  background-image: linear-gradient(top, #D5D6D7 0%, #B1B2B3 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#D5D6D7', EndColorStr='#B1B2B3'); /* IE6-IE9 */
}
#layoutWrapper {
  max-width:1000px;
  margin:auto;
  border:1px solid #999;
  box-shadow: 3px 3px 3px #aaa;
  border-radius:10px;
}

header {
  border-bottom:1px solid #000;
  border-top-left-radius:10px;
  border-top-right-radius:10px;
margin:1px;
}
header h1 { margin:0; text-align:center; color: #fff; padding:0.75em 0;
/* IE10 */ 
background-image: -ms-linear-gradient(top, #0000EB 0%, #000066 100%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top, #0000EB 0%, #000066 100%);

/* Opera */ 
background-image: -o-linear-gradient(top, #0000EB 0%, #000066 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #0000EB), color-stop(1, #000066));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top, #0000EB 0%, #000066 100%);

/* Proposed W3C Markup */ 
background-image: linear-gradient(top, #0000EB 0%, #000066 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#0000EB', EndColorStr='#000066'); /* IE6-IE9 */
}

footer {
  background-color:#000066;
  border-bottom-left-radius:10px;
  border-bottom-right-radius:10px;
  color:#ccc;
  margin:1px;
  text-align:center; 
  padding:0.25em;
}
footer ul {
  list-style:none;
  margin:0;
  padding:0;
}
footer ul li { display: inline; margin:0 2px; }
footer a {
  color:#ccc;
}


nav { float:left; width:200px;  }
nav ul { list-style-type: none; margin:0; padding:0; }
nav ul li {  }
nav ul li a { padding:3px; color: #fff; text-decoration:none; background-color:#000066; display:block;}
nav ul li a:hover { background-color:#fff; color:#000066; }
#layoutBody { background-color:#ddd; position:relative; }
#content { float:left; width:780px; padding:10px; margin:0; background-color:#fff; }
#siteTitle, header .banners { background-color:#fff; text-align:center;    border-top-left-radius:10px;
  border-top-right-radius:10px; min-height:70px; }
#bannersRight{ position: absolute; top:0; right:0; }