#container
{
	margin: 0 auto;
	width: 90%;
	background: #fff;
}

#header
{
	background: #DCCCCC url('images/Wahine head.jpg') no-repeat right top;
	padding: 20px;
	height: 160px;
}

#header h1 { 
	font-family: "Trebuchet", serif;
	font-style: bold;
	font-size: 25px;
	padding-top: 50px;
	margin: 0; 
	}
	
.home_page { 
	font-family: "Trebuchet", serif;
	font-style: bold;
	font-size: 25px;
	padding-top: 30px;
	margin: 0; 
	}
	
.label {
	position: float left;
	top: 40px;
	left: 60px;
}

/* These styles create the dropdown menus. */
#navbar {
   margin: 0;
   padding: 0;
   height: 2em; }
#navbar li {
   list-style: none;
   float: left; }
#navbar li a {
   display: block;
   padding: 3px 8px;
   background-color: #5e8ce9;
   color: #fff;
   text-decoration: none; }
#navbar li ul {
   display: none; 
   width: 10em; /* Width to help Opera out */
   background-color: #69f;}
#navbar li:hover ul, #navbar li.hover ul {
   display: block;
   position: absolute;
   margin: 0;
   padding: 0; }
#navbar li:hover li, #navbar li.hover li {
   float: none; }
#navbar li a:hover {
   background-color: #8db3ff;
   border-bottom: 1px solid #fff;
   color: #000; }   
#navbar li:hover li a, #navbar li.hover li a {
   background-color: #69f;
   border-bottom: 1px solid #fff;
   color: #000; }
#navbar li li a:hover {
   background-color: #8db3ff; }
/* end of NavBar */   
    
#content-container
{
	width: 100%;
	background: #FFF url(layout-two-liquid-background.gif) repeat-y 68% 0;
}

#content
{
	width: 100%;
	padding: 20px 0;
	margin: 0 0 0 0;
	display: inline;
}

#timeline td {
	vertical-align: top;
}
#content h2 { margin: 0; }

#summary ul {
	color: red;
}


.welcome {
	font-family: Verdana;
	padding: 0 115px;
	text-align: center;
	color: blue;
	}

.subHead {
	text-align: left;
	font-weight: bold;
	text-decoration:underline;
	font-variant: small-caps;
	}
	
.redQuestions {
	color: red;
	font-weight: bold;
}

.italicisedComment {
	font-style: italic;
	color: blue;
}

.photo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: italic;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-align: center;
	text-transform: none;
	color: #333333;
}

p.first:first-letter{
	font-family: Garamond,Times New Roman, serif;
	font-size: 20px;
	color:blue;
	font-weight: bold;
	}


.figureRight {
	float: right;
	width: 30%;
	border: thin silver solid;
	margin: 0.5em;
	padding: 0.5em;
}

.figureRight p {
	font-family: "Trebuchet MS", sans-serif;
    font-size: 75%;
    color: #666;
    margin: 0 0 3ex 0;
	text-align: center;
	font-style: italic;
}

.leftCol{
	width: 120px;
}

.rightCol{
	width:	245px;
}

.rowHead {
	text-decoration:underline;
	font-weight:bold;
}



.clear { clear: both }

#footer
{
	clear: left;
	background: #ccc;
	text-align: center;
	padding: 20px;
	height: 1%;
}