/* STLYE SHEET FOR iRAP Road Safety Toolkit
http://www.irap.net/toolkit/

Created by INVOLVED. - involved.com.au (10 October 2009)
jordan@involved.com.au */


#navContainer {
	position: absolute;
	width: 950px;
	z-index: 1001;
}

ul#nav {
	width: 684px;
	float: right;
	height: 85px;
	margin-top: 3px;
	position: relative;
}

ul#nav li.navli { 
	width: 110px; 
	display: inline; 
	float: right;	
	padding-left: 4px; 
}

ul#nav li a.navlink {
	display: inline-block;
	width: 110px;
	height: 85px;
}

ul#nav li span { display: none; }
ul#nav li:hover { visibility: inherit; cursor: default !important; } /* fixes IE7 'sticky bug' */

ul#nav li#btnHome a.navlink			{ background: url(../images/nav/navBtn_home.gif) top right no-repeat; }
ul#nav li#btnCrashtypes a.navlink 	{ background: url(../images/nav/navBtn_crashtypes.gif) top right no-repeat; }
ul#nav li#btnRoadusers a.navlink 	{ background: url(../images/nav/navBtn_roadusers.gif) top right no-repeat; }
ul#nav li#btnTreatments	a.navlink 	{ background: url(../images/nav/navBtn_treatments.gif) top right no-repeat; }
ul#nav li#btnGovernance	a.navlink 	{ background: url(../images/nav/navBtn_governance.gif) top right no-repeat; }
ul#nav li#btnAbout a.navlink	 	{ background: url(../images/nav/navBtn_about.gif) top right no-repeat; }
ul#nav li#btnManagement a.navlink	 	{ background: url(../images/nav/navBtn_management.gif) top right no-repeat; }

ul#nav li .subnav { position: absolute; clear: both; display: none; visibility: hidden; } 

ul#nav li#btnCrashtypes .subnav { background: url(../images/nav/dropdown_roadusers.gif) no-repeat; width: 322px; height: 287px; top: 84px; left: 118px; }
ul#nav li#btnRoadusers .subnav 	{ background: url(../images/nav/dropdown_roadusers.gif) no-repeat; width: 322px; height: 287px; top: 84px; left: 232px; }
ul#nav li#btnTreatments .subnav { background: url(../images/nav/dropdown_treatments_clear.gif) no-repeat; width: 780px; height: 430px; top: 84px; right: 56px; }
ul#nav li#btnGovernance .subnav { background: url(../images/nav/dropdown_governance.gif) no-repeat; width: 322px; height: 287px; top: 84px; right: 114px; }
ul#nav li#btnManagement .subnav { background: url(../images/nav/dropdown_management.gif) no-repeat; width: 322px; height: 287px; top: 84px; right: 114px; }

ul#nav li.selected a.navlink 		{ background-position: bottom right !important; }
ul#nav li:hover a.navlink 			{ background-position: right -85px !important; } /*working non IE*/
ul#nav li:hover .subnav 	{ visibility: visible !important; display: block !important; }

/***** IE  FIX *****/
ul#nav li#btnCrashtypes:hover a.navlink 	{ background-position: right -85px !important; }
ul#nav li#btnRoadusers:hover a.navlink 		{ background-position: right -85px !important; }
ul#nav li#btnTreatments:hover a.navlink 	{ background-position: right -85px !important; }
ul#nav li#btnGovernance:hover a.navlink 	{ background-position: right -85px !important; }
ul#nav li#btnManagement:hover a.navlink 	{ background-position: right -85px !important; }

ul#nav li .subnav div.sublinks {
	margin: 10px;	
}

ul#nav li .subnav div.sublinks a {
	display: block;
	background: none;
	font-size: 12px;
	text-decoration: none;
	margin-bottom: 8px;
	height: auto;
	width: auto;
	text-indent: 10px;
}

ul#nav li .subnav div.sublinks div.breaker {
	border-top: solid 1px #999; margin-top: 14px;
}

ul#nav li .subnav div.sublinks div.case {
	display: block;
	background: none;
	font-size: 12px;
	margin-bottom: 8px;
	height: auto;
	width: auto;
	text-indent: 10px;
	font-weight: bold;
}