/*====== Body (including background color) ===========*/
body {
  background-color: #cccccc;   /* border colour */
  color:            #000000;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  margin:    10px 10px;
  padding:   0px;
}
.clear {
  clear: both;
}
* {
  margin:  0px;
  padding: 0px;
}
#container {
  margin:     0px auto;
  text-align: left;
  width:      717px;  /* must match header and footer values */
}
a {
  font-size: 12px;
}
p {
  margin: 15px 0px;
}

/*======= Header ========*/
#header {
  margin: 0px 0px 0px 0px;
  background-image:url(images/header.png);
  width:    717px;
  height:   188px;
  position: relative;
}
#header ul {
  background-color:  #99ccff;  /* should match image */
  width:   711px;
  border:  3px solid #ffffff;
  display: block;
  top:     168px;
  position: absolute;
  margin:   0px 0px 0px 0px;
  height:   22px;
  padding:  5px 0px 0px 0px;
  text-align: center;
}
#header li {
  display: inline;	
}
#header ul a {
  text-decoration: none;
  color:  #000000;
  margin: 0px 15px;
}
#header ul a:hover {
  text-decoration: underline;
  color: #007fff; 
}
/*======= Content ===============*/

#content {
  background-image: url(images/background_bg.png); 
  width: 717px;
}
img {
  border-width: 0px;
}
h1 {
  color:     #000000;
  font-size: 14px;
  margin:    20px 0px 20px 0px;
}
h2 {
  color:      #3399ff;
  font-size:  14px;
  text-align: center;
  width:      200px;
  margin:     10px 0px 15px 0px;
}
h3 {
  color:      #3399ff;
  font-size:  14px;
  margin:     5px 0px 0px 0px;
}
#left {
  float:left;
  width:428px;
  margin-left:27px;
  padding: 0px 10px 10px 0px;
  display:inline;
  border-right: #FFF 2px solid; 
}
#left a {
  color: #333366;
} 
#left a:hover {
  color: #0066cc;
}
#right {
  float:   right;
  width:   210px;
  padding: 0px 20px 10px 20px;
  margin-top:  20px;
  /* border-left: #FFF 2px solid; */
}
#right a {
  color: #333366;
}
#right a:hover {
  color: #0066cc;
}
#center {
  float:left;
  width:658px;
  margin-left:27px;
  padding: 0px 10px 30px 0px;
  display:inline;
}
#center ul {
  text-decoration: none;
  margin: 0px 20px;
}
#center ol {
  text-decoration: none;
  margin: 20px 20px;
}
#center pre {
  color: #808080;
} 
#center a {
  color: #333366;
} 
#center a:hover {
  color: #0066cc;
}

/*======== Footer =============*/
#footerline {
  clear: both;
  background-image: url(images/footer_bg.png);
  font-size: 1px;
  height: 10px;
}
#footer {
  width: 717px;
  text-align: center;
  padding: 20px 0px;
}