@import url("cmsalightbox.css");

/*-- General white background --*/
body { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
}

img {
	border:0;
	margin:0;
	display:block; /*-- Firefox: removes space around img --*/
}


p img {
	border:0;
	margin:0;
	display:inline; /*-- IE: keeps imgaes inline with text (same row - 'Back to Top') --*/
}
/*-- Navigation panel on left--*/
.nav_side{ color: #999999; font-size:9px; font-family:Verdana, Arial, sans-serif; padding:0;}
.nav_side a {text-decoration:none; color: #003366; font-weight:lighter;}
.nav_side a:hover {cover: #336699; text-decoration:underline;}

#breadcrumbs { margin: 0 0 2px 0; font-size: 9px; color: #999999; font-family: Verdana, Arial, sans-serif; padding:0;}
#breadcrumbs a {text-decoration: none; color: #003366; font-weight: lighter;}
#breadcrumbs a:hover {color: #336699; text-decoration: underline;}

.footer { padding-right: 10px; margin:0; text-align:right; font-size: 10px;  color: #999999; font-family: Verdana, Arial, Helvetica, sans-serif;}
.footer a {text-decoration: none; color: #003366; font-weight: lighter;}
.footer a:hover {color: #336699; text-decoration: underline;}

p { font-size: 11px;  font-family: Verdana, Arial, Helvetica, sans-serif;}
p a {text-decoration: none; color: #003399; font-weight: lighter;}
p a:hover {color: #336699; text-decoration: underline;}

/*-- centering paragraphs --*/
.centrep p { font-size: 11px;  font-family: Verdana, Arial, Helvetica, sans-serif; text-align: center;}
/*-- left align paragraphs --*/
.leftp p { font-size: 11px;  font-family: Verdana, Arial, Helvetica, sans-serif; text-align: left;}

h1 { font-weight: bold; font-size: 25px; color: #000000; font-family: Verdana, Arial, sans-serif;}
h2 { font-weight: normal; font-size: 20px; color: #CC6600; font-family: "Times New Roman", Times, serif;}
h2 a { text-decoration: none; font-weight: normal; font-size: 20px; color: #CC6600; font-family: "Times New Roman", Times, serif;}
h2  a:hover{ text-decoration: underline;}


h3 { font-size: 13px; font-family: Verdana, Arial, sans-serif;}
h3 a { text-decoration: none; color: #003399;}
h3 a:hover { text-decoration: underline; color: #FF0000;}

h4 { font-weight: normal; font-size: 10px; font-style: italic; font-family: Verdana, Arial, sans-serif;}
h4 a { text-decoration: none; color: #003399;}
h4 a:hover { text-decoration: underline; color: #FF0000;}

h5 { font-weight: normal; font-size: 10px; font-style: italic; font-family: Verdana, Arial, sans-serif;}
h5 a { text-decoration: none; color: #003399;}
h5 a:hover { text-decoration: underline; color: #FF0000;}

.topofpage { font-size: 10px; color: #ff9900; font-family: Verdana, Arial, Helvetica, sans-serif;}

ul { font-size: 11px; font-family: Verdana, Arial, sans-serif; text-align: left;}
ul a {text-decoration: none; color: #003399;}
ul a:hover {color: #FF0000; text-decoration: underline;}
ul li {padding:3px 0;}

ol { font-size: 11px; font-family: Verdana, Arial, sans-serif; text-align: left;}
ol a {text-decoration: none; color: #003399; font-weight: lighter;}
ol a:hover {color: #FF0000; text-decoration: underline;}
ol li {padding:5px 0;}

dl { font-size: 11px; font-family: Verdana, Arial, sans-serif;}

blockquote { font-size: 11px; font-family: Verdana, Arial, sans-serif;}

hr { height: 1px; color:#333366;}

.small_tag { font-size: 11px; color: #999999; font-style: italic; font-family: Verdana, Arial, sans-serif;}

.contents_pic { border-left-color: #003399; border-bottom-color: #003399; border-top-color: #003399; border-right-color: #003399;}

.contents_table_td { font-size: 11px; vertical-align: top; font-family: Verdana, Arial, sans-serif;}

.content_txt_pale { color: #666666;}

.maori_txt { font-family: "Verdana Maori", "Arial Maori", sans-serif;}

.image_left { border-left-color: #999999; border-bottom-color: #999999; border-top-color: #999999; border-right-color: #999999;}

.image_right { border-left-color: #999999; border-bottom-color: #999999; border-top-color: #999999; border-right-color: #999999;}



div.header{margin: 10px 0; padding: 0px; text-align: left;}

div.header h1{
	margin:0;
}


div.leftpanel{
	float:left;
	display:inline;
	width:330px;
	margin:0;
	padding: 5px 10px;
}

div.rightpanel{
	float:right;
	display:inline;
	width:240px;
	margin:0;
}
div.highlightHeader {
	border-bottom:1px solid #04243d;
	padding:0px;
	width:245px;
	margin:0;
}
	
div.highlightHeader h3{
	margin:0;
}
div.highlightPanel {
	padding: 10px 5px 10px 10px;
	margin:0;
	width:230px;
	background:url(../images/panelYellow.jpg) bottom right no-repeat;
}


div.highlightPanel h4{
	font-weight: bold; font-style: normal;
	padding:0px;
	margin:0;
}

div.bodyPanel {
	padding: 0 40px 0 0;
	margin:0;
}
div.noticeHeader {
	border-bottom:1px solid #04243d;
	padding:0px;
	width:245px;
	margin:0;
}
	
div.noticeHeader h3{
	margin:0;
}
div.noticePanel {
	padding: 10px 5px 10px 10px;
	margin:0;
	width:230px;
	background:url(../images/panelBlue.jpg) bottom right no-repeat;
}


div.noticePanel h4{
	font-weight: bold; font-style: normal;
	padding:0px;
	margin:0;
}

div.bodyPanel {
	padding: 0 40px 0 0;
	margin:0;
}


div.photoPanel{
	padding:0;
	margin:0 0 0 30px;
	display:table;
	clear:left;
	width:550px;

}

div.photoPanel h3{
	font-weight: bold; font-style: normal;
	padding:25px 0 5px 0;
	margin:0;
}

.thumbnail{
	padding: 3px;
	border: 1px solid #CCC;
	float: left;
	margin: 0 10px 10px 0;
	}