@charset "UTF-8";
/* CSS Document */

body{
background:#FFFFFF;
margin:0;
padding:0;
color:#666666;
font-size:small;
font-weight:normal;
font-family:Arial, Helvetica, sans-serif;
text-align:left;
}

img{
border:none;
}

a:link, a:visited{color:#999999; text-decoration:underline;}
a:active, a:hover{color:#333333; text-decoration:underline;}

.displace {
	position: absolute;
	left: -5000px;
	}
	
.hide{
display:none;
}
.show{
display:block;
}

.top{
clear:left;
}

li{
list-style:url(images/bullet.gif);
margin:5px 0;
}

h2{
font-style:italic;
font-size:140%;
font-weight:normal;
font-family:Times, serif;
}

#container{
width:960px;
margin:60px 0 0 0;
padding:0;
text-align:left;
}

#main_content{
width:780px;
float:right;
}

#nav{
width:100%;
height:22px;
}

#nav ul{
margin:0;
padding:0;
float:right;
}

#nav ul li{
list-style:none;
display:inline;
margin:0;
padding:0;
float: left;
position: relative;
}

#nav ul #home a{
	display: block;
	width: 94px;
	height: 22px;
	text-decoration: none;
	background: url(images/nav.gif);
	background-position: 0 0;
}

#nav ul #projects a{
	display: block;
	width: 106px;
	height: 22px;
	text-decoration: none;
	background: url(images/nav.gif);
	background-position: -94px 0;
}

#nav ul #meet_the_board a{
	display: block;
	width: 148px;
	height: 22px;
	text-decoration: none;
	background: url(images/nav.gif);
	background-position: -200px 0;
}

#nav ul #links_and_downloads a{
	display: block;
	width: 177px;
	height: 22px;
	text-decoration: none;
	background: url(images/nav.gif);
	background-position: -348px 0;
}

#nav ul #info_and_faqs a{
	display: block;
	width: 131px;
	height: 22px;
	text-decoration: none;
	background: url(images/nav.gif);
	background-position: -525px 0;
}

#nav ul #contact_us a{
	display: block;
	width: 122px;
	height: 22px;
	text-decoration: none;
	background: url(images/nav.gif);
	background-position: -656px 0;
}

#nav ul #home_on a{
	display: block;
	width: 94px;
	height: 22px;
	text-decoration: none;
	background: url(images/nav.gif);
	background-position: 0 -22px;
}

#nav ul #projects_on a{
	display: block;
	width: 106px;
	height: 22px;
	text-decoration: none;
	background: url(images/nav.gif);
	background-position: -94px -22px;
}

#nav ul #meet_the_board_on a{
	display: block;
	width: 148px;
	height: 22px;
	text-decoration: none;
	background: url(images/nav.gif);
	background-position: -200px -22px;
}

#nav ul #links_and_downloads_on a{
	display: block;
	width: 177px;
	height: 22px;
	text-decoration: none;
	background: url(images/nav.gif);
	background-position: -348px -22px;
}

#nav ul #info_and_faqs_on a{
	display: block;
	width: 131px;
	height: 22px;
	text-decoration: none;
	background: url(images/nav.gif);
	background-position: -525px -22px;
}

#nav ul #contact_us_on a{
	display: block;
	width: 122px;
	height: 22px;
	text-decoration: none;
	background: url(images/nav.gif);
	background-position: -656px -22px;
}

#nav ul #home a:hover {background-position: 0 -22px;}
#nav ul #projects a:hover {background-position: -94px -22px;}
#nav ul #meet_the_board a:hover {background-position: -200px -22px;}
#nav ul #links_and_downloads a:hover {background-position: -348px -22px;}
#nav ul #info_and_faqs a:hover {background-position: -525px -22px;}
#nav ul #contact_us a:hover {background-position: -656px -22px;}

#nav ul #home_on a:hover {background-position: 0 0;}
#nav ul #projects_on a:hover {background-position: -94px 0;}
#nav ul #meet_the_board_on a:hover {background-position: -200px 0;}
#nav ul #links_and_downloads_on a:hover {background-position: -348px 0;}
#nav ul #info_and_faqs_on a:hover {background-position: -525px 0;}
#nav ul #contact_us_on a:hover {background-position: -656px 0;}


#home_thumbnails ul{
margin:0;
margin-top:30px;
padding:0;
text-align:center;
}


#home_thumbnails ul li{
display: -moz-inline-stack;
display: inline-block;
zoom: 1;
*display: inline;
margin-right:9px;
list-style:none;
position:relative;
}



#home_thumbnails ul li.projects a{
	display: block;
	width: 193px;
	height: 148px;
	text-decoration: none;
	background: url(images/projects.gif);
}
#home_thumbnails ul li.meet_the_board a{
	display: block;
	width: 193px;
	height: 148px;
	text-decoration: none;
	background: url(images/meet_the_board.gif);
}
#home_thumbnails ul li.links_and_downloads a{
	display: block;
	width: 193px;
	height: 148px;
	text-decoration: none;
	background: url(images/links_and_downloads.gif);
}

#footer{
clear:both;
width:100%;
border-top:#000066 4px solid;
margin-top:40px;
padding-top:10px;
text-align:center;
color:#999999;
font-size:80%;
padding-bottom:40px;
}

#footer h3{
font-style:normal;
font-size:100%;
}

#footer a:link, #footer a:visited{color:#999999; text-decoration:none; font-weight:bold;}
#footer a:active, #footer a:hover{color:#333333; text-decoration:none; font-weight:bold;}

#footer ul{
margin:0;
padding:0;
}
#footer ul li{
display: -moz-inline-stack;
display: inline-block;
zoom: 1;
*display: inline;
margin:0 10px;
list-style:none;
position:relative;
width:auto;
}
#footer ul li.ghost a{
	display: block;
	width: 27px;
	height: 20px;
	text-decoration: none;
	background:url(images/ghost.gif) no-repeat;
	background-position: 0 0;
}
#footer ul li.ghost a:hover {background-position: 0 -20px;}

#header{
width:180px;
float:left;
height:650px;
text-align:center;
margin:0;
padding:0;
}
#header.flower{
background:url(images/flower.gif) no-repeat;
}
#header.fish{
background:url(images/fish.gif) no-repeat;
}

#header_img_index{
width:774px;
height:273px;
float:right;
background-repeat:no-repeat;
margin:10px 1px 40px 1px;
background-image:url(images/index_img.jpg);
}

#header_img_projects{
width:774px;
height:40px;
float:right;
background-repeat:no-repeat;
margin:10px 1px 40px 1px;
background-image:url(images/projects_img.gif);
}

#header_img_meet_the_board{
width:774px;
height:40px;
float:right;
background-repeat:no-repeat;
margin:10px 1px 40px 1px;
background-image:url(images/meet_the_board_img.gif);
}

#header_img_links_and_downloads{
width:774px;
height:40px;
float:right;
background-repeat:no-repeat;
margin:10px 1px 40px 1px;
background-image:url(images/links_and_downloads_img.gif);
}

#header_img_info_and_faqs{
width:774px;
height:40px;
float:right;
background-repeat:no-repeat;
margin:10px 1px 40px 1px;
background-image:url(images/info_and_faqs_img.gif);
}

#header_img_contact_us{
width:774px;
height:40px;
float:right;
background-repeat:no-repeat;
margin:10px 1px 40px 1px;
background-image:url(images/contact_us_img.gif);
}

#projects img{
float:left;
margin-left:5px;
}

#projects{
margin-left:10px;
}

#links{
margin-left:10px;
}

#projects h3{
color:#000066;
font-style:italic;
margin:0;
font-family:Times, serif;
text-align:left;
}

.blue_title{
color:#000066;
font-style:italic;
font-family:Times, serif;
}

#projects_right{
width:250px;
float:right;
}

#projects_right li{
margin-top:0;
margin-bottom:0;
}

#projects ul{
padding:0;
text-align:left;
float:right;
width:250px;
margin:0 10px 10px 0;
}

#projects li{
margin-left:60px;
}
#projects ul.faq li{
margin-left:30px;
}

#projects hr{
clear:both;
}

#projects p{
text-align:left;
}

#projects a:link, #projects a:visited{color:#666666; text-decoration:none;}
#projects a:active, #projects a:hover{color:#333333; text-decoration:none;}

#db-list{
clear:both;
text-align:left;
width:98%;
float:right;
border-top:#000066 4px solid;
margin-top:40px;
padding-top:20px;
}

#db-list h4{
margin-top:0;
}

.board_image{
float:left;
margin:0 20px 20px 0;
}

.board_copy{
width:660px;
float:left;
}

.board_copy ul{
padding-left:20px;
}

.top_copy{
width:470px;
text-align:left;
}

#db-list a:link, #db-list a:visited{color:#000099; text-decoration:none;}
#db-list a:active, #db-list a:hover{color:#333333; text-decoration:none;}

a.blue_title:link, a.blue_title:visited{color:#000099; text-decoration:none;}
a.blue_title:active, a.blue_title:hover{color:#333333; text-decoration:none;}

#contact{
width:100%;
height:auto;
background:url(images/backContact.gif) right top no-repeat;
}

h3.red{
color:#990000;
}
ul.red{
margin-top:0;
color:#990000;
}
h3.green{
color:#006600;
}
h3.financial_year{
color:#999999 !important;
font-style:italic !important;
}
#archive{
margin-top:20px;
float:left !important;
clear:left;
}
#archive h3{
margin-left:20px;
}