/* Layout CSS */
#Main {
	width: 1024px;
	background: #EDF7F5 url(../images/left-white.gif) repeat-y;
}
	#Header {
		width: 861px; height: 118px;
		padding: 29px 0px 0px 163px;
		float: left; background-color: #FFF;
	}
		#HeaderNav {
			width: 600px;
			margin-top: 74px; float: right;
		}
			#Search {
				margin-right: 8px;
				float: left;
			}
	#SidePanel {
		width: 180px;
		background-color: #FFF;
		padding: 58px 0px 0px 64px;
		float: left;
	}
		#Sidebar {
			width: 180px;
			overflow: hidden;
		}
			#Sidebar img {
				border-bottom: 1px solid #FFF;
				border-left: 1px solid #FFF;
				float: left;
			}
	#ContentContainer {
		width: 780px;
		float: left;
	}
		#Navigation {
			width: 780px; height: 58px;
			float: left;
		}
		#TopImage {
			width: 780px;
			float: left;	
		}
		#Content {
			width: 700px;
			padding: 45px 40px 100px 40px;
			float: left;
		}
#Footer {
	width: 1024px; height: 18px;
	background: #FFF url(../images/footer-bar.gif) no-repeat left top;
}

.MembersContainer {
	padding: 12px 12px 6px 18px; margin-bottom: 12px;
	background-color: #FFF; border: 1px solid #7FC6D8;
}
	.MembersContainer img {
		display: inline; margin: 0px 0px 12px 24px; float: right;
	}
.WhatsNewNewsContainer {
	margin: 0px -40px 0px -40px;
	padding: 14px 40px 15px 40px;
	border-bottom: 2px solid #FFF;
	background: url(../images/footer-bar-tiny.gif) no-repeat right bottom;
}
	.WhatsNewNewsContainer:hover {
		background-color: #FFF;
	}
.NewsImage {
	float: right; margin-left: 24px;
}
	.NewsDate {
		font-weight: bold;
	}
.HomePageNews {
	border: 1px solid #FFF; padding: 12px 12px 3px 12px; margin-bottom: 8px;
}	
	.HomePageNews:hover {
		background-color: #FFF; border-color: #157095;
	}	

/* Navigation-main */
#Menu1 {
	padding: 0px; margin: 0px;
}
#Menu1 li {
	width: 156px; height: 58px; display: block;
	float: left;
}
#Menu1 li a span {
	width: 156px; height: 58px; display: block;
	left: 0; top: 0; position: absolute; cursor: pointer;
	background-position: no-repeat left top;
}
	#Menu1 li.current,
	#Menu1 li.section {
		background-position: no-repeat right top;
	}
	#Menu1 li a {
		width: 156px; height: 58px; display: block;
		font-size: 12px;
		line-height: 58px; text-align: center; color: white;
		text-decoration: none;
		position: relative; overflow: hidden;
	}
	#Menu1 li a:hover {
		background-color: #A8DCE1;
		text-decoration: underline;
	}
	#Menu1 li.current a, #Menu1 li.section a {
		background-color: #A8DCE1; background-position: right top;
	}
	#Menu1 li.current a span, #Menu1 li.section a span {
		background-position: right top;
	}
	#Menu1 li a:hover span {
		background-position: right top;
	}
.AboutUs a { background-color: #073369; }
li.AboutUs a span { background: url(../images/nav/nav-aboutUs.gif); }
.Education a { background-color: #219DC0; }
li.Education a span { background: url(../images/nav/nav-education.gif); }
.SwimForLife a { background-color: #00638C; }
li.SwimForLife a span { background: url(../images/nav/nav-swimForLife.gif); }
.Research a { background-color: #0093E0; }
li.Research a span { background: url(../images/nav/nav-research.gif); }
.News a { background-color: #007DBD; }
li.News a span { background: url(../images/nav/nav-news.gif); }


/* Navigation-sub */
ul#Menu2 li.current a {
	background: #A8DCE1;
}
ul#Menu2, ul#Menu2 li, ul#Menu2 ul {
	width: 180px; margin: 0; list-style: none;
}
ul#Menu2 li {
	float: left; position: relative; width: 180px; height: 40px;
	border-bottom: 1px solid #FFF; 
}
ul#Menu2 li.iehover {
	z-index: 1000; /* IE z-index bugfix */
}
ul#Menu2 ul {
	display: none; position: absolute; top: 0; left: 100%; z-index: 9999;
}
/* Root Menu */
ul#Menu2 a {
	line-height: 40px;
	width: 168px; height: 40px;
	display: block; padding: 0px 6px 0px 6px;
	font-size: 12px; color: #FFFFFF; text-align: left;
	text-decoration: none;
	background-color: #008DB1;
	font-weight: normal; font-style: normal;
}
ul#Menu2 a:hover {
	text-decoration: underline;
}
/* Adding Images */
#Menu2 li a span {
	width: 180px; height: 40px; display: block;
	left: 0; top: 0; position: absolute; cursor: pointer;
	background-position: no-repeat left top;
}
	#Menu2 li.current a, #Menu2 li.section a {
		background-color: #A8DCE1;
	}
	#Menu2 li.current a span, #Menu2 li.section a span {
		background-position: right top;
	}
	#Menu2 li a:hover span {
		background-position: -180px top;
	}
/* Root Menu Hover Persistence */
ul#Menu2 a:hover, ul#Menu2 li:hover a, ul#Menu2 li.iehover a {
	background: #002855; background-position: -180px top;
}
/* 2nd Menu */
ul#Menu2 li:hover li a, ul#Menu2 li.iehover li a {
	float: none; background: #A8DCE1;
}
/* 2nd Menu Hover Persistence */
ul#Menu2 li:hover li a:hover, ul#Menu2 li:hover li:hover a, ul#Menu2 li.iehover li a:hover, ul#Menu2 li.iehover li.iehover a {
	background: #002855; background-position: -180px top;
}
/* 3rd Menu */
ul#Menu2 li:hover li:hover li a, ul#Menu2 li.iehover li.iehover li a {
	background: #008DB1;
}
/* 3rd Menu Hover Persistence */
ul#Menu2 li:hover li:hover li a:hover, ul#Menu2 li:hover li:hover li:hover a, ul#Menu2 li.iehover li.iehover li a:hover, ul#Menu2 li.iehover li.iehover li.iehover a {
	background: #002855; background-position: -180px top;
}
/* 4th Menu */
ul#Menu2 li:hover li:hover li:hover li a, ul#Menu2 li.iehover li.iehover li.iehover li a {
	background: #A8DCE1;
}
/* 4th Menu Hover */
ul#Menu2 li:hover li:hover li:hover li a:hover, ul#Menu2 li.iehover li.iehover li.iehover li a:hover {
	background: #002855; background-position: -180px top;
}
/* Hover Function - Do Not Move */
ul#Menu2 li:hover ul ul, ul#Menu2 li:hover ul ul ul, ul#Menu2 li.iehover ul ul,ul#Menu2 li.iehover ul ul ul {
	display: none;
}
ul#Menu2 li:hover ul, ul#Menu2 ul li:hover ul, ul#Menu2 ul ul li:hover ul, ul#Menu2 li.iehover ul, ul#Menu2 ul li.iehover ul, ul#Menu2 ul ul li.iehover ul {
	display: block;
}

/* Swim For Life */
.swimForLifeBox {
	padding: 6px; margin-bottom: 12px; border: 1px solid #7FC6D8; float: left;
	width: 686px;
}
.swimForLifeBoxPadding {
	padding: 24px; border: 1px solid #7FC6D8;
}

/* Swim For Life Nav */
.swimForLife {
	display: inline; width: 230px; height: 61px; float: left;
	background-position: left top; margin-top: 12px; margin-bottom: 24px;
}
.sfl-familiarization, .sfl-confidence {
	margin-right: 5px;
}
.swimForLife p {
	display: none;
}
	.swimForLife a {
		display: block; width: 230px; height: 61px;
		font-size: 12px; text-align: center;
		text-decoration: none; position: relative; overflow: hidden;
		background-color: #219DC0;
	}
	.swimForLife a:hover { background-color: #A8DCE1; }
.swimForLife span {
	display: block; width: 230px; height: 61px;
	left: 0; top: 0; position: absolute; cursor: pointer;
	background-position: no-repeat left top;
}
.swimForLife span:hover {
	background-position: right top;
}
	.sfl-familiarization span { background-image: url(../images/sfl-water-familiarization.gif); }
	.sfl-confidence span { background-image: url(../images/sfl-water-confidence.gif); }
	.sfl-learn span { background-image: url(../images/sfl-learn-to-swim.gif); }


/* Header Links */
#Header a.home {
	width: 237px; height: 118px;
	display: block; float: left;
	background: url(../images/logos/watersafetynz.gif) no-repeat;
}
#Header img, #Header a {
	float: right;
}
#Header a.sitemap {
	width: 77px; height: 40px;
	display: block; float: right;
	background: url(../images/nav-siteMap.gif) no-repeat left top;
}
#Header a.sitemap:hover {
	background-position: right top;
}
#Header a.contact {
	width: 88px; height: 40px;
	display: block; float: right;
	background: url(../images/nav-contactUs.gif) no-repeat left top;
}
#Header a.contact:hover {
	background-position: right top;
}




/* Tables */
.tableBox {
	width: 642px; padding: 6px;
	border: 1px solid #F6FFFC;
}
table.resource {
	width: 100%;
	background-color: #F6FFFC;
}
table.resource th p {
	font-size: 8px; font-weight: normal; font-style: normal;
	text-align: left; text-transform: uppercase;
	color: #C0C8C5;
	padding: 8px 0px 5px 0px;
	margin: 0px 5px 0px 5px;
}
table.resource td {
	border-top: 2px solid #EDF7F5;
}
table.resource td p {
	display: block;
	padding: 7px 0px;
	margin: 0px 5px 0px 5px;
}

table.hypothermia {
	background-color: #7FC6D8;
	float: left;
}
	table.hypothermia img {
		float: left; border: 0px; padding: 0px; margin: 0px;
	}
table.hypothermia td {
	vertical-align: middle; height: 51px;
	padding: 0px 12px;
	border-right: 2px solid #EDF7F5; border-bottom: 2px solid #EDF7F5;
}
table.hypothermia tr:hover {
	background-color: #7F93AA;
}
	table.hypothermia p {
		padding: 0px;
	}
	td.condition {
		background-color: #D3EDF0;
	}
	td.temp {
		font-weight: bold; color: #FFF;
		background-color: #DD262F;
		text-align: center;
	}

/* Misc */
.topImage {
	margin: -45px -84px 20px -40px;
}

/* Multimedia */
.MultimediaContainer {
	padding: 17px 0px 12px 0px; margin-bottom: 12px; float: left; width: 100%;
}
	.vid {
		display: block; float: left; margin-right: 16px;
	}
		.vid span {
			display: block; padding-left: 8px; margin: 3px 0px;
		}
		.vid a img {
			border: 2px solid #FFF;
		}

/* Education Portal */
#EducationResourceNav {
	margin-bottom: 52px;
}
#EducationResourceNav a {
	display: block; float: left; margin-right: 7px;
}
#EducationResourceNav a.current {
	color: #A8DCE1; text-decoration: none;
}
.selectedResource h4 {
	margin: 18px 0px 6px 0px;
}
.selectedResource p {
	padding-bottom: 0px; margin-bottom: 6px;
}