body { margin: 0; padding: 0; font-size: 76%; font-family: "Century Gothic", Arial, Helvetica, serif; background: url(../graphics/background.gif) repeat-y top center; }
body.larger { font-size: 90%; }

img { border: 0 none; }

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

td { vertical-align: top; }
td img { padding: 0 10px 10px 0; }

hr { border-width: 2px 0 0 0; border-style: solid; border-color: #80a6b4; padding: 0; margin: 1em 0; height: 1px; line-height: 0; }

object { position: relative; z-index: 1; }


.clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clear { display: inline-block; }
/* \*/
.clear { display: block; }
/* */

div.colourFix { height: 12px; background: #004e65; width: 20px; position: absolute; bottom: 2px; left: 0; visibility: hidden; }


#wrapper { position: relative; width: 800px; margin: 0 auto; background: white; padding: 0 15px 15px; background: white url(../graphics/header.gif) repeat-x; }

#header { position: relative; z-index: 50; height: 160px; }

#logo { position: absolute; top: 23px; left: 17px; }

#font_size { position: absolute; top: 0; right: 0; width: 250px; height: 59px; background: url(../graphics/font_size_bg.gif); text-align: center; }
#font_size p { position: relative; top: 17px; margin: 0; line-height: 40px; color: #004c70; font-weight: bold; font-size: 90%; }
#font_size a { position: absolute; font-weight: normal; color: #54183c; outline: none; background: url(../graphics/spacer.gif); }
#font_size a:hover { text-decoration: none; }
#font_size a.active { color: #004c70; text-decoration: none; cursor: default; }
#font_size a.small { top: 5px; right: 79px; width: 10px; height: 13px; }
#font_size a.large { top: 0; right: 62px; width: 13px; height: 18px; }

#navigation { position: relative; top: 100px; background: #004e65; height: 60px; padding-left: 10px; font-family: "Century Gothic", Arial, Helvetica, serif; }
#navigation img.topright { position: absolute; z-index: 5; top: -14px; right: 0; }
#navigation ul { position: absolute; z-index: 10; top: -6px; margin: 0; padding: 0; list-style-type: none; }
#navigation li { cursor: pointer; position: relative; float: left; height: 70px; line-height: 70px; margin-right: 10px; padding-left: 7px; }
#navigation li.active { background: url(../graphics/navigation/1_left.gif) no-repeat !important; }
#navigation li:hover, #navigation li.hover { background: url(../graphics/navigation/1_hover_left.gif) no-repeat; }
#navigation li:hover li, #navigation li.hover li { background: none; }
#navigation li a { zoom: 1; cursor: pointer; float: left; color: white; font-weight: bold; text-decoration: none; padding-right: 7px; }
#navigation li.active a { background: url(../graphics/navigation/1_right.gif) no-repeat top right !important; }
#navigation li:hover a, #navigation li.hover a { background: url(../graphics/navigation/1_hover_right.gif) no-repeat top right; }
#navigation li:hover li a, #navigation li.hover li a, #navigation li.active li a { background: none !important; }
#navigation li a span.text { display: none; }
#navigation li a span.image { float: left; display: block; height: 70px; padding: 10px 10px 0; }
#navigation li a span.image img, #navigation li a span.image span { position: relative; top: 23px; #top: -7px; }
#navigation li.jsfix a span.image { margin-right: -4px; }
#navigation li.active a span.image { background: url(../graphics/navigation/1_bg.gif) repeat-x !important; }
#navigation li:hover a span.image, #navigation li.hover a span.image { background: url(../graphics/navigation/1_hover_bg.gif) repeat-x; }
#navigation li:hover li a span, #navigation li.hover li a span { background: none; }
#navigation ul ul { position: absolute; z-index: 50; top: 54px; left: 0; }
* html #navigation ul ul { margin-left: -7px; }
#navigation li a span.image span { float: none !important; display: inline !important; width: 100px !important; position: relative !important; top: 20px !important; }

#navigation li li, #navigation li.active li, #navigation li li.nav_active { float: none; height: auto; line-height: 1px; white-space: nowrap; padding: 0; }
#navigation li li a, #navigation li:hover li a, #navigation li.active li a, #navigation li.active:hover li a, #navigation li.hover li a { position: relative; float: none; display: block; height: 30px; line-height: 30px; background-image: url(../graphics/navigation/2_bg.png) !important; padding: 0 10px; color: #004d69; font-weight: normal; border-bottom: 1px solid #98b7c0; #width: 170px; }
#navigation li li a:hover, #navigation li:hover li a:hover, #navigation li li a:hover, #navigation li:hover li a:hover { background: url(../graphics/navigation/2_hover_bg.png) !important; }
#navigation li li a.jsfix, #navigation li li a.jsfix:hover { background-image: none !important; }
#navigation li li.nav_active a, #navigation li li.nav_active a:hover { background-image: none !important; background-color: #c0dfe6 !important; }
#navigation li li a span display: block; position: relative; z-index: 10; float: none; background: none !important; padding: 0; }
#navigation li li a img, #navigation li li a span.bg_span { position: absolute; z-index: 1 !important; top: 0; left: 0; height: 30px !important; }
#navigation ul li.active li.nav_active a, #navigation ul li.active li.nav_active a:hover, #navigation li.active:hover li.nav_active a, #navigation li.active:hover li.nav_active a:hover { background-color: #c0dfe6 !important; background-image: none !important; }
#navigation li li li a, #navigation li.nav_active li.nav_active li a, #navigation li:hover li:hover li a { background-image: url(../graphics/navigation/2_bg.png) !important; background-color: transparent !important; }

#navigation ul ul ul { position: absolute; z-index: 5; left: 100%; #left: 190px; !important; top: 0; border-left: 1px solid #98b7c0; display: none; }
* html #navigation ul ul ul { left: 196px; margin-bottom: -5px; }
#navigation li li li a { min-width: 100px; }

#navigation table{
	border-collapse:collapse;
	padding:0;
	margin: 0 0 -7px;
	width:0;
	height:0;
	font-size:1em;
	z-index:5;
	position: absolute;
	left: 0;
	top: 0;
}

#navigation td { margin: 0; padding: 0; }

* html #navigation a:hover {
	position:relative;
	z-index:100;
}
#navigation li:hover{
	position:relative;
}

* html #navigation ul ul a:hover {
	position:relative;
	z-index:110;
}

#navigation ul ul li:hover {
	position:relative;
}

#navigation ul ul :hover > a {

}

* html #navigation ul ul ul a:hover {
	position:relative;
	z-index:120;
}

#navigation ul ul ul ul a:hover{
	position:relative;
	z-index:130;
}

#navigation ul ul{
	visibility:hidden;
	display: none;
}

#navigation ul ul ul{

}

#navigation ul :hover ul{
	visibility:visible;
	display: block;
	height:auto;
	padding:0;
}

#navigation ul :hover ul ul{
	visibility:hidden;
}

#navigation ul :hover ul :hover ul ul{
	visibility:hidden;
}

#navigation ul :hover ul :hover ul{
	visibility:visible;
}

#navigation ul :hover ul :hover ul :hover ul{
	visibility:visible;
}

#navigation #buttons { position: absolute; top: -14px !important; right: 60px; margin: 0 !important; padding: 0 !important; }
#navigation #buttons li, #buttons li:hover { margin: 0 0 0 5px !important; padding: 0; width: 26px !important; height: 27px !important; }
#navigation #buttons li:hover, #navigation #buttons li.hover { background: none !important; }
#navigation #buttons li a { float: none; display: block; padding: 0 !important; margin: 0 !important; background: none !important; width: 26px !important; height: 27px !important; }
#navigation #buttons li:hover a { margin: 0 !important; padding: 0 !important; }
#navigation #buttons li a img, #navigation #buttons li a span { position: absolute; top: 0; left: 0; visibility: hidden; }
#navigation #buttons li a:hover img, #navigation #buttons li a:hover span { visibility: visible; }
#navigation #buttons li a span.spacer { visibility: visible !important; float: none; display: block; background: url(../graphics/spacer.gif); width: 26px; height: 27px !important; line-height: 27px !important; }

#main { position: relative; z-index: 1; }

#sidebar { position: relative; z-index: 1; float: left; width: 170px; padding-bottom: 80px; }

#subnav { padding: 10px; background: #f7a40a; font-family: "Century Gothic", Arial, Helvetica, serif; font-weight: bold; position: relative; }
* html #subnav { }
#subnav ul { margin: 0; padding: 0; list-style-type: none; }
#subnav li { border-bottom: 1px solid #f7a40a; position: relative; }
#subnav li a { position: relative; color: #3a2800; display: block; padding: 5px 17px; zoom: 1; }
#subnav li a:hover, #subnav li.nav_active a { text-decoration: none; background: #ffc252; }
#subnav li li { border-bottom: 0; padding-left: 15px; background: #ffc252; }
#subnav li li a { border-bottom: 1px solid #fbb32e; background: #fbb32e !important; height: auto; }
#subnav li li a:hover, #subnav li li.nav_active a { background: #ffe1a9 !important; }
/* * html #subnav li li a { margin: 0 0 -15px; } */

#search { height: 48px; background: url(../graphics/search_bg.gif) no-repeat; padding-top: 12px; }
#search input.text { zoom: 1; position: relative; left: 7px; float: left; width: 110px; margin-right: 20px; background: url(../graphics/search_input.gif) repeat-x; border: 0; padding: 6px 6px 0 0; #padding: 2px 6px 0 0; height: 18px; line-height: 23px; font-size: 90%; color: #999d87; }
* html #search input.text { height: 23px; padding: 0 6px 0 0; line-height: 23px; margin-right: 13px; }

#crumbs { margin-left: 170px; background: #cfdee3; padding: 0 10px; font-size: 90%; height: 30px; line-height: 30px; }
#crumbs a { text-decoration: underline; }

#content { position: relative; z-index: 1; margin-left: 170px; padding: 25px; background: url(../graphics/content.gif) repeat-x; font-size: 95%; font-family: "Century Gothic", Arial, Helvetica, serif; }
#content.home { padding-right: 290px; background: #e6eef0 url(../graphics/home_content.gif) repeat-x; min-height: 375px; margin-bottom: 30px; }
* html #content { padding: 25px 25px 25px 20px; }
* html #content.home { height: 375px; }
#content h1, #content h2, #content h3, #content h4,  #content p { margin-top: 0; }
#content h1 { }
#content h2, #content h3 { font-size: 140%; color: #551c3c; font-weight: normal; }
#content h2 a { text-decoration: underline; color: #551c3c; }
#content h3 { font-size: 110%; }
#content.home h2, #content h1 { font-family: "Century Gothic", Arial, Helvetica, serif; font-weight: normal; font-size: 190%; color: #551c3c; }
#content td h2 { font-size: 160%; font-weight: normal; margin: 0 0 0.3em; color: #004e65; }
#content td h3 { color: black; }
#content a { color: #007592; }
#content p { line-height: 1.6em; }

#main_content { position: relative; z-index: 5; }

#flash_teaser { position: absolute; top: 0; right: 0; }

#side_images { position: relative; right: -25px; float: right; padding-bottom: 40px; }
#side_images.topnav { position: absolute; top: -30px; right: 0; }
#side_images.smaller { }
#side_images div.flash_image { padding-bottom: 20px; }

#left_content { margin-right: 166px; }
#left_content.topnav { margin-right: 210px; }
#left_content.smaller { margin-right: 150px; }

#footer { margin-top: -15px; position: relative; height: 35px; line-height: 35px; background: #edeee8; padding: 0 10px; color: #adb391; font-size: 80%; }
#footer p { position: absolute; left: 10px; margin: 0; }
#footer p a { color: #adb391; text-decoration: underline; }
#footer p a:hover { color: #737760; }
#footer a.back_to_top { text-decoration: none; position: absolute; right: 7px; top: 7px; display: block; line-height: 1.5em; font-weight: bold; color: #004d61; }
#footer a.back_to_top:hover { border: 2px solid #aab08b; right: 5px; top: 5px; }

#pagetools { position: absolute; z-index: 50; top: -50px; left: 0; width: 170px; line-height: 20px; font-weight: bold; }
#pagetools a { display: block; color: #07476b; text-decoration: none; background-position: left center; background-repeat: no-repeat; padding-left: 27px; }
#pagetools a span { visibility: hidden; }
#pagetools a.email { background-image: url(../graphics/mail_icon.gif); border-bottom: 1px solid #f2f3ed; }
#pagetools a.print { background-image: url(../graphics/print_icon.gif); }

#pathways_management table { width: 100%; }
#pathways_management td.details { width: 100%; }
/*
#pathways_management table { margin: 0 0 2em -10px; }
#pathways_management td { padding: 1em 0 0 0; width: 130px; }
#pathways_management td.details { width: 165px; }
#pathways_management td img { margin: 0; padding: 0; }
*/

#nz_map { float: left; }

#contact_details { margin-left: 320px; padding: 4em 0 0 0; }

#keys_journeys #content em { font-size: 90%; }

#hui_journeys #content h3, #keys_journeys #content h3, #journeys_with_pathways #content h3 { margin: 0; }