/*page layout
----------------------------------*/

html {
	margin: 0px;
	padding: 0px;
	}
body {
	margin:0px;
	padding:0px;
	background:#d4f8fc;
	background-position:center;
	color:#003232;
	text-align:center;
	font-family:verdana, helvetica, sans-Serif;
	font-size:0.9em;
	margin-top: 0px;
}
  
#background{
  position:relative;
  margin:0 auto;
  width:800px;
  background:url("background.gif");

}
#container {
  position:relative;
  width:732px;
  margin:0 auto;
  text-align:left;
  background:#fff;
  border: solid #001066;
  border-width:0 1px;
  }
#pageHeader{
  border:  0 1px;
  height:113px;
  background:url("titleBlue.jpg") no-repeat left top;
	}
#pageHeader h1 {
  display:none;
  }

/*content
---------------------------------*/
#content {
  margin:0 0 0 180px;
   }
#content p {
  margin:.75em 0;
  line-height:1.5em;
  padding:0 20px;
  }
  
#content p.indent {
  margin: 0 0 0 3em;
  }
#content strong {
  color:900;
  }
#content h2 {
  height:25px;
  color: #001066;
  text-align:center;
  font-size:1.5em;
  }  
#content h3 {
  height:25px;
  border:1px dashed #001066;
  border-width:0px;
  background-color:d4f8fc;
  margin:2em 0.5em 0 0;
  color: #001066;
  text-align:center;
  }  
#content h4 {
  color: #001066;
  margin:1em 1em 0 1em;
  }   
#content h5 {
  color: #001066;
  margin:1em;
  } 
#content a:link, #content a:visited{
  color:#d45800;
  font-weight:bold;
  text-decoration:none;
  
  }
#content a:hover {
  color:#d49f00;
  text-decoration:underline;
 
  }
#content ol{
  padding:0 .5em 0 0;
}
#content ol li {
  list-style-type: lower-roman;
  margin:0 0 .5em 0;
  }
#content table{
  text-align:left;
  font-size:.75em;
  border:1px solid #001066;
  margin:.5em;
}
#content th{
  padding:1em;
  color: #001066;
}
#content td{
  padding:1em;
}

/* Image Container
--------------------------------- */
#thumbnails{
  position:relative;
  width:100px;
  height:100px;
  margin:1px;
  padding:4px 3px 3px 3px;
  text-align:center;
  background:#001066;
  float:left;
  vertical-align:middle;
  
  color:#fff;

}


#imageContainer{
  position:relative;
  width:405px;
  margin:0 65px;
  padding:4px 3px 3px 3px;
  background:#001066;
  text-align:center;
  color:#fff;
}
.clearboth { clear: both; }


/* Navigation list
--------------------------------- */
#navigation {
  position:absolute;
  top:150px;
  left:0;
  width:9em;
  }
#navigation ul {
  margin:0 0 1.5em;
  padding:0;
  font-size:93%;
  list-style:none;
  }
#navigation ul li {
  margin:0 0 .5em .5em;
  border:dashed #001066;
  background-color:#d4f8fc;
  border-width:0 1px;
  width: 9em;  
  }
  
html>body #navigation li a {
		width: auto;
		} /*workaround found at www.alistapart.com to make rollover background stay within navigation div*/

#navigation a
{
  display: block;
  color: #001066;
  width: 9em;
  padding: 0 0 0 14px;
  text-decoration: none;
}

#navigation a:link, a:visited{
  color:#001066;
}
#navigation a:hover{
 background-color: #1bd;
}


 /* advert
--------------------------------- */ 
#advert {
  position:absolute;
  top:400px;
  left:0;
  width:9em;
  \width:9em;
  height:14em;
  margin:1px;
  border:1px solid #001066;
  border-width:1px;
  padding-bottom:8px;
  background:#fff;
}

#advert h3{
  background:#fff;
  width:6em;
  /*voice-family: "\"}\""; 
  voice-family:inherit;*/
  \width:7em;
  color:#fff;
  font-weight:bold;
  text-align:center;
  font:verdana, sans-Serif;
}
html>body #advert a {
  width:auto;
} 

#advert img{
  text-align:center;
}
#advert a:link, #advert a:visited{
  color:#001066;
  text-decoration:none;
}
#advert a:hover{
  color:#d45800;
  text-decoration:none;
} 
   
/* footer
--------------------------------- */
#footer {
  background:#001066;
  color:#fff;
  margin:1.75em 0 0;
  border:1px solid #005a5a;
  border-width:1px 0;
  font:85% Verdana,Arial,Sans-serif;
  text-align:center;
  /*height:20px;*/
}
#footer a:link, #footer a:visited {
  padding:0 5px;
  font-weight:normal;
  color: #fff;
  font-size:80%;  
}
#footer a:hover{
  color:#6ff;
  text-decoration:underline;
}