/*HHS archive centre main style sheet PG 18-12-07*/


/* colors

green	:406e61;
blue	:223241;
beige	:f2ebdb;
orange	:de5d01
dark grey:333333
*/

/*GENERAL ELEMENT STYLING*/
body {
  margin:0;
  padding:0;
  font-size:70%;
  font-family:"Georgia";
  text-align:center;
  width:100%;
  float:left;
  color:#333333;
  background-color:#2a3c50;
}

form {
  margin:0px;
  padding:0px;
}

input {
  margin:0px;
  padding:0px;
}

table {
  font-size:1.0em; 
  border-collapse:collapse;
  
}

select {
	width:150px;
  font-family:"Tahoma";
}

form td {
  vertical-align:top;
  padding:5px 10px 5px 0
}

img {
  border:none;
}

p {
  margin:0.5em 0px 0.5em 0px;
}

a {
  color:#406e61;
  text-decoration:none;
}

.error td input{
	border:1px solid red;
}

.error {
	color:red;
}


/*MAIN FONTS*/

h1 {
  font-size:2em;
  line-height:1.08em;
  color:#406e61;
  margin:10px 0 10px 0;
  padding:0px;  
  font-weight:normal
}


h2 {
  font-size:1.15em;
  line-height:1.08em;  
  color:#406e61;
  margin:10px 0px 5px 0px;
  padding:0px;  
  font-weight:normal
}

h3 {
  font-size:1.0em;
  line-height:1.08em;
  color:#406e61;
  margin:0px;
  padding:3px 0px 3px 0px;  
  font-weight:normal
}


/*LAYOUT*/

#frame {
  width:960px;
  background-image:url(/graphics/backdrop.jpg);
  background-repeat:repeat-y;
  background-position:top left;
  margin:0 auto 0 auto;
  position:relative;
  text-align:left;
  padding:0;
}


#body {
  float:left;
  position:relative;
  width:921px;
  left:20px;
  min-height:450px;
}

#footer {
  width:960px;
  height:80px;
  text-align:center;
  z-index:10;
  padding:5px 0px 10px 0px;
  background-image:url('/graphics/page-bottom.jpg');
  background-repeat:no-repeat;
  background-position:bottom left;
  float:left;
  clear:left;
}

#footer .container {
  border-top:1px solid #333333;
  margin:0 40px;
  padding:15px 0 0 0 
}

a:hover {
  text-decoration:underline;
}

#footer ul {
  displaY:inline;
  margin:0px;
  padding:0px;
}

#footer li {
  display:inline;
}

#footer a {
  color:#333333;
}

/*LAYOUT*/

/*TOP*/

#top {
  float:left;
  position:relative;
  left:20px; 
  top: 0px;
  width:921px;
  height:154px;
  background-position:top left;
  background-repeat:no-repeat;
  background-image:url('/graphics/top_banner.jpg');
}


#top ul {
  position:absolute;
  left:0;
  bottom:0;
  font-size:1.27em;
  z-index:10;
  width:920px;
  margin:0;
  padding:0;
}
#top ul ul {
  display:inline;
  position:absolute;
  bottom:0;
  left:131px;
  z-index:10;
  margin:0;
	font-size:1.0em;
  padding:0;
}



#top ul li {
  display:block;
  float:left;
  width:130px;
  margin-right:1px;
  position:relative;
  text-align:center;
  position:relative;
}

#top ul li a {
  color:white;
  background-color:#406e61;
  display:block;
  text-decoration:none;
  padding:0.5em 0px 0.5em 0px;
}

#top ul li a:hover{
  background-color:#de5d01;
}

#top ul ul ul {
  display:none;
}



div#telephone {
  position:absolute;
  top:10px;
  right:20px;
  
  font-family:arial;
  font-weight:bold;
}

.telephone {
  font-size:1.7em;
}


#breadcrumb_trail {
	height:20px;
	float:left;
	margin:10px;
	position:relative;
	left:20px;
	}

#breadcrumb_trail a {
  text-decoration:underline;
}

#left_nav {
  float:left;
  z-index:200;
  width:200px;
  min-height:10px;
}

#right {
  position:absolute;
  top:0px;
  right:0px;
  margin-top:150px;
  width:200px;
  z-index:99;
}


#text {
  position:relative;
  width:480px;
  text-align:left;
  float:left;
  line-height:1.5em;
}




.module {
  margin-bottom:10px;
  float:left;
}

#text .rightmodules .module {
  margin:0px 0px 10px 20px;
  clear:left;
}

#text .module {
  margin:0px 20px 10px 0px;
}


#text .rightmodules {
   float:right; 
}


.nav_module ul {
  list-style-type:none;
  margin:10px;
  padding:0; 
}

.nav_module ul li {
  margin:4px 0;
  padding:0;
  font-size:1.2em;
  font-weight:bold;
}

.nav_module ul ul {
  margin:4px 0;
}
.nav_module ul ul li{
  font-weight:normal;
  font-size:0.95em;
}