/*  

This is the primary style sheet for the NRETA web site.  
The template is designed to meet the Northern Territory Government mandated design.

If you use this style sheet alone, you will get a simple wireframe layout with no colours.
There are separate style sheets to look after the corporate colours

In addition to this style sheet there are also
-  nnnnn_colour  the "colouring in" style sheet (for the nnnnn division of NRETA)
-  print.css     the stylesheet that is used for print formatting of the web pages
-  level2.css    this stylesheet contains the specific enhancements for the level 2 (content) pages

Ian Symonds
Dialog IT
March 2007
*/ 


body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:.8em;
	margin:0px;
	text-align:center;
}

/* begin legacy styles */
/*  these have been copied from the legacy style sheets named formatting.ss and frontformatting.css */

caption, .caption {
	/* there is also ".note", which is basically the same but without bold or centering*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.90em;
	color:#999;
	font-weight: bold;
	line-height: 100%;
	padding-top: 0.25em;
	padding-bottom: 0.25em;
	text-align: center;
}

h1 {
	font-size: 1.25em;
	font-weight: bold;
	letter-spacing: -0.05em;
 	margin-top: 0em;
}

h2 {
	font-size: 1.125em;
	font-weight: bold;
	margin-top: 2em;
	letter-spacing: -0.05em;
}

form h2 {
	padding: 0px 3px;
	font-size: 1em;
	display: block;
}

h3 {
	font-size: 1em;
	font-weight: bold;
	letter-spacing: -0.05em;
}

form h3 {
	padding: 0px 3px;
	font-size: 1em;
	font-weight: normal;
	letter-spacing: normal;
	display: block;
}

h4 {
	font-weight: bold;
	font-style: normal;
	font-size: 1em;
	letter-spacing: -0.05em;
}

h5 {
	font-weight: normal;
	font-style: italic;
	font-size: 1em;
}

.textSmall {font-size: x-small}


table {
	border-collapse: collapse;
	border-color: #CCCCCC;
	empty-cells: show;
}

table#layout {
	background-color: white;
	border-left: 1px solid #BFDAD8 !important;
	border-right: 1px solid #BFDAD8 !important;
	border-bottom: 1px solid #BFDAD8 !important;
}

td {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
}	/*	see also .padnone */

/*
textarea - see input
*/

th {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	letter-spacing: -0.05em;	color: #000000;
	background: #F9FCF5; /* E2F1CF */
	vertical-align: bottom;
	border-top: 1px solid #C1D82F;
	border-left-style: none;
	border-right-style: none;
	border-bottom: 2px solid #C1D82F;
}

table.bordergrey th {
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
}

tr {
	font-family: Arial, Helvetica, sans-serif; 
}

ul {
	font-family: Arial, Helvetica, sans-serif; 
}

ul.bulletflush {
	margin-left: 1em;
}

ul.bulletnone, li.bulletnone {
	list-style-type: none;
}

ul.bulletdisc, li.bulletdisc {
	list-style-type: disc;
}

ul.bulletsquare, li.bulletsquare {
	list-style-type: square;
}

ul.bullettick, li.bullettick {
	list-style-image:url(http://nt.gov.au:8080/nreta/natres/weeds/management/management_gamba/demo_sites/demo_litchfield/images/tick.gif);
}

ul.bulletcross, li.bulletcross {
	list-style-image: url(http://nt.gov.au:8080/nreta/natres/weeds/management/management_gamba/demo_sites/demo_litchfield/images/cross.gif);
}

ul.index, li.index, ul.indexflush, li.indexflush {
	list-style-type: none;
	list-style-image: url(http://nt.gov.au:8080/nreta/natres/weeds/management/management_gamba/demo_sites/demo_litchfield/images/index.gif);
}

ul.index li a:visited, li.index a:visited, ul.indexflush li a:visited, li.indexflush a:visited,
ul.index li:visited, ul.indexflush li:visited {
	list-style-type: none;
	list-style-image: url(http://nt.gov.au:8080/nreta/natres/weeds/management/management_gamba/demo_sites/demo_litchfield/images/index-visited.gif);
}

ul.index li a:hover, ul.index li a:visited:hover,
ul.indexflush li a:hover, ul.indexflush li a:visited:hover,
ul.index-www li.index a:hover, ul.index-www li.index a:visited:hover,
ul.index li:hover, ul.indexflush li:hover {
	list-style-type: none;
	list-style-image: url(http://nt.gov.au:8080/nreta/natres/weeds/management/management_gamba/demo_sites/demo_litchfield/images/index-hover.gif);
}

ul.index ul, ul.index ul ul {
	list-style-type: none;
	list-style-image: url(http://nt.gov.au:8080/nreta/natres/weeds/management/management_gamba/demo_sites/demo_litchfield/images/index2.gif);
	margin-top: 0.25em;
	margin-bottom: 0.25em;
}

ul.indexflush {
	list-style-type: none;
	list-style-image: url(http://nt.gov.au:8080/nreta/natres/weeds/management/management_gamba/demo_sites/demo_litchfield/images/index.gif);
	margin-left: 1em;
	padding-left: 3px;
}

ul.indexflush ul, ul.indexflush ul ul {
	list-style-type: none;
	list-style-image: url(http://nt.gov.au:8080/nreta/natres/weeds/management/management_gamba/demo_sites/demo_litchfield/images/index2.gif);
	margin-left: 1em;
	margin-top: 0.25em;
	margin-bottom: 0.25em;
}

ul.index-oldsite, li.index-oldsite {
	list-style-type: none;
	list-style-image: url(http://nt.gov.au:8080/nreta/natres/weeds/management/management_gamba/demo_sites/demo_litchfield/images/index-oldsite.gif);
}

ul.index-oldsite li a:hover, ul.index-oldsite li a:visited:hover,
ul.index li.index-oldsite a:hover, ul.index li.index-oldsite a:visited:hover,
li.index-oldsite a:hover, li.index-oldsite a:visited:hover { 
	list-style-type: none;
	list-style-image: url(http://nt.gov.au:8080/nreta/natres/weeds/management/management_gamba/demo_sites/demo_litchfield/images/index-oldsite-hover.gif); 
}
ul.index-www, ul.index ul.index-www, li.index-www {
	list-style-type: none;
	list-style-image: url(http://nt.gov.au:8080/nreta/natres/weeds/management/management_gamba/demo_sites/demo_litchfield/images/internet.gif);
}

ul.index-www li a:hover, ul.index-www li a:visited:hover,
ul.index li.index-www a:hover, ul.index li.index-www a:visited:hover,
li.index-www a:hover, li.index-www a:visited:hover { 
	list-style-type: none;
	list-style-image: url(http://nt.gov.au:8080/nreta/natres/weeds/management/management_gamba/demo_sites/demo_litchfield/images/internet-hover.gif);
}

ul.navstrip {
	display: inline;
	border-right: 1px solid #CCCCCC;
	color: #000000;
	background-color: #EEEEEE;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 14px;
	padding: 3px 3px;
	text-align: center;
	text-decoration: none;
	text-transform: lowercase !important;
	margin: 0em;
	text-align: center;
}

ul.navstrip li {
	display: inline;
	margin: 0em;
	padding-left: 6px;
	padding-right: 3px;
	border-left: 1px solid #CCCCCC;
	text-align: center;
}

ul.tightlist {
    margin: 0; 
	padding: 0;
}
ul.tightlist li {
    margin-left: 2em;
}
/*
CONTENT
-------
*/

.main {
	font-size: 1em;
}

.main li ul, .main li ol {
	margin-top: 0.5em !important;
	margin-bottom: 0.5em !important;
}

.main li ul li, .main li ol li {
	margin-top: 0em !important;
	margin-bottom: 0em !important;
}

ol.listalphalower {
	list-style-type: lower-alpha;
}

ol.listalphaupper {
	list-style-type: upper-alpha;
}

ol.listromanlower {
	list-style-type: lower-roman;
}

ol.listromanupper {
	list-style-type: upper-roman;
}

span.backdark, a.backdark {
	background-color: #C5E29F !important;
	text-decoration: none;
	padding: 0px 3px 1px 3px;
}

.backgrey {
	background-color: #F7E0D2;
	text-align: center;
}

p.backgreyborder, div.backgreyborder {
	background-color: #F7E0D2 !important;
	border: 1px solid #CCCCCC;
	padding: 4px;
}

span.backgreyborder, a.backgreyborder {
	background-color: #F7E0D2 !important;
	border: 1px solid #CCCCCC !important;
	padding: 0px 3px 1px 3px;
	text-decoration: none;
}

p.backlight, div.backlight {
	background-color: #F2ECEC;
	border: none;
	padding: 6px;
}

span.backlight, a.backlight {
	background-color: #F2ECEC !important;
	text-decoration: none;
	padding: 0px 3px 1px 3px;
}

p.backlightborder, div.backlightborder {
	background-color: #F2ECEC !important;
	border: 1px solid #EEDACB;
	padding: 6px;
}

div.backlightborder {
	margin: 1em 0em;
}

div.backlightborder ul, div.backlightborder ol,
div.backgreyborder ul, div.backgreyborder ol {
	margin-top: 0em;
	margin-bottom: 0em;
}

div.backlightborder p, div.backgreyborder p {
	margin-top: 0.5em;
	margin-bottom: 0em;
}

div.backlightborder h2 {
	display: inline;
	color: #FFFFFF;
	background-color: #996600;
	margin-top: auto;
	margin-bottom: 0.5em;
	border: 1px solid #EEDACB !important;
	padding: 0px 3px 0px 3px;
}

div.backlightborder h3 {
	display: inline;
	background-color: #FFFFFF;
	margin-top: auto;
	margin-bottom: 0.5em;
	border: 1px solid #EEDACB !important;
	padding: 0px 3px 0px 3px;
}

span.backlightborder, a.backlightborder {
	background-color: #F2ECEC !important;
	border: 1px solid #EEDACB !important;
	padding: 0px 3px 1px 3px;
	text-decoration: none;
}

.backtransparent {
	background-color: transparent;
}

.backwhite {
	background-color: #FFFFFF !important;	
}

.backwhiteborder {
	border: 1px solid #EEDACB;
	padding: 6px;
	background-color: #FFFFFF !important;
}

span.backwhiteborder, a.backwhiteborder {
	background-color: #FFFFFF !important;
	border: 1px solid #CCCCCC !important;
	border: 1px solid #BFDAD8 !important; /* EEDACB  EEDACB*/
	padding: 0px 3px 1px 3px;
	text-decoration: none;
}

.border {
	border: 1px solid #EEDACB;
	background-color: transparent;
	padding: 6px;
}









/*	There's some really serious problems with setting border attributes
	across IE, Mozilla and Opera. The styles below seem to be the best 
	compromise at the moment ... */
.main table {
	border-collapse: collapse;
	border-spacing: 0;
	border-top: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
	border-right: none;
	border-left: none;
}

.main table td {
	border-top: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
	border-left-width: 0;
	border-left-style: hidden;
	border-right-width: 0;
	border-right-style: hidden;
}

.main table.bordertable {
	border: 1px solid #DDDDDD;
}

.main table.bordertable td {
	border: none;
	border-style: hidden;
}

.main table.border-none, .main table.border-none td {
	border: none;
	border-style: hidden;
}

.main tr.bordergrey td, .main table td.bordergrey,
.main table.border-none tr.bordergrey td, .main table.border-none td.bordergrey {
	border: 1px solid #DDDDDD !important;
	border-style: solid;
	border-width: 1px;
}

.main td.backdark, .main tr.backlight td.backdark {
	background-color: #EADABA !important;
}

.main table.backgrey td, .main td.backgrey {
	background-color: #EEEEEE;
}

.main table.backgreyborder, .main td.backgreyborder {
	background-color: #EEEEEE;
	border: 1px solid #DDDDDD !important;
}

.main table.backgreyborder td {
	background-color: #EEEEEE !important;
	border-top: 1px solid #DDDDDD !important;
	border-bottom-style: none;
	border-right-style: none;
	border-left-style: none;
}

.main td.backlight, .main tr.backlight td, .main table.backlight td,
.main tr.backgrey td.backlight {
	background-color: #FCF6F4 !important;
}

.main table.backlightborder, .main tr.backlightborder td, .main td.backlightborder {
	background-color: #F3F9EB !important;
	border-top: none !important;
	border-bottom: 1px solid #C1D82F !important;
	border-right: 1px solid #C1D82F !important;
	border-left: 1px solid #C1D82F !important;
}

.main table.backlightborder td {
	background-color: #F3F9EB !important;
	border-top: 1px solid #C1D82F !important;
	border-bottom-style: none;
	border-right-style: none;
	border-left-style: none;
}

.main td.backlightborder, tr.backlightborder td {
	background-color: #FCF6F4;
	border: 1px solid #C1D82F;
	padding: 6px;
}

.main table.backwhite td {
	background-color: #FFFFFF;	
}


.main table.border, .main tr.border td, .main td.border {
	border-top: none !important;
	border-bottom: 1px solid #C1D82F !important;
	border-right: 1px solid #C1D82F !important;
	border-left: 1px solid #C1D82F !important;
}

.main table.border td {
	border-top: 1px solid #C1D82F !important;
	border-bottom-style: none;
	border-right-style: none;
	border-left-style: none;
}

.main table.bordercell td {
	border-top: 1px solid #C1D82F !important;
	border-bottom: 1px solid #666666 !important;
	border-right: 1px solid #666666 !important;
	border-left: 1px solid #666666 !important;
	padding: 2px;
	font-size: 0.75em;
}

.main table.bordergrey {
	border-top: none !important;
	border-bottom: 1px solid #DDDDDD !important;
	border-right: none !important;
	border-left: 1px solid #DDDDDD !important;
}

.main table.bordergrey td {
	border-top: 1px solid #DDDDDD !important;
	border-bottom: none !important;
	border-right: 1px solid #DDDDDD !important;
	border-left: none !important;
}

.main table.photoleft {
	float: left;
	margin-left: 0em;
	margin-right: 1em;
	margin-bottom: 0em;
	margin-top: 0em;
	text-align: center;
	border-style: none;
}

.main table.photoright {
	float: right;
	margin-left: 1em;
	margin-right: 0em;
	margin-bottom: 0em;
	margin-top: 0em;
	text-align: center;
	border-style: none;
}

.main table.photoleft td, .main table.photoright td {
	border-top-style: none !important;
	border-bottom-style: none !important;
	border-right-style: none !important;
	border-left-style: none !important;
}

.main td address {
	margin-left: 0em;
}

.main td.tableh2, .main tr.tableh2 td,
.main table.border-none td.tableh2,
.main table.border-none tr.tableh2 td {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	letter-spacing: -0.05em;
	vertical-align: bottom;
	padding-top: 1em;
	background-color: #FFFFFF !important; /* F9FCF5 */
	/* border-top: 1px solid #DDDDDD; */
	border-bottom: 1px solid #C1D82F !important;
}

.main td h2 {
	margin-top: auto;
	margin-bottom: 0.5em;
}

.main td h3 {
	margin-top: 1em;
	margin-bottom: 0.5em;
}

.main td.tablelegend, .main tr.tablelegend td,
.main table.border-none td.tablelegend,
.main table.border-none tr.tablelegend td {
	font-size: 0.75em;
	font-weight: normal;
	color: #999999;
/* 	letter-spacing: -0.05em; */
	vertical-align: bottom;
	background-color: #FFFFFF !important; /* F9FCF5 */
}

.main td.rulevertical {
	background-image: url(http://nt.gov.au:8080/nreta/natres/weeds/management/management_gamba/demo_sites/demo_litchfield/images/rulevertical.gif)!important;
	background-color: transparent;
	background-repeat: repeat-y;
	background-position: center;
}

.main tr.backlight td.rulevertical {
	background-color: #F3F9EB !important;
	background-image: url(http://nt.gov.au:8080/nreta/natres/weeds/management/management_gamba/demo_sites/demo_litchfield/images/rulevertical.gif)!important;
	background-repeat: repeat-y;
	background-position: center;
}

.main table.portrait {
	margin-left: 0.5em;
	margin-right: 0.5em;
	margin-bottom: 0.5em;
	margin-top: 4px;
	text-align: center;
}

/* end legacy code */

.container {
/*
	width:775px;                //  set this value to restrict the web site width to 800px 
								//  775 pixels usable space, allowing for the scrollbar
*/
	margin:auto;
	text-align:left;
}

.banner {
	border-top:.1px solid #003145;  	/* used to make mozilla top-align to the page area */
	border-bottom:.1px solid #003145;   /* used to make mozilla top-align to the page area */
	/*width:100%;*/
	height:6em;
}

.banner .title {
	width:90%;
	float:right;
	clear:right;
	font-size:1.8em;
}



/*  all menus in this site use simple css rollover techniques
    sample code has been downloaded and adapated from listamatic web site
	http://css.maxdesign.com.au/listamatic/
*/
/* css for the main NTG Navigator  */

.topMenu ul {
	width:90%;
	padding-left:0;
	margin-top:0px;
	margin-bottom:1em;
	float: right;
	text-align:right;
	white-space:nowrap;
	overflow:visible;
}

.topMenu ul li { 
	display: inline; 
	white-space:nowrap;
}


.topMenu .col1 { 	width:10%; }     /*  these width values are individually set         */
.topMenu .col2 { 	width:18%; }     /*  to allow the display to be consistent across    */
.topMenu .col3 { 	width:17%; }     /*  the top menu, regardless of browser window size */
.topMenu .col4 { 	width:14%; }
.topMenu .col5 { 	width:7%; }
.topMenu .col6 { 	width:13%; }

.topMenu ul li a {
	float: left;
	text-align:center;
	padding-top:0.4em;
	padding-bottom:0.3em;
	white-space:nowrap;
	font-size:.9em;
}

.topMenu ul li.search {
	text-align:right;
	white-space:nowrap;
}

.topMenu ul li a:hover { }

/*  end main menu  */



/* styles and control for the main NTG menu search button */
#searchInput{
	height:10px;font-size:1.1em;
	margin-top:1.4px;
	height:1em;
	vertical-align:middle;
	}

#searchbutton{
	padding:0px;
	border:0;
	vertical-align:middle;
	font-family:Arial;
	font-size:0.9em;
	}
	
.cursor{cursor:pointer}

/* the breadcrumbs group is needed on the home page - as it is referenced by the onLoad scripts */
.breadcrumbs { display:none; } 
				

/* styles for the left menu area  - another listamatic menu */
.leftMenu {
	width:17%;
	float:left;
	padding-top:12px;
	text-align:left;
}

.leftMenu ul { 	
	margin-bottom:12px;
	 }

.leftMenu ul li { 
	margin-left:-30px;
	margin-bottom:6px;
	}

.leftMenu ul li a { }
.leftMenu ul li a:hover {  }

.leftMenu .leftImage {
	text-align:center;
}

.leftMenu img {
	margin-top:12px;
}


/* styles for the right menu area - yet another listamatic menu */

#museums {
	visibility:hidden;
}

.rightMenu {
	width:27%;
	float:right;
	padding-top:12px;
	margin-bottom:0px;
	text-align:left;
}

.rightMenu h1 {
	font-size:1.4em;
	padding-left:.4em;
}

.rightMenu ul {  }

.rightMenu ul li {
	line-height:1.2em;
	padding-bottom:6px;
	margin-left:-1em;
	}

.rightMenu ul li a { }             /* these styles are left blank as reminder that they exist   */
.rightMenu ul li a:hover { }       /* the colours are set in the corporate colour style sheets  */
.rightMenu li:hover { }


.main {
	margin-left:17%;
	margin-right:27%;
	text-align:left;
}


.main h1 {
	/*margin-top:-12px;
	padding-top:12px;*/
	font-size:1.4em;
}

.main h2 {
	font-size:1.2em; /*font-size:1em; changed by kmf 20/3/2007*/
	/* margin-bottom:-1em;  /*margin-bottom:-1.1em; changed by kmf 20/3/2007*/
}


.main a img { border-width:0px;  }

.subMenu ul {
	padding-left: 0;
	margin-left: 0;
	margin-top:-10px;
	margin-bottom:0px;
	float: left;
	width: 100%;
}

.subMenu ul li { display: inline; }

.subMenu ul li a {
	padding: 0.2em 1em;
	text-decoration: none;
	float: left;
}

.subMenu ul li a:hover { }

.textBody {
	padding-left:24px;
	padding-right:12px;
	padding-top:0px;
	border-left-width:1px;
	border-left-style:solid;
}

.browserIcons {
	display:inline;
	white-space:nowrap;
	float:right;
}

.browserIcons img {
	border-style:none;

}


.footer {
	width:27%; 
	float:right;
	clear:right;
	text-align:center;
	margin-top:-6px;
}

	
.footer .row1 {
	font-size:.8em;
	margin-top:4px;
	margin-bottom:0px;
	padding-top:6px;
	}

.footer .row2, .footer .row3 {
	font-size:.8em;
	margin-top:0px;
	margin-bottom:0px;
}

.footer .row3 {
	padding-bottom:0px;
	margin-bottom:0px;
	}
	
	
	
	
	
	
	
	
	
p.anchortop {
	/*color: #CCCCCC;*/
	background-color: transparent;
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-size: 0.75em;
	padding-right: 36px;
	text-align: right;
	text-transform: lowercase;
	margin-bottom: 0.5em;
	margin-top: 0.5em;
}

p.anchortop a:link, p.anchortop a:visited,
a.anchortop:link, a.anchortop:visited {
	/*color: #999999;*/
	background-color: #FFFFFF;
	border: 2px solid; 
	padding: 0px 3px;
	text-decoration: none;
}