/* BASIC STRUCTURE */

body {
  background:#fff;
  background-image:url('../images/bg.png');
  background-repeat:repeat-x;
  padding:0 0 0 30px;
  text-align:center;
  font-family: Trebuchet, Helvetica, Verdana, Arial, sans-serif;
  }

div#wrapper {
  position:relative;
  width:900px;
  margin:0 auto 0 auto;
  text-align:left;
  }

/* HEADER */

#header {
  position:absolute;
  left: 20px;
  top: 0px;
  width:900px;
  height:100px;
  padding:7px 10px;
  float:left;
  background-image:url('../images/header.png');
  background-repeat:no-repeat;
  z-index:2;
  }
  
a {
  color:#fea930;
  text-decoration:none;
  }
  
a:hover {
  text-decoration:underline;
  }
  
/* SUMMARY SPAN */

.summarybox {
   position:relative;
   text-align:center;
   width: 400px;
   border-style: solid;
   border-width: 1px;
   background: #fea930;
   margin-left: 30px;
   margin-bottom:20px;
 }

/* MENU */

#menu {
  position:absolute;
  top: 120px;
  width: 859px;
  left: 20px;
  padding:7px 10px;
  float:left;
  background:#fea930;
  border-bottom-style:solid;
  border-bottom-width:1px;
  border-bottom-color:#000;
  border-top-style:double;
  border-top-width:1px;
  border-top-color:#000;
  border-left-style:solid;
  border-left-width:1px;
  border-left-color:#000;
  border-right-style:solid;
  border-right-width:1px;
  border-right-color:#000; 
  z-index:1;
  }

#menu ul{
  margin: 0; 
  padding: 0;
  float: left;
  }
  
#menu ul li{
  display: inline;
  }

#menu ul li a{
  float: left; 
  text-decoration: none;
  text-align:center;
  color: #000; 
  padding: 10.5px 0;
  width: 100px;
  margin-right: 5px;
  background-color: #fea930;
  background-image:url('../images/button.png'); 
  background-repeat:no-repeat;
  }

#menu ul li a:visited{
  color: #000;
  }

#menu ul li a:hover, .menu ul li .current{
  color: #fff;
  }

/* CONTENT LEFT */

#contenttop {
  position:absolute;
  background: #fff;
  float:left;
  top: 170px;
  left: 20px;
  width:879px; 
  height: 120px;
  padding:20px 0 20px 0;
  border-left-style:solid;
  border-left-width:1px;
  border-left-color:#000;
  border-right-style:solid;
  border-right-width:1px;
  border-right-color:#000; 
  }
  
#topleft {
  position:absolute;
  left: 0px;
  top: 5px;
  width: 650px;
  height: 120px;
  }
  
#topright {
  position:absolute;
  left: 660px;
  width: 200px;
  top: 30px;
  height: 120px;
  }
  
#topright ol li {
  font-size:1.0em; 
  font-weight:bold;
  color:#201c1d;
  line-height:110%;
  text-align:left;
  list-style-type:lower-roman;
  color:#fea930;
  }
  
#contenttop h1 {
  font-size:1.0em; 
  margin:5px 0;
  color:#201c1d;
  line-height:140%;
  padding-bottom:1.3em;
  margin-left:10px;
  font-weight:normal;
  }
  
#contenttop p {
  font-size:1.0em; 
  margin:5px 0;
  color:#201c1d;
  line-height:140%;
  padding-bottom:1.3em;
  margin-left:10px;
  }
  
#contentleft {
  position:absolute;
  background: #fff;
  float:left;
  top: 290px;
  left: 20px;
  width:430px; 
  height: 400px;
  padding:20px 0 0 0;
  border-left-style:solid;
  border-left-width:1px;
  border-left-color:#000;
  border-bottom-style:solid;
  border-bottom-width:1px;
  border-bottom-color:#000; 
  }
  
#contentleft h1 {
  font-size:1.0em;
  margin:5px 0;
  color:#201c1d;
  margin-left:10px;
  }
  
#contentleft h2 {
  font-size:1.0em;
  margin:5px 0;
  color:#201c1d;
  margin-left:10px;
  text-decoration:underline;
  }
  
#contentleft p {
  font-size:1.0em; 
  margin:5px 0;
  color:#201c1d;
  line-height:140%;
  padding-bottom:1.0em;
  margin-left:10px;
  }
  
#contentleft table {
  font-size:1.0em; 
  margin:5px 0;
  color:#201c1d;
  line-height:140%;
  padding-bottom:1.0em;
  margin-left:10px;
  }
  
#contentleft ul li {
  font-size:1.0em; 
  color:#201c1d;
  line-height:140%;
  margin:0 0; 
  padding:0 0;
  text-align:left;
  list-style-type:square;
  }

/* CONTENT RIGHT */

#contentright {
  position:absolute;
  float:right;
  top: 290px;
  left: 450px;
  width:450px; 
  height: 400px;
  padding:20px 0 0 0; 
  text-align:right;
  background-color:#fff;
  border-right-style:solid;
  border-right-width:1px;
  border-right-color:#000;
  border-bottom-style:solid;
  border-bottom-width:1px;
  border-bottom-color:#000; 
  }
  
#contentright h1 {
  font-size:1.0em;
  margin:5px 0;
  color:#000;
  margin-left:30px;
  text-align:left;
  padding-right:10px;
  }
  
#contentright h2 {
  font-size:1.0em;
  text-align:left;
  margin:5px 0;
  color:#201c1d;
  margin-left:10px;
  text-decoration:underline;
  }
  
#contentright p {
  font-size:1.0em; 
  margin:5px 0;
  color:#201c1d;
  line-height:140%;
  margin-left:30px;  
  padding-bottom:1.3em;
  text-align:left;
  padding-right:10px;
  }
  
#contentright ul li {
  font-size:1.0em; 
  color:#201c1d;
  margin:0 0;
  padding: 0 0;
  list-style-type:square;
  line-height:140%;
  text-align:left;
  }

/* FOOTER */

#footer {
  position:absolute;
  float:left;
  top: 760px;
  left: 20px;
  width: 860px;
  text-align:center;
  font-size:0.8em;
  margin:20px 0 0 0;
  color:#888;
  }
  
#footer a {
  color:#333;
  text-decoration:none;
  }
  
#footer a:hover {
  text-decoration:underline;
  }

/* IMAGES */
img.centered {display: block;margin-left: auto;margin-right: auto;}
img.alignright {padding: 0;margin: 0 0 2px 7px;display: inline;}
img.alignleft {padding: 0;margin: 0 7px 2px 0;display: inline;}
.alignright {float: right;}
.alignleft {float: left;}