@charset "utf-8";
body {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #221E1F;
	background-color: #E7E6E6;
	background-image: url(images/bg.gif);
	background-repeat: repeat-x;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#container {
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(images/container-bg.gif);
	background-repeat: no-repeat;
}
#container-inner {
	background-image: url(images/container-inner-bg.gif);
	background-repeat: repeat-y;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}

/*--------------------- Header ---------------------*/

#logo {
	float: left;
	display: inline;
	height: 77px;
	width: 172px;
	margin: 27px 0 147px 34px;
}
#flash {
	float: left;
	height: 221px;
	width: 720px;
}
#cta {
	float: left;
	height: 121px;
	width: 720px;
}
#banner {
	float: left;
	width: 720px;
	height: 176px;
}
#title {
	float: left;
	height: 44px;
	width: 720px;
	background-image: url(images/main-h1-bg.jpg);
	background-repeat: no-repeat;
}
#title h1 {
	font-size: 18px;
	font-weight: bold;
	color: #ffffff;
	margin-top: 15px;
	margin-bottom: 0px;
	margin-left: 20px;
	line-height: 18px;
	padding: 0px;
}
#sect-title {
	float: left;
	height: 46px;
	width: 720px;
}
.whats-on { background-image: url(images/sect-title-whats-on.jpg); }
.research { background-image: url(images/sect-title-research.jpg); }
.education { background-image: url(images/sect-title-education.jpg); }
.visit-us { background-image: url(images/sect-title-visit-us.jpg); }
.kiwis-at-war { background-image: url(images/sect-title-kiwis-at-war.jpg); }
.military-hardware { background-image: url(images/sect-title-military-hardware.jpg); }
.gift-shop { background-image: url(images/sect-title-gift-shop.jpg); }
.museum-news { background-image: url(images/sect-title-museum-news.jpg); }
.support-us { background-image: url(images/sect-title-support-us.jpg); }
.about-us { background-image: url(images/sect-title-about-us.jpg); }
.useful-links { background-image: url(images/sect-title-useful-links.jpg); }
.media { background-image: url(images/sect-title-media.jpg); }
.enquiries { background-image: url(images/sect-title-enquiries.jpg); }
.blog {background-image:url(images/sect-title-blog.jpg);}
#sect-title h1 {
	font-size: 24px;
	font-weight: bold;
	color: #ffffff;
	margin-top: 14px;
	margin-bottom: 0px;
	margin-left: 20px;
	line-height: 24px;
	padding: 0px;
}
#sect-sub-title {
	float: left;
	height: 35px;
	width: 720px;
	background-image: url(images/sect-sub-title-bg.gif);
	background-repeat: no-repeat;
}
#sect-sub-title h2 {
	font-size: 18px;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #ffffff;
	border: none;
	margin-top: 9px;
	margin-bottom: 0px;
	margin-left: 20px;
	line-height: 18px;
	padding: 0px;
}

/*--------------------- Body ---------------------*/

#main-body {
	background-image: url(images/body-bg.jpg);
	background-repeat: no-repeat;
	padding: 8px 20px;
	float: left;
	width: 680px;
}
#body {
	background-image: url(images/body-bg.jpg);
	background-repeat: no-repeat;
	padding: 8px 20px;
	float: left;
	width: 680px;
}
.breadcrumbs, .breadcrumbs a {
	font-size: 10px;
	color: #575455;
	margin-bottom: 10px;
}

.breadcrumbs a:hover {
	color: #B42D23;
}
#body ul.body-nav {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-weight: bold;
	width: 458px;
}
#body ul.body-nav li {
	margin: 7px 0;
	padding: 0;
	list-style-type: none;
	background: none;
}
ul.body-nav a {
	display: block;
	height: 45px;
	font-weight: bold;
	font-size: 13px;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-decoration: none;
	color: #FFFFFF;
	background-image: url(images/body-nav-bg.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
ul.body-nav a img {
	margin: 5px 9px 4px 5px;
	text-decoration: none;
}
ul.body-nav a:hover {
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(images/body-nav-bg2.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
ul.body-nav a:hover span {
	text-decoration: underline;
}
#body h1 {
	font-size: 20px;
	font-weight: bold;
	color: #595657;
	margin-top: 20px;
	margin-bottom: 15px;
	line-height: 18px;
	padding: 0px;
}
h2 {
	font-size: 16px;
	color: #B42D23;
	margin: 15px 0 0 0;
	padding-bottom: 4px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #BD4D23;
	text-transform: capitalize;
}
#main-body h3 {
	font-size: 14px;
	font-weight: bold;
	color: #BD4D23;
	margin: 15px 0 0 0;
}
h3 {
	font-size: 14px;
	font-weight: bold;
	color: #595657;
	margin: 15px 0 0 0;
}

h3.seo {
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
	text-align: center;
	color: #595657;
	margin: 15px 0 10px 0;
}
p {
	margin: 10px 0 12px 0;
}
a {
	color: #B42D23;
	text-decoration: underline;
}

a:hover {
	color: #B42D23;
	text-decoration: none;
}

a img {
	border: none;
}
#main-body ul, #body ul {
	margin: 5px 0;
	padding: 0 0 0 18px;
}
#main-body ul li, #body ul li {
	list-style-type: none;
	margin: 0;
	padding: 1px 0 1px 19px;
	background-image: url(images/bullet.gif);
	background-repeat: no-repeat;	
	background-position: 2px 6px;	
}
.highlight-box {
	width: 385px;
	margin: 20px 0 20px 0;
	border: 1px dashed #838182;
	padding: 10px 15px;
	background-color: #E4E4E4;
}
#main-body .highlight-box h3 {
	margin: 0;
}
.highlight-box p {
	margin: 5px 0;
}
#features {
	float: right;
	width: 239px;
	margin-left: 20px;
}
.e-newsletter {
	float: right;
	margin: 0 0 11px 0;
}
.sect-cta {
	float: right;
	clear: right;
	margin: 0 0 11px 0;
}
.internet-special {
	clear: right;
	float: right;
	margin: 0 0 11px 0;
}
#quote {
	float: left;
	background: url(images/quote.gif) no-repeat 0px 5px;
	margin: 10px 0 0 0;
	width: 239px;
}
#quote p {
	margin: 0;
	padding: 12px 25px 5px 25px;
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
	font-style: italic;
}
#quote cite {
	display: block;
	background: url(images/quote-close.gif) no-repeat right 0px;
	margin: 0px;
	padding-top: 0px;
	padding-left: 22px;
	height: 18px;
}
#quote #quote-name {
	font-weight: normal;
	background: url(images/quote-close.gif) no-repeat right 2px;
	color: #7A7879;
	height: 20px;
	font-size: 11px;
	font-style: normal;
	text-align: right;
	padding-right: 25px;
}
img.photo {
	float: right;
	border: 1px solid #848283;
	margin: 0px 0px 1ex 1em;
	clear: both;
}
.photo-caption {
	margin: 0px 0px 1ex 1em;
	font-size: 10px;
	font-style: italic;
	line-height: 14px;
}
img.border {
	border: 1px solid #848283;
	margin: 0px 0px 1em 1em;
}
table img.border {
	border: 1px solid #848283;
	margin: 0px 0px 0px 1em;
}
img.photo-left {
	float: left;
	border: 1px solid #848283;
	margin: 0px 1em 1ex 0;
	clear: both;
}
img.photo-muse {
	float: left;
	border: 1px solid #848283;
	margin: 0px 5px 10px 5px;
}
#sar-major {
	height: 470px;
	background-image: url(education/images/sar-major.jpg);
	background-repeat: no-repeat;
	position: relative;
}
#sar-major-content {
	position: absolute;
	left: 265px;
	top: 145px;
}
#kidz-hq-container {
	width: 504px;
	height: 985px;
	background-image: url(/images/kidz-hq-bg.jpg);
	background-repeat: no-repeat;
	background-color: #F58220;
	background-position: left bottom;
}
#kidz-hq {
	width: 504px;
	height: 491px;
	background-image: url(/images/kidz-hq.jpg);
	background-repeat: no-repeat;
	position: relative;
}
#kidz-hq-content {
	position: absolute;
	left: 15px;
	top: 255px;
	width: 370px;
}
#kidz-hq table.form td.field, #kidz-hq table.form input.text, #kidz-hq table.form textarea {
	width: 250px;
}
#body #kidz-hq ul li {
	background: url(/images/kidz-hq-bullet.gif) no-repeat 2px 3px;
}
table.form {
	border-collapse: collapse;
}

table.form td {
	vertical-align: top;
	padding: 0px 0px 1ex;
}

table.form td.label {
	padding-right: 1em;
}

table.form td.field {
	width: 300px;
}

table.form label {
	font-weight: bold;
}

table.form input.text,
table.form textarea {
	width: 300px;
}
.clear-floats {
	clear: both;
}

/*--------------------- Side Bar ---------------------*/

#side-bar {
	background-image: url(images/side-bar-bg.jpg);
	background-repeat: no-repeat;
	float: left;
	width: 240px;
	min-height: 700px;
}
#nav {
	float: left;
	display: inline;
	top: 177px;
	margin: 0 0 0 34px;
	padding-bottom: 286px;
	width: 172px;
}

#nav ul {
	display: block;
	margin: 0px;
	padding: 0px;
}

#nav ul li {
	display: inline;
}

#nav ul ul li {
	display: block;
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#nav ul .menu-header {
	display: block;
	background: #575455;
	background-image:url(images/menu-grey.gif);
	color: white;
	border-top: 1px solid #2A2627;
	position: relative;
	padding: 3px 8px 2px 8px;
}

#nav ul li#menu-whats-on .menu-header {
	border-top: 1px solid #585455;
}

#nav ul .menu-header a.title {
	display: block;
	text-decoration: none;
	color: white;
	font-weight: bold;
}

#nav ul .menu-header a.title:hover {
	text-decoration: underline;
}

#nav ul .menu-header a.button {
	display: block;
	position: absolute;
	right: 5px;
	top: 5px;
	width: 10px;
	height: 10px;
	overflow: hidden;
	border: 1px solid #575455;
	background: url(images/menu-button.gif) no-repeat 0px 0px;
}

#nav ul li.open .menu-header a.button {
	background-position: 0px -10px;
}

#nav ul .menu-header a.button:hover {
	border-color: white !important;
}

#nav ul .menu-header a.button span {
	display: block;
}

#nav ul .menu {
	background: #636061;
	padding: 4px;
	display: none;
}

#nav ul .closing .menu,
#nav ul .opening .menu {
	display: block;
	padding: 0px;
}

#nav ul .closing .menu ul,
#nav ul .opening .menu ul {
	display: none;
}

#nav ul li.open .menu {
	display: block;
}

#nav ul .menu ul li.first {
	border-top: none;
}

#nav ul .menu ul a {
	display: block;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
	padding: 0px 4px 0px 17px;
	width: 143px;
	background: url(images/menu-arrow.gif) no-repeat 5px 7px;
}

#nav ul .menu ul ul a {
	font-weight: normal;
	padding-left: 29px;
	width: 131px;
	background: url(images/menu-arrow.gif) no-repeat 17px 7px;
}

#nav ul .menu a:hover {
	background-color: #514D4F;
	color: white;
}

#nav #menu-whats-on .menu-header {
	background-image:url(images/menu-red.gif);
}

#nav #menu-whats-on .menu-header a.button { border-color: #C82F23; }

#nav #menu-whats-on .menu {
	background: #71403D;
}

#nav #menu-whats-on .menu a:hover {
	background-color: #C82F23;
}

#nav #menu-research .menu-header {
	background-image:url(images/menu-green.gif);
}

#nav #menu-research .menu-header a.button { border-color: #858256; }

#nav #menu-research .menu {
	background: #5D594C;
}

#nav #menu-research .menu a:hover {
	background-color: #858256;
}

#nav #menu-education .menu-header {
	background-image:url(images/menu-blue.gif);
}

#nav #menu-education .menu-header a.button { border-color: #648393; }

#nav #menu-education .menu {
	background: #535B60;
}

#nav #menu-education .menu a:hover {
	background-color: #648393;
}

#nav #menu-visit-us .menu-header {
	background-image: url(images/menu-yellow.gif);
}

#nav #menu-visit-us .menu-header a.button { border-color: #BA933F; }

#nav #menu-visit-us .menu {
	background: #6D5F47;
}

#nav #menu-visit-us .menu a:hover {
	background-color: #BA933F;
}

/*--------------------- Footer ---------------------*/

#footer {
	background-image: url(images/footer.gif);
	background-repeat: repeat-x;
	float: left;
	display: inline;
	margin: 0 10px;
	clear: both;
	height: 31px;
	width: 960px;
	font-size: 10px;
	color: #ffffff;
	line-height: 12px;
	position: relative;
}
#footer a {
	color: #ffffff;
	text-decoration: none;
}
#footer a:hover {
	color: #ffffff;
	text-decoration: underline;
}
#copyright {
	float: left;
	display: inline;
	width: 250px;
	margin: 0 0 0 20px;
}
#footer-links {
	float: right;
	display: inline;
	width: 250px;
	text-align: right;
	margin: 0 20px 0 0;
}
#avatar {
	float: left;
	width: 960px;
	padding: 10px 0;
	margin: 0 auto;
	text-align: center;
}
#avatar p {
	margin: 0;
}
#avatar a {
	color: #C36B64;
	font-size: 10px;
	line-height: 10px;
	text-decoration: none;
}
#avatar a:hover {
	color: #C82F23;
	text-decoration: none;
}
#address {
	position: absolute;
	width: 172px;
	left: 34px;
	top: -118px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #464344;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #464344;
}
#address p {
	color: #ffffff;
	font-size: 10px;
	line-height: 14px;
	margin: 8px 0 10px 0;
	text-align: center;
}
#qualmark {
	position: absolute;
	width: 104px;
	height: 120px;
	left: 68px;
	top: -266px;
}
#sidebar-facebook {
	float: left;
	width: 172px;
	height: 31px;
	margin: 34px 0 0 0;
}