/* Style Sheet for HHCT website */
/* Author - Lindsy Anderson */
/* Last updated 29 May 2008*/


/* This specifies the background colour for the page*/
body {
			background-color: #ffffff;
			background-image: url('images/background_tint.jpg'); 
			background-repeat: repeat-x; 
	
		}

/* This section specifies the layout for the page*/

/* This specifies the page wrapper which is the container for all the information*/
.pagewrapper {
	width: 750px;
	margin-top: 20px;
	left: 50%;
	background-color:  #ffffff;
	position: relative;
	margin-left: -375px;
}

/* This specifies the layout for the main content*/


.banner {width: 750px;
		height: 220px;
	}


.lefttopimage {
	position: absolute;
	left: 0px;
	top:0px;
	width: 160px;
	height: 220px;
	border: solid 1px #666699;
	border-right-width: 10px;
	border-bottom-width: 10px;
	background-color: #ffffff;
	text-align:center;
		margin: 0px;
			padding: 0px;
	
	}

.righttopimage {
	position: absolute;
	right: 0px;
	top:0px;
	/* Width is measured from the right, subtracting the width of lefttopimage and the size of the borders for left top image right border*/
	width: 580px;
	height: 220px;
	border: 0px;
	padding: 0px;
	background-color: #333366;
	border-bottom: solid 10px #666699;
	margin: 0px;	
}

.contentwrapper {
	position: relative;
	}
.maintextwrapper {
		position: relative;
		width: 559px;	
		background-color: #ffffff;
		border-left: solid 10px #666699;
		border-top: solid 10px #666699;
		margin: 0px;
		margin-left: 161px;
		padding: 5px;
	}
.menubar {
		position: absolute;
		left: 0px;
		top: 0px;
		width: 160px;
		background-color: #666699;
		border: solid 1px #666699;
		border-top: solid 10px #666699;
		
			}
* html .menubar
{ left: -161px;}
* html .maintextwrapper
{ width: 589px;}

.footer {
	position: relative;
	bottom: 0px;
	left:0px;
	width: 100%;
	background-color: #ffffff;
	margin: 0px;
	text-align:center;
	padding: 1px;
	border-top: solid 2px #666699;
	
	
}

div.figure {
  float: right;
  width: 220px;
  border: thin silver solid;
  margin: 0.5em;
  padding: 0.5em;
}
div.figure p {
  text-align: center;
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
}

h1
{
	font-family: "trebuchet ms", Verdana, Arial, Helvetica, Sans-Serif;
	color: #990000;
	font-variant: small-caps;
	font-size: 1.5em;
	}
h2
{
	font-family: "trebuchet ms", Verdana, Arial, Helvetica, Sans-Serif;
	color: #990000;
	font-size: 1em;
	}

p
{
		font-family: "trebuchet ms", Verdana, Arial, Helvetica, Sans-Serif;
		font-size: 1em;
		color: #000000;
		line-height: 1.2em;
}

td
{
		font-family: "trebuchet ms", Verdana, Arial, Helvetica, Sans-Serif;
		font-size: 1em;
		color: #000000;
	}
	
th
{
		font-family: "trebuchet ms", Verdana, Arial, Helvetica, Sans-Serif;
		font-size: 1em;
		color: #000000;
		
		text-align: left;
		}
.smalltext
{
			font-family: "trebuchet ms", Verdana, Arial, Helvetica, Sans-Serif;
		font-size: 0.7em;
		font-style: italic; 
		color: #000000;
}


.dummylink
{
			font-family:  "trebuchet ms", Verdana, Arial, Helvetica, Sans-Serif;
			color: #990000; 
}
	a:link {	
				font-family:  "trebuchet ms", Verdana, Arial, Helvetica, Sans-Serif;
				color: #000000; 
				}
	a:visited {	
				font-family:  "trebuchet ms", Verdana, Arial, Helvetica, Sans-Serif;
				color: #000000; 
				}

/* Navigation */
#nav {
 padding: 0;
 width: 160px;
 border: 0;
}
/* List */
#nav ul {
 margin: 0;
 padding: 0;
 list-style: none;
}
/* Links */
#nav a {
 display: block;
 height: 1%; /* hasLayout */
 padding: 0.25em 1.4em 0.25em 0.5em;
 color: #000;
 text-decoration: none;
 text-align:center;
 font-family:  "trebuchet ms", Verdana, Arial, Helvetica, Sans-Serif;
 background: #666699;
 border: 0;
 border-top: 1px solid #333366;

}

#nav a:hover, #nav a:focus, #nav a:active {
 color: #000;
 background: #ffffff;
}