/*
-----------------------------------------------------
Base styles for screen media

FileName:	screen.css
Version:	0.5
Author:		H4.com.au

-----------------------------------------------------
*/

/* global */
div { border: 0px solid black; }

html, body { width: 100%; }
body { background: #fff; font-family: verdana,arial,helvetica,sans-serif; font-size: 70%; margin: 0px; padding: 0px; color: #333; }

img { border: 0px; }
	h1 { font-size: 140%; padding: 0px; margin: 0px; color: #002F57; }
	h2 { font-size: 120%; color: #002F57; line-height: 140%; margin: 7px 10px 7px 12px; padding: 0px 0px 0px 11px; background: url("../images/arrow_a.gif") no-repeat 0px 6px; }
	h3 { font-size: 100%; margin: 20px 10px 7px 12px; padding: 0px 0px 0px 11px; background: url("../images/arrow_c.gif") no-repeat 0px 4px; }
	h4 { font-size: 100%; padding: 0px; margin: 0px; color: #002F57; }
	h5 { font-size: 100%; padding: 0px; margin: 0px; color: #002F57; }
	p  { margin: 0px 25px 10px 25px; padding: 0px; clear: left; line-height: 150%; }
	hr { text-align: left; background: url("../images/hrule_grey.gif") repeat-x; border: 0px; height: 2px; margin: 7px 20px 10px 12px; }
	ul { margin: 0px; padding: 0px;  }
	li { margin: 0px; padding: 0px;  }
	 
	 
	
a:link { text-decoration: none; color: #002F57; }
a:visited { text-decoration: none; color: #002F57; }
a:hover { text-decoration: underline; color: #002F57; }
a:active { text-decoration: underline; color: #002F57; }

/* layout */

/* reusable sub-classes */
/* apply these for generic formatting */

.hrule	{ background: url("../images/hrule.gif") repeat-x; }
.hrulegrey	{ background: url("../images/hrule_grey.gif") repeat-x; }
.vrule	{ background: url("../images/vrule.gif") repeat-y 28% 0; }
.padone	{ padding: 7px 10px 7px 10px; }
.col 	{ float: left; }
.single { width: 28%;  }
.double { width: 70%; margin-left: 10px; clear: right; }
.full	{ width: 100%; }
.submenu { width: 100%; margin: 0px 0px 20px 10px; }
	.submenu ul {  margin: 0px !important; padding: 4px 0px 5px 0px; background: url("../images/hrule_grey.gif") repeat-x left bottom; list-style-type: none; }
	.submenu li {  display: inline; color: #999; padding: 0 10px 0px 0px !important; white-space: pre; margin-left: 0px !important;   }
	
.imgone { margin: 5px 0px 8px 0px; }
.hdr1	{  }
.rule	{ float: left; width: 95%; background: url("../images/hrule_grey.gif") no-repeat 12px 0px; height: 2px; padding: 7px 10px 7px 12px; }
.thin	{ background: none !important; height: 1px; border-top: 1px solid #999; color: #999; margin: 20px 0px 15px 10px; }
.stateslist { width: 37%; clear: left; }
	.noborder { border: 0px !important; }
	.stateslist a { display: block; cursor: pointer; line-height: 150%; margin: 0px 10px 0px 12px; padding: 6px 0px 6px 11px; background: url("../images/arrow_b.gif") no-repeat 0px 11px; border-bottom: 1px solid #ccc; color: #333; }
	.stateslist a:hover { color: #E00538; }
	.stateslist h3 { background: none; margin: 0px; padding: 0px; font-weight: normal; }
.map 	{ width: 335px; height: 305px; }
.hotspotmap { float: left; }
	.aus	{ background: url("../images/map_main.png") no-repeat; }
	.tas	{ display: none; background: url("../images/map_tas_over.png") no-repeat; }
	.act	{ display: none; background: url("../images/map_act_over.png") no-repeat; }
	.wa		{ display: none; background: url("../images/map_wa_over.png") no-repeat; }
	.sa		{ display: none; background: url("../images/map_sa_over.png") no-repeat; }
	.nt		{ display: none; background: url("../images/map_nt_over.png") no-repeat; }
	.qld	{ display: none; background: url("../images/map_qld_over.png") no-repeat; }
	.nsw	{ display: none; background: url("../images/map_nsw_over.png") no-repeat; }
	.vic	{ display: none; background: url("../images/map_vic_over.png") no-repeat; }
	.mact, .mtas, .mact, .mwa, .sa, .mnt, .mqld, .mnsw, .mvic { }
.smaller { width: 85%; }
.middle { width: 37%; clear: left; }

 
.double br { clear: both; }
.double ul { line-height: 230%; margin: 5px 0px 0px 10px; }
.double li { margin-left: 45px; }


.atozlist li { margin-left: 0px !important; list-style-type: none; display: inline; }
.atozlist a { padding: 4px 7px 4px 7px; border: 1px solid #ccc; font-weight: bold;  }
.atozlist a:hover { background-color: #f4f4f4;  }


/* box buttons */

.box 	{ width: 27%; margin: 0 10px 0 15px; clear: none; }
	.button				{ display: block; text-decoration: none !important; margin: 8px 0 0 0 ;  }
	.button:hover		{  background-color: #f4f4f4; }
	.heading			{ display: block; margin: 0px !important; background: #fff url("../images/gradient_bg.gif") bottom left repeat-x; font-size: 120%; padding-bottom: 10px;  }
	.heading strong 	{ display: block; padding-left: 15px; }
	.button .detail		{ display: block; margin: 0px !important; padding: 12px; color: #333; border-left: 1px solid #cdcdcd; border-right: 1px solid #cdcdcd; border-bottom: 1px solid #cdcdcd; }
	.button img { width: 100%; max-width: 161px; padding-bottom: 10px; }

/* note: indent level indicates markup nesting */

.shell { position: relative; margin: 20px; }
	.header { float: left; width: 100%; min-width: 413px; } /* opera bug if height not specified here - min-height ??? */
		.left { float: left; width: 313px; height: 58px; padding: 0px 20px 0px 10px; }
		.right { float: right; width: 60px; height: 58px; padding-right: 10px;   }
		.topmenu { float: left; width: 100%; margin-top: 13px; }
		.topmenu a { color: black; }
			.crumbs { float: left;   }
			.rightmenu { float: right;  }
	.main { float: left; width: 100%;  padding-top: 15px; }
		.content { float: left; width: 100%;  }
	.footer { float: left; margin-top: 40px; width: 100%;  }
		.footer .left { margin-top: 10px; width: 100px; }
		.footer .right { width: 50%; text-align: right; }
		.footer p { font-size: 80%; margin: 0px !important; padding: 0px !important; }
		
		#act, #nsw, #nt, #qld, #sa, #tas, #vic, #wa { position: absolute; top: 0px; left: 0px; width: 200px; height: 300px;  }

/* forms */

form {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  font-family: verdana,arial,helvetica,sans-serif; font-size: 100%; 
  margin: 0; 
  padding: 0;
  width: 100%;
  min-width: 610px;
}

form fieldset {
  /* clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
  border-color: #000;
  border-width: 1px;
  border-style: solid;
  padding: 10px;        /* padding in fieldset support spotty in IE */
  margin: 0;
}

form fieldset legend {
	color: red; 
                       /* be careful with padding, it'll shift the nice offset on top of border  */
}

form label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 120px; 
	padding: 0;
	margin: 9px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right;
}

form input, form select {
	font-family: verdana,arial,helvetica,sans-serif; 
	float: left;  /*inline display must not be set or will hide submit buttons in IE 5x mac */
	width: auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin: 5px 30px 0 10px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
	padding: 2px; font-size: 100%;
}

form select {  }

form textarea {  width: 390px; font-size: 100%;
font-family: verdana,arial,helvetica,sans-serif; 
	float: left; 

	margin: 5px 0 0 0; 
	padding: 2px; height: 63px;
  }

form .small {
	font-family: verdana,arial,helvetica,sans-serif;
	display: block;
	margin: 0 0 5px 160px; /* instructions/comments left margin set to align w/ right column inputs */
	padding: 1px 3px;

}

form .req { font-weight: bold; } 

form br {
	clear: left;
}

form .xp { margin: 0px 0px 0px 10px; }

input[type="submit"] { font-weight: bold; }
input[type="radio"] { margin-top: 9px;  }

.big { width: 50%; }
.med { width: 40%; }
.oneline { width: 100%; text-align: left;  }
.onright { margin-left: 130px; margin-right: 0px; }
 

/* IE mac fixes - mid pass filter hack */
/*\*//*/
hr { background: none; color: gray; border: 0px; height: 1px; }
/**/