/* --------------------
Template: /path/to/header.css
Description: Site page header layout
Created:  01/10/2009 Chris Stevenson (christopher.stevenson@aihw.gov.au)
Modified: 17 Feb 2011 Andrew Smith update for corporate colours
          07 Jul 2011 Chris Stevenson   accessibility edits: skip link
	  04 Jan 2013 , 20 Feb 2013 Andrew Smith update for megamenus 
-------------------- */

/* header */

#header { 
	background: transparent url(../../images/site/header-rounded-lt.gif) no-repeat top left;
	float: left; 
	width: 100%; }
#header-bg { 
	background: transparent url(../../images/site/header-rounded-rt.gif) no-repeat top right;
	float: left; 
	width: 100%; }

/* banner */

#header-banner { 
	float: left; 
	padding: 0 2% 10px; 
	width: 96%; }
#header-banner-bg {  }

/* banner link list */

#header-banner ul { 
    font-size: 85%; 
    list-style-type: none; 
    margin: 5px 0 0;
    padding: 1px 0; 
    text-align: right; }
#header-banner ul li {
    border-left: 1px solid #ddd;
    display: inline;
    margin: 0;
    padding: 0;
    text-transform: lowercase; }
#header-banner ul li.first, #header-banner ul li.first-child {
    border-left: 0; }
#header-banner ul li a {
    border-color: #006ba2; 
    margin: 0 7px; }
#header-banner ul li span {
    color: #006ba2; }

/* logo */

#header-banner .mediabox {
	float: left; 
	font-size: 12px;
	height: 54px; }
#header-banner .mediabox .logo { 
	background: transparent url(../../images/site/name.gif) no-repeat right bottom;
	float: left;
	height: 52px;
	width: 348px; }
#header-banner .mediabox .logo a { 
	border: none; 
	float: left; }
#header-banner .mediabox .caption { 
	color: #006ba2; 
	float: left;
	padding: 18px 0 0;
	height: 34px; }
#header-banner .mediabox .skip { 
    font-size: 90%; 
    left: 2px; 
    position: absolute; 
    top: 0px; }

/* search */

#header-banner .search { 
	float: right; 
	margin: 9px 0 0;
	text-align: right; 
	width: 250px; } 
#header-banner .search fieldset { 
	border: none; 
	display: inline; 
	float: right; 
	margin: 0;
	padding: 0; 
	white-space: nowrap; 
	width: 100%; }
#header-banner .search .query, #header-banner .search .submit { 
	display: inline; }
#header-banner .search .query input { 
    width: 69%; }
#header-banner .search .submit input { 
    background-color: #006ba2; 
    border: 1px solid #006ba2; 
    border-left: 4px solid #002233;
    color: white; 
    cursor: pointer; 
    font-family: verdana, helvetica, arial, sans-serif;
    font-weight: bold; 
    text-transform: lowercase; 
    width: 26%; }
#header-banner .search legend, #header-banner .search label { 
	display: none; }

/* shopping cart and text size change links */

#header-banner .search ul li {
    border: none; }
#header-banner .search ul li.cart a { 
	background: transparent url(../../images/site/icons/cart.jpg) no-repeat 100%  100%;
	padding-right: 20px; }
	
/* navigation link list */

#site-navigation { 
	background: transparent url(../../images/site/bar-centre.gif) 0 0;
	float: left; 
	width: 100%;
	height: 25px;
	z-index: 2;}

#site-navigation-bg { 
	background: transparent url(../../images/site/bar-left.gif) repeat-y 0 0;
	float: left; 
	width: 100%; }

#site-navigation-bg2 { 
	background: transparent url(../../images/site/bar-right.gif) repeat-y 100% 0;
	float: left; 
	width: 100%; }

/* ---------- Drop down mega menu --------- */

#mega {
	list-style: none;
	z-index: 5;
	/* font-weight:bold; */
	/* height:2em; */
	/* margin:60px -1px 0 0; */
}

#mega li {
	/* background:#999; */
	/* border:1px solid #000; */
	float: left;
	margin-left:-1px;
	/* width: 150px; */ width: 100px;
	position: relative;
	text-align: center; 
}

#mega li.menu:hover {
	/* background: #eee; */ background: #fff;
	border-bottom: 0; /* border-bottom:0; and padding-bottom:1px; keeps <li> and <div> connected */
	border-top: 1px solid #002233;
	/* padding: 7px 0 1px 0; */ padding: 0 0 1px;
	/* margin-top: -7px; */
	z-index: 6; /* shadow above adjacent li */
}

#mega li > a {
	border: none;
	/* color: #000; */ color: #fff;
	display: block;
	line-height: 1.9em;
	
	outline: 0;
	text-decoration: none;
}

#mega li.menu > a span {
	background: url(../../images/site/triangle-megamenu-white.gif) center right no-repeat;
	padding-right: 15px;
}

#mega li:hover > a {
	color: #ff0;
}

#mega li.menu:hover > a {
	border-top: 1px solid #e9ddcd;
	border-bottom: 5px solid #fff;
	color: #006ba2;
	font-weight: bold;
}

#mega li.menu:hover > a span {
	background: url(../../images/site/triangle-megamenu-blue.gif) center right no-repeat;
	padding-right: 15px;
}

#mega li.home { font-weight: bold; margin-left: 1px; text-align: left; width: 65px; }
#mega li.about { width: 80px; }
#mega li.subjects { margin-left: 50px; width: 90px; }
#mega li.publications { width: 110px; }
#mega li.data { width: 70px; }
#mega li.committees { width: 110px; }
#mega li.education { width: 90px; }
#mega li.jobs { width: 70px; }
#mega li.media { width: 80px; }

/* ----------- Hide/Show Div ---------- */

#mega li > div {
	/* background: #eee; */ background: transparent url(../../images/site/bkgd-megamenu.png) bottom left repeat-x; 
	opacity: 0.97; filter: alpha(opacity=95); /* for IE */
	/* border-top: 0; */ border: 1px solid #c3c3c3;
	font-weight: normal;
	left: -999em;
	margin-top:-5px;
	/* padding:0 10px 10px; */ padding: 10px 5px;
	position: absolute;
	text-align: left;
	/* width: 350px; */ width: 825px;
	z-index: 1;
}
#mega li:hover > div { 
	border-bottom: 5px solid #005e8c; 
	border-top: 5px solid #005e8c; 
	left: -1px; 
	top: auto; 
}

#mega li.about:hover > div { left: -14px; }
#mega li.subjects:hover > div { left: -145px; } 
#mega li.publications:hover > div { left: -234px; } 
#mega li.data:hover > div { left: -343px; }
#mega li.committees:hover > div { left: -412px; } 
#mega li.education:hover > div { left: -521px; }
#mega li.about > div, #mega li.jobs > div, #mega li.media > div { width: auto; }

#mega li > div > div { float: left; }

#mega li > div > div.left, #mega li > div > div.right { width: 164px; }

#mega li > div > div.centre { border: 1px solid #c3c3c3; border-width: 0 1px; width: 495px; }

/* --------- Within Div Styles --------- */

#mega div p {
	float: left;
	line-height:1.2em;
	/* margin: 10px 0; */ margin: 0;
	/* padding-left: 10px; */ padding: 0 10px;
	position: relative; /* makes above drop shadow */
	/* width: 106px; */ width: 145px;
}

#mega div p a {
	border: none;
	clear:left;
	color: #005e8c;
	float:left;
	margin: 5px 0 0;
	/* text-decoration: underline; */ text-decoration: none;
	width:100%; /* For IE6/7 */
}

/* #mega div a:hover, #mega div a:focus, #mega div a:active {
text-decoration:none;
} */

#mega div p a:visited {
	color: #804077;
}

#mega div p a:hover span {
	border-bottom-style: dotted;
	border-bottom-width: 1px;
}

#mega div p span.heading {
	color: #332e29;
	font-weight: bold;
}