/*
NZCSDA 2007 Stylesheet v1
Author: Jason Crowley
*/

/* style reset*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family:Arial, Helvetica, sans-serif;
	vertical-align: baseline;
	background-image: transparent;
}
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
	height:100%;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* end reset */

/* default styles */
html, body {
	height: 100%;
}
a {
	color:#104475;
	text-decoration:none; 
}
a:hover {
	text-decoration:underline;
}

body {	
	text-align:center;/*centres container in IE 5*/
	color:#333;
	background: #fff url(images/background.gif) repeat-y 50% 0; /*for firefox */
	margin:0 auto;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
}

#homeMap input {
	border:0;
	background-color:#104475;
	color:#fff;
	font-weight:bold;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	padding:2px;
	margin:0;
}
form select {
	/*margin:10px;	*/
}
h1 {
	margin-bottom:1em;
	padding:0;
	font-size:15px;
	font-weight:bold;
	color:#104475;
/*	text-transform:uppercase;*/
}
.sub {
	color:#7f7f7f;
	}
h2 {
	margin:1em 0 0 0;
	padding:0;
	font-size:12px;
	font-weight:bold;
	color:#d76500;
	text-transform:none;
}

p {
	line-height:1.5em;
	margin:1.2em 0 1.5em 0;
}
ul {
	list-style: disc;
	margin:1.5em;
	padding:0;
	background-color:#fff;
	line-height:1.6em;
}
li {
	margin:0;
	padding:0;
	border:0;
}
li a {
	color:#104475;
}
li a:hover {
	color:#104475;
	text-decoration:none;
}
ul.who {
	list-style: none;
	margin:0;
	padding:0;
	background-color:#fff;
	line-height:2em;
	font-weight:bold;
	color:#104475;
}
/*ul.who li {
	list-style:url(images/arrow.gif);
	list-style-position:inherit;
}*/
li.at {
	list-style:none;
	color:#7f7f7f;;
}
ul.who li a:hover {
	color:#104475;
	text-decoration:underline;
}




/* container and structure */
#center {
	float:left;
	width:456px;
	margin:0;
	padding:65px 0 0 0;
}
.c1 {
	padding:0 0 0 0px;
	height:270px;
}
.c2 {
	height:199px;

}
#container {
	background: #fff url(images/background.gif); /* for all IE */
	width:781px;	
	height:auto !important;
	height:100%;
	min-height:100%;
	margin:0 auto;
	padding:0;
	text-align:left;
}
#content {
	width:781px;	
}
#find {
	width:564px !important;
	width:598px;
	width/**/:/**/564px;
	height:20px !important;
	height:40px;
	height/**/:/**/20px;
	background-color:#104475;
	float:left;
	padding:10px 17px 8px 17px;
}
#find .left {
	width:310px;
	height:25px;
	float:left;
	color:#fff;
	font-size:13px;
	font-weight:bold;
}
#find input {
	background-color:#d76500;
	border:0;
	color:#fff;
	font-weight:bold;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	padding:2px;
	margin:0;
}
#find .right {
	float:right;
	width:250px;
}
#findLoc {
	width:564px !important;
	width:598px;
	width/**/:/**/564px;
	height:20px !important;
	height:40px;
	height/**/:/**/20px;
/*	background-color:#dc6800;*/
	background-color: #f2f2f2;
	color:#104475;
	text-transform:capitalize;
	font-weight:bold;
	float:left;
	padding:10px 17px 8px 17px;
}	
#findFlash {
	float:left;
	width:598px;
	height:490px;
}
#footer {
	clear:both;
	width:781px;
	background-color:#fff;
	margin:0 auto;
	color:#666;
	font-size:11px;
	padding:20px 0 20px 0;
	border-top:#104475 solid 4px;
	text-align:left;
}
#globalNav {
	float:left;
	width:781px;
	padding:0 0 0 0;
}
#globalNav ul {
	background-color:#104475;
	float:left;
	margin:0;
	padding:0;
    list-style:none;
	height:auto;
}
#globalNav li {
	text-align:center;
	position:relative;
	float:left; 
	padding:0;
	margin:0;
}
#globalNav li.logo a {
	display:block;
	width:183px;
	padding:0;
	margin:0;
	border:0;
}
#globalNav ul li a {
	font-size:12px;
	height:34px !important;
	height:44px;
	height/**/:/**/34px;
	background-color:#104475;
	display: block;
	border-left:#587c9f solid 1px;
	margin:0;
	color: #fff;
	font-weight:bold;
	padding-top:10px;
}
a.n1 {
	padding-left:10px;
	width:59px !important;
	width:69px;
	width/**/:/**/59px;
	background-image:url(images/profileBg.gif);	
	text-align:left;
}
a.n2 {
	width:116px;
	text-align:center;
}
a.n3 {
	width:151px;
	text-align:center;
}
a.n4 {

	width:73px;

}
a.n5 {

	width:96px;

}
a.n6 {
	width:86px;
}



#globalNav ul li a:hover {
	background-color:#34608a;
	background-position:-69px 0;
}
#globalNav ul li:hover ul, #globalNav ul li.over ul{ display: block; }

/**** drop down *****/

#globalNav li ul {
	background-color:#000;
 	display: none;
	position: absolute; 
	top: 44px;
	left: 0;
	width:222px;
	padding:0;
	margin:0;

}
#globalNav ul li ul li {
	height:28px;
	float:left;
	padding:0;
	margin:0;
	border-right:#88a2ba solid 1px;
}
#globalNav ul li ul li.bottom {
	border-bottom:#88a2ba solid 1px;
}
#globalNav ul li ul li a {
	border:0;
	font-size:12px;
	text-align:left;
	display:block;
	width:222px !important;
	width:232px;
	width/**/:/**/222px;
	height:18px !important;
	height:28px; /* without height here won't use height in explorer 5, 6 */
	height/**/:/**/18px;
	padding:5px 0 5px 10px;
	background-color:#fff;
	color:#104475;
	font-weight:normal;
}

#globalNav ul li ul li a:hover {
	background-color:#f2f2f2;
}
.grey {
	color:#858688;
}
#homeFlash {
	float:left;
	width:231px;
	height:240px;
}	
#homeMap {
	float:left;
	width:231px;
	background-color:#f2f2f2;
}
#homeMap h2 {
	background-color:#104475;
	color:#fff;
	margin:0;
	padding:10px;
	width:211px !important;
	width:231px;
	width/**/:/**/211px;
	font-weight:bold;
	text-transform:none;
}
.iL {
	clear:both;
	width:380px !important;
	width:397px;
	width/**/:/**/380px;
	padding:0 17px 17px 0;
	float:left;
}
.iR {
	width:150px;
	float:right;
	padding:0;
}
#left {
	margin:0;
	padding:0;
	width:183px; /* +21px */
	float:left;
	background-color:#e5e5e5;
/*	height:auto;*/
}
#left ul {
	float:left;
	margin:10px 10px 0 10px;
	padding:0;
    list-style:none;
	height:auto;
}
#left li {
	line-height:1.41em;
	width:142px;
	text-align:left;
	float:left; 
	padding:0;
	margin:0;
	border-top:#fff solid 1px;
}
#left ul li a {
	font-size:12px;
	height:72px; /*giving the link a height makes it change on mouse over*/
	background-color:#1f6971;
	display: block;
	padding: 10px; /* padding creates the clickable area */
	margin:0;
	color:#fff;
	font-weight:bold;
	text-align:left;
}
#left ul li a:hover {
	background-color:#568e94;
	color:#fff;
	text-decoration:none;
}
.mTop {
	clear:both;
	float:left;
	padding:17px;
	width:500px;
	background-color:#fff;
}
.member {
	float:left;
	width:265px !important;
	width:299px;
	width/**/:/**/265px;
	height:210px;
	border-bottom: #ccc solid 1px;
/*	border-right: #ccc solid 1px;*/
	padding:10px 17px 19px 17px;
}
.member h1 {
	font-size:12px;
	color:#333;
	margin:0;
	text-transform:none;
}
.member p {
	margin:0.5em 0 0.5em 0;
}
.member .contact {
	font-size:11px;
	font-weight:bold;
}
#memberContainer {
	background: #fff url(images/memberBg.gif);
	float:left;
	width:598px;
	margin:0;
	padding:0;
}
#middleTop {
	float:left;
	width:599px;
	margin:0;
	padding:0;
	background-color:#fff;
}
#middle {
	width:564px !important;
	width:598px;
	width/**/:/**/564px;
	margin:0;
	padding:17px 17px 0 17px;
	float:left;
	background:url(images/bodyBg.gif) repeat-y right;
}
#middle .hL {
	clear:both;
	width:313px !important;
	width:330px;
	width/**/:/**/313px;
	padding:0 17px 17px 0;
	float:left;
}
#middle .hR {
	width:231px;
	float:left;
	padding:0;
}
#middle .wL {
	clear:both;
	width:313px !important;
	width:330px;
	width/**/:/**/313px;
	padding:0 17px 17px 0;
	float:left;
}
#middle .wR {
	width:200px;
	float:left;
	padding:0;
	margin:0;
}
#middle .wR ul {
	border:#cbcccd solid 1px;
	border-bottom:none;
	float:left;
	margin:0;
	padding:0;
    list-style:none;
	height:auto;
}
#middle .wR li {
	line-height:normal;
	text-align:left;
	float:left; 
	padding:0;
	margin:0;
	border-bottom:#cbcccd solid 1px;
}
#middle .wR ul li.at {
	width:210px !important;
	width:230px;
	width/**/:/**/210px;
	font-size:12px;
	background-color:#f2f2f2;
	display: block;
	padding:10px; /* padding creates the clickable area */
	margin:0;
	color:#858585;
	font-weight:bold;
	text-align:left;
}
#middle .wR ul li a {
	width:210px !important;
	width:230px;
	width/**/:/**/210px;
	font-size:12px;
	/*height:52px;*/ /*giving the link a height makes it change on mouse over*/
	background-color:#fff;
	display: block;
	padding:10px; /* padding creates the clickable area */
	margin:0;
	color:#104475;
/*	color:#3d3d3e;*/
	font-weight:bold;
	text-align:left;
}
#middle .wR ul li a:hover {
	background-color:#34608a;
	color:#fff;
	text-decoration:none;
}
.region {
	color:#d76500;
}
#top{
	height:44px;
	background-color:#104475;
	border-bottom:#fff solid 1px;
}

/*******Form Area*********/
.registerForm {
	background-color:#fff;
	margin: 0 0 1.3em 0;
	padding: 1em 0 1em 1.5em;
	border:#d0d0d0 1px solid;
	width:380px;
}
.registerForm p {
	margin:0.8em 0 0.8em 0;
}
.button {
	text-indent: -200px;
	margin:20px 0 0 0;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
	background: 0 0 no-repeat;
	display: block;
	width: 78px;
	height:28px;
	border:0;
	background-image: url(images/submit_btn.gif);
}
.button:hover {
	background-position: -78px 0;
}
.formText {
	width:110px;
	float:left;
	padding:0 0 0 0;
/*	font-weight:bold;*/
	color:#000;
}

.textBox {
	border: 1px solid #104475;
	color:#000;
	font-weight:normal;
	background-color:#fff;
	padding: 1px;
	margin:0;
	padding:2px;
	width:200px;
}
.textArea {
	border: 1px solid #999;
	padding: 1px;
	margin:0;
	padding:2px;
	width:350px;
	height:200px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}