/******************************************************************
						 Start general styles
******************************************************************/
/* NOTE: min-width should be set to fit a 800x600 resolution monitor.  It is set
less than 800 to compensate for the side scroll bar. */

body {
	margin: 0 auto; 
	padding: 0; 
	font-size: .75em;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	background: url(null) fixed no-repeat #359072;
	color: #000;
	min-width: 780px;
}

A:link {color:#ffffff;text-decoration:none;}
A:visited {color:#ffffff;text-decoration:none;}
A:active {color:#ffffff;text-decoration:none;}
A:hover {text-decoration: underline overline; color: red;}

/* Heading styles*/
h1 {
	font-size: 25pt;
	background-color: inherit;
	color: #10595d;
	margin: 10px 0 0;
	line-height: 20px;
}

h2 {
	font-size: 17pt;
	font-weight: 700;
	background-color: inherit;
	color: #53a5a8;	
			

	}

h3 {
	font-size: 17px;
	font-weight: bold;
	background-color: inherit;
	color: #4d4c4c;
	line-height:20px;
}

.foireform {
	font-size: 1em;
	font-weight: bold;
	background-color: inherit;
	color: #000;
}

h4 {
	font-size: 12px;
	font-weight: bold;
	font-style:italic;
	color: #000;
}

h5 {
	font-size: 9pt;
	color: #696969;
	line-height:14px;

}

.green {
	color: #53a5a8;
	}


hr {
	color: #CCCCCC;
	background-color: #CCCCCC;
	border: 0;
	width: 80%;
	margin-top:10px; 	
	}
	
	
#programHR {
	width: 450px;
	background-color: #ccc;
	padding-right: 20px;
	padding-left: 10px;
	height: 1px;
	}
	
	

/* Set the default font size to 1em.  1em is the natural font size (or 100%) 
for a given html element. */
p,ol,li,ul {
	font-size: 1em;
}

/* Set the default font size to 1em.  1em is the natural font size (or 100%) 
for a given html element. */
tr,td,table {
	font-size: 14px;
}

/* Styles for form elements.  The width and height is set in em's to make them 
scalable on browser font resize by user */ 
input.checkbox {
	width: 1.5em;
	height: 1.5em;
}

input.radio {
	width: 1.5em;
	height: 1.5em;
}

fieldset {
	padding: 10px;
	margin: 10px;
}

legend {
	font-size: 1em;
	font-weight: bold;
	background-color: inherit;
	color: #485178;
	padding: 0 10px 0 3px;
}

cite {
	margin-top: 10px;
	font-weight: bold;
	font-size: 1em;
}

/* use this style if you want to hide an element.  Currently used to 
hide the h1 header on the site so if the client browser supports css then 
the image is dispalyed otherwise the h1 text is displayed. */
.hiddenElement {
	display: none;
}

/* Used to clear elements within the page.  This clear has a 1px height on it 
which means that it gives a small gap between the cleared elements. */
.clear {
	clear: both;
	height: 1px;
}

/* As above, used to clear elemtns within the page */
.clearboth { 
	clear: both;
}

.error {
	color: #ff0000;
	background: url(../images/exclamation_mark.jpg) no-repeat left top;
}

ul.error {
	padding-left: 60px;
	margin: 0 0 0 10px;
	list-style-type: none;
}

/******************************************************************
						 End general styles
******************************************************************/

/******************************************************************
						 Start header/banner styles
******************************************************************/
#header {
	display: block; 
	color: inherit;
	min-width: 960;
	min-height: 152px;
	border-bottom: 1px solid #ccc;
	background: url(../styles/images/header.jpg) no-repeat;
	background-position: right;
	background-color: #fff;
}

#header div.header1 {
	display: block;
	margin: 0;
	padding: 0;
}

#header div.header1 img {
	text-align: center;
	height: 72px;
	width: 547px;
	background: url(/styles/images/header.gif) no-repeat;
	
}

.clearHeader {
	clear:both;
	margin: 0;
	padding: 0;
	height: 1px;
}


#leftcol {

	background: url(images/sidePanel2.jpg) no-repeat;
	height:740px;
	width:307px;
	
	
}

#link1 {

	position:absolute;
	float:left;
	width:173px;
	height:200px;
	margin:228px 257px 257px 140px;
	align:center;
	
}

#link2 {

	font-size: 12px;
	font-weight: bold;
	color: #fff;
	align:left;
	
	
}

#pnavstyle {

	


}

/******************************************************************
				Start Site Search styles
				ref to pm.gov.au
******************************************************************/
#siteSearch {
	position: absolute;
	top: 30px;
	right: 15px;
	padding: 0;
	background-color: #56799C;
	color: inherit;
}

#siteSearch label {
	margin-left: 1em;
	background-color: inherit;
	color: #fff;
	font-weight: bold;
	font-size: .95em;
	border: 0;
}

#siteSearch input {
	font-size: 1em;
}

#siteSearch input.siteSearchInput {
	width: 115px;
	margin-left: 0.7em;
}

blockquote.searchResults {

}

p.searchResults {
	padding: 0;
	margin: 0;
}

#searchResultNav {
	text-align: center;
}

a.searchHelp {
	float: right;
	margin-top: -20px;
	font-size: .95em;
}
/******************************************************************
				End Site Search Results
******************************************************************/

/******************************************************************
						 End header/banner styles 
******************************************************************/

/******************************************************************
						Start page content styles
******************************************************************/
/* the main div for the page.  This div has two borders
175px wide (can be resize if required) to hold the left and right
menus */
#container {
	position: relative; 
	display: block;
	background-image: url(/images/right_menu_background.gif);
	background-repeat: repeat-y;
	background-position: right;
	border-left: 180px solid  #5fbec2;
	min-height: 360px;
	background-color: #fff;
}

#left{
width:210px;
height:auto;
float:left;


}
#right{
width:418px;
height:auto;
float:left;
padding: 5px;

} 

#left2{
width:418px;
height:auto;
float:left;


}
#right2{
width:220px;
height:auto;
float:left;
padding: 5px;

}

#container2{
width:648px;


}
#container2:after {
content:'';
display:block;
clear:both;
} 

/* refer to the mods.css to make changes to IE browser for this style */
/* This div holds the main text for a given page. I.e the middle section of the page. */
#content {
	display: block; 
	margin-left: 10px; 
	margin-right: 180px;
	height: 1%;
	font-size: 1em;
	top: 0;
	left: 0;
	background-color: #fff;
}

#content p {
	line-height: 1.5;
	letter-spacing: .02em;
	background-color: inherit;
}

#content li {
	line-height: 1.8;
	letter-spacing: .02em;
	background-color: inherit;
}

/* last updated date stamp style */
#lastUpdated {
	font-size : .9em;
	padding: 0;
	color: #666666;
	background-color: #fff;
}

ul li ul li {
	padding-top: 5px;
	list-style-type: disc;
	background-color: #fff;
}

ol.alpha {
	list-style: lower-alpha;
	background-color: #fff;
}

td ul {
	margin-left: 20px;
	margin-bottom: 0px;
	background-color: #fff;
}

tr.heading {
	background-color: #F0F7FF;
}

th.heading {
	background-color: #F0F7FF;
}

.quote {
	margin-right: 20px;
	margin-left: 20px;
	background-color: #fff;
}

/* link style for back to top link on pages */
.backToTop {
	position: relative;
	float: right;
	margin-bottom: 0;
	padding-bottom: 0;
	font-weight: bold;
	font-size: .95em;
	vertical-align: bottom;
	background-color: #fff;
}

.address {
	margin-left: 25px;
}

#whats_new {
	margin: 0;
	padding: 0;
	width: 200px;
	margin-top: -30px;
	background-color: #fff;
}


/* -------------- start caretaker notices ---------------*/

#caretaker {
	margin-top: 10px;
	border: 1px solid #126BC5;
	padding: 10px;
}

#caretaker h1{
	margin: 0 0 5px 0;
	padding: 0;
}

#caretaker h2{
	margin: 0 0 5px 0;
	padding: 0;
}

#caretaker p{
	margin:0; 
}

/* -------------- end caretaker notices ---------------*/


/******************************************************************
						Start Page Image/Text Columns 
******************************************************************/

#imageColumn {
	width: 186px;
	float: left;
	margin: 20px 20px 0 0;
	border: 1px solid #fff;
	display: block;
}

#textColumn {
	padding-top: 5px;
}

/*#textColumn ul {
		margin-left: 35px;
	 Hides from IE-mac and Mozilla based browsers\
		margin-left: 195px;
	 End hide 
}*/


#textColumn ul {
		margin-left: 15px;
	/* Hides from IE-mac and Mozilla based browsers\*/
		margin-left: 225px;
	/* End hide */
}


#textColumn ul.index {
		margin-left: 15px;
	/* Hides from IE-mac and Mozilla based browsers\*/
		margin-left: 225px;
	/* End hide */
}

#imageColumn ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

#imageColumn li {
	position: relative;
  	float: left;
	width: 180px;
  	margin: 0;
	margin-bottom: 20px;
	background-color: #fff;
	display: inline;
}

#imageColumn li .thumbnail {
	width: 180px;
	float: left;
	padding: 5px 0 0 5px;
	border: 1px solid #ccc;
	background-repeat: no-repeat;
}

#imageColumn li .thumbnail p{
	font-size: .95em;
	margin: 0 2px 0 0 ;
	padding: 0; 
	background-color: transparent;
}

#imageColumn li .thumbnail p.enlarge{
	padding: 0;
	margin: 0;
	margin-top: 5px;
	background-image: url(/images/enlarge.gif);
	background-repeat: no-repeat;
	background-position:right;
	padding-right: 18px;
	height: 18px;
	text-align:right;
}

#imageColumn li .thumbnail a:link,
#imageColumn li .thumbnail a:visited {
	text-decoration: none;
	color: #387EA9;
	border: none;
}

#imageColumn li .thumbnail a:hover {
	text-decoration: underline;
	border: none;
}
/******************************************************************
						End page content styles
******************************************************************/

/******************************************************************
						Start Page Link styles
******************************************************************/
/* if different colours are required for normal links then set them here. */
a:link { 
	text-decoration : none;
	color : #ffffff;
	background-color: inherit;
}
a:visited { 
   text-decoration : none;
   color : #e1f0f1;
   background-color: inherit;
}
a:hover {
	text-decoration : none;
	color : #ebfef1;
	background-color: inherit;
}
a:active {
	/* no styles set for the active state of default link */

}

.externalLink{
	/*this is not yet implmented however the style is being applied across all external links*/
}


/******************************************************************
						End Page Link
******************************************************************/

/******************************************************************
						Start page index
******************************************************************/
/* if different colours are required for page index links then set them here. */
ul.index {
	list-style-image: url(/images/chevron_transparent.gif);
	padding-bottom: 4px;
	background-color: #fff;
}

ul.index a:link, li.index a:visited {
	text-decoration : underline;
	color: #0000ff;
	background-color: inherit;
	background-color: #fff;
}

ul.index a:hover, li.index a:active {
	color : #5643A3;
	background-color: inherit;
	background-color: #fff;
}

li.index {
	list-style-image: url(/images/chevron_transparent.gif);
	background-color: #fff;
}
/******************************************************************
						End page index
******************************************************************/

/******************************************************************
		  				Start images styles
******************************************************************/
/* these are images with captions */
div.image_align_right, div.image_align_left {
	border: 1px solid #ccc;
	padding: /*0.3em*/ 3px;
	display: block;
}

/* left aligned by floating image to the left.  The margins 
are there to set a gap between image and text */
div.image_align_left {
	float: left;
	margin: 5px 10px 3px 0;
}

/* right aligned by floating image to the right  The margins 
are there to set a gap between image and text */
div.image_align_right {
	float: right;
	margin: 5px 0 10px 15px;
}


/* set the caption style here */
/* This paragraph style is for the caption within the image */
div.image_align_right p, div.image_align_left p {
	padding: 0;
	margin: 0;
}

div.image_align_right p.caption, div.image_align_left p.caption {
	text-align: center;
	text-indent: 0;
	font-size: .9em;
	font-weight: normal;
	background-color: #eee;
	color: inherit;
}

div.caption_side_text {
	border: 1px solid #ccc;
	background-color: #fff;
	clear: both;
	margin: 5px;
	/* width and height defined on actual div tag */
}

div.caption_side_text div {
	width: 100%;
	height: 100%;
	border: 2px solid #fff;
	background-color: #eee;
}

div.caption_side_text img {
	float: left;
	margin-right: 5px;
}

div.caption_side_text p {
	font-size: 90%;
}
/******************************************************************
		  				End images styles
******************************************************************/

/******************************************************************
		  				Start warning message styles
******************************************************************/
.warning {
	color: #ff0000;
	background-color: inherit;
}
/******************************************************************
		  				End warning message styles
******************************************************************/

/******************************************************************
		  				Start a-z index styles
******************************************************************/
span.A_Z_Index_greyText {
	color: #999;
}

ul.A_Z_Index li {
	list-style-image: url(/images/chevron_transparent.gif);
}

ul.A_Z_Index li ul li {
	list-style-image: none;
	list-style-type: none;
}

ul.A_Z_Index li a:link {
	text-decoration : underline;
	color: #0000ff;
	background-color: inherit;
}

ul.A_Z_Index li a:hover, 
ul.A_Z_Index li a:active, 
ul.A_Z_Index li a:visited {
	color : #5643A3;
	background-color: inherit;
}
/******************************************************************
		  				End a-z index styles
******************************************************************/

/******************************************************************
		  				Start a-z Downloadable document styles
******************************************************************/

.downloadabledocument{
	font-size: 100%;
	font-weight: 700;
	font-style: italic;
	margin-left: 25px;
	margin-top: 25px;
}

.documentsizes{
	font-size: 90%;
	color: black;
	font-weight: normal;
}

li.document{
	padding: 0;
	margin: 10px 0 0 5px;
	list-style: url(/images/document.gif);
}

li.document_highlight {
	color: #000;
	font-weight:bold;
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 0px 5px;
	list-style: url(/images/document.gif);
}

li.document_highlight a {
	font-weight:bold;
}

/******************************************************************
		  				End a-z Downloadable document styles
******************************************************************/

/******************************************************************
		  				Start 'print this page' and pdf link styles
******************************************************************/
.print_media {
	position: absolute;
	margin-right: 200px;
	right: 0;
	top: 1px;
	border-left: 1px solid #ccc;
	padding-left: 15px;
}

.print_media a, 
.print_media a:link,
.print_media a:hover,
.print_media a:visited,
.print_media a:active {
	text-decoration: none;
	color: #0000ff;
	padding: 0;
	margin: 0;
	font-weight: normal;
}

.print_media a img {
	margin-left: 0;
	margin-bottom: -6px;
}
/******************************************************************
		  				End 'print this page' and pdf link styles
******************************************************************/

/******************************************************************
		  				Start Ciu styles
******************************************************************/

.full_page_quote {
	border: 1px solid #003399;
	margin: 20px;
	padding: 5px;
	font-size: 0.95em;
}

.box_quote {
	float:right;
	width: 150px;
	border: 1px solid #387EA9;
	margin: 25px 10px 10px 10px;
	padding: 5px;
	font-size: 0.95em;
}

.quotee{
	font-weight:bold;
	color:#387EA9;
}

p.amber {
	color: #FF6600;
}

p.green {
	color: #009933;
}

p.red {
 color: #CC0000;
}

.text_Space_text{
	float:left;
	margin-left:90px;
	margin-top: -17px;
}

ul.tick {
	list-style-image: url(/images/chevron.gif);
	padding-bottom: 4px;
}

th.left {
text-align: left;
font-weight: normal;

}


/******************************************************************
		  				End Ciu styles
******************************************************************/

/* data table styles */
.data_table{
	margin-left:25px;
	border: solid #ccc;
	border-width: 1px 0 0 1px;
}
.data_table tr{
	margin: 0;
}
.data_table td{
	border: solid #ccc;
	border-width: 0 1px 1px 0;
	margin: 0;
	padding: 2px;
}
.data_table p{
	margin: 0;
	padding: 3px;
}
.data_table ul,
.data_table ol{
	margin: 0 10px;
	padding: 0;
}
.data_table th{
	background: #e7e7e7;
	border: solid #ccc;
	border-width: 0 1px 1px 0;
	padding: 2px;
	font-size: 100%;
}
th.th_column{
	font-size: 100%;
	text-align: left !important;
}
/* end data table styles */



/******************************************************************
						Start Dep structure 
******************************************************************/

#structure {
	border: 1px solid red;
	height: 200px;
}

#structure ul {
	list-style-type: none;
}

#structure ul li{
	list-style-type: none;
	display: inline;
	width: 60px;
	float: left;
}

#structure ul li ul{
	
}

/*----------------- Start guide index used on guide page for reports -----------------*/

ul.guide_index {
	padding-bottom: 4px;
	line-height: normal;
	list-style: none;
	margin-left: 140px;
}

ul.guide_index li{
	padding-bottom: 4px;
}

ul.guide_index a:link, ul.guide_index a:visited {
	text-decoration : underline;
	color: #0000ff;
	background-color: inherit;
}

ul.guide_index a:hover, ul.guide_index a:active {
	color : #3E658A;
	background-color: inherit;	
}



/*----------------- End guide index used on guide page for reports -----------------*/

/* --------------- start Ministry Page  ------------- */

#ministry {
  margin: 15px 0 0 0;
  padding: 0;
}

#ministry ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

#ministry li {
	position: relative;
  	float: left;
	width: 340px;
 	margin: 10px 10px 20px 0;
	background-color: #fff;
	display: inline;
}

#ministry li .thumbnail {
	width: 180px;
	float: left;
	padding: 5px 0 0 5px;
	margin-right: 15px;
	margin-bottom: 30px;
	border: 1px solid #ccc;
	background-repeat: no-repeat;
}

#ministry li .thumbnail p{
	font-size: .95em;
	margin: 0 2px 0 0 ;
	padding: 0; 
	background-color: transparent;
}

#ministry li .thumbnail p.enlarge{
	padding: 0;
	margin: 0;
	margin-top: 5px;
	background-image: url(/images/enlarge.gif);
	background-repeat: no-repeat;
	background-position:right;
	padding-right: 18px;
	height: 18px;
	text-align:right;
	
}

#ministry li .thumbnail a:link,
#ministry li .thumbnail a:visited {
	text-decoration: none;
	color: #387EA9;
}

#ministry li .thumbnail a:hover {
	text-decoration: underline;
}

#ministry li . text_column{
	float: right;
}

#ministry li h3{
	margin: 0 0 2px 0;
	color: #387EA9;
	font-size: 1.0em;
	border: solid #fff;
	border-width: 1px 1px 1px 0;
	padding: 0;
	line-height: normal;
}

#ministry li p{
	margin: 5px 0 0 0;
	font-size: .95em;
}

/* ----------------------------------
              end Ministers Page 
----------------------------------- */
