/****************************************************************/
/* HTML tag styles  for  home page                        */
/****************************************************************/ 


html,body{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;	
	margin:0;
	padding:0;
	height:100%;	
	background-color:#dcdcdc;
	line-height:15px;
	color:#000000;
	}

/* The #align id  center aligns the website.Please not that the text-align:center; could have been given in the body class but because it was aligning the drop down text in the center, I had to create separate #align id. */
#align{
	text-align:center;
	margin:0;
	padding:0;
	height:100%;		
}

/* The #containerhome is the container id for the home page only and it contains the rest of the ids and classes within it. */
#containerhome{
	padding: 0px;
	text-align:left;
	margin:0 auto;	
	height:100%;	
	width: 760px;
	border-left:5px solid #ffffff;		
 	border-right:5px solid #ffffff;	
	background:#ffffff url(../images/chifley_logo_bg760.gif) no-repeat top;	
}

/* The #container is the container id for the internal pages only and it contains the rest of the ids and classes within it. */
#container {
	padding: 0px;
	text-align:left;
	margin:0 auto;	
	min-height:100%;	
	width: 760px;	
 	border-left:5px solid #ffffff;		
 	border-right:5px solid #ffffff;		
	background-color:#ffffff;		
}
* html #container { 
  height: 100% 
}
/* The #header id is for the website header. */
#header{
	width:760px;
	height:148px;
	background:#000000;
}
#header_top
{
	width:760px;
	height:24px;
	background:#000000;
	color:#ffffff;
	font-weight:bold;
	font-size:12px;
}
.header_top_text{
	padding-left:1em;
	padding-top:0.2em;
	float:left;	
}
.header_search{	
	padding-right:0.4em;
	padding-top:0.1em;
	float:right;	
}
form.search {	
	margin:0;
	padding:0;		
}

/* The #topnav id is for the website top navigation. */
#topnav{
	width:760px;
	height:24px;
	background-color:#000000;	
	color:#fff;
	margin:0 0 5px 0;	
	font-weight:bold;	
}

#topnav ul {	
	text-align:center;	
	margin:0;
	padding:4px 0 0 0;
	max-width:760px;
	list-style-type: none;		
	} 
	
#topnav ul li { 
	display: inline;
	padding:0 0.3em;	
 }
 
#topnav ul li a
{
	text-decoration: none;
	padding:0;
	color: #ffffff;	
}

#topnav a:hover{
	color:#ff9999;
	text-decoration:none;
}

/* The #contentmain id is for the homepage only and it is the container for the contents below the top navigation. */
#contentmain{
	width:760px;
	height:245px;
}

.content_top{
	width:760px;
	height:110px;
	margin-bottom:5px;	
	
}
.news{
	width:566.75px;
	height:110px;
	float:right;
	line-height:15px;
	font-size:11px;	
	color:#000000;
/*	background:url(../images/Chifley_blurb.gif) top no-repeat;*/
	
}
.news h1{
	padding:5px 0;
	font-size:17px;
	color:#666600;
	font-weight:bold;	
}

.content_bottom{
	width:760px;
	height:130px;	
}


.content_bottom ul li a:link{
 	color: #000099;
	text-decoration: none;
}
.content_bottom ul li a:visited{
	color: #000099;
	text-decoration: none;
}
.content_bottom ul li a:hover, a:active {
	color: #000099;
	text-decoration: underline;
}

 
 /*.cornerTR class defines the properties of the cut corner gif used on the site.*/
 .cornerTR {
 position:absolute; 
 top:-1px; 
 right:-1px; 
 width:7px; 
 height:7px; 
 }
 
 /* The .resourcesBox class is for the red box that sits at the bottom left position in the leftcol. */
.resourcesBox 
{	position:relative; 
	height:130px; 
 	width:215px;  			 
 } 
 /* The .resourcesBoxHeader class is for the red header inside the .resourcesBox class. */
 .resourcesBoxHeader
{	
 	height:20px; 
 	width:215px; 
 	background-color:#cc0000;
	color:#ffffff;
	font-weight:bold; 
	margin:0;
	padding:0;		
 } 
 /* The .resourcesBoxSquare class is for the contents below the header inside the .resourcesBox class. */
 .resourcesBoxSquare 
{	
	height:108px; 
 	width:213px; 
 	border:1px solid #cc0000;
	color:#cc0000;	
	line-height:25px;	
	font-weight:bold;	
 }  

 .resourcesBoxSquare ul {
 	list-style-type:none;
	list-style-position:outside;
	margin:0;
	padding:0.3em 0.5em 0.3em 0.5em;

 }
.resourcesBoxSquare ul li a:link{
 	color: #cc0000;
	text-decoration: none;
}
.resourcesBoxSquare ul li a:visited{
	color: #cc0000;
	text-decoration: none;
}
.resourcesBoxSquare ul li a:hover, a:active {
	color: #000000;
	text-decoration: underline;
} 
.resourcesBoxSquare span{
	color: #cc0000;
	font-weight:normal;
	padding-left:2px;
}


 /* The .enrolBoxSquare class*/
 .enrolBoxSquare 
{	
	height:70px; 
 	width:250px; 
 	/* border:1px solid #cc0000; */ /*DS*/
	color:#cc0000;	
	line-height:25px;	
	font-weight:bold;
	/* float:right;	*/ /*DS*/
 }  

 .enrolBoxSquare ul {
 	list-style-type:none;
	list-style-position:outside;
	margin:0;
	padding:0.2em 0.5em 0.2em 0.5em;

 }
.enrolBoxSquare ul li a:link{
 	color: #cc0000;
	text-decoration: none;
}
.enrolBoxSquare ul li a:visited{
	color: #cc0000;
	text-decoration: none;
}
.enrolBoxSquare ul li a:hover, a:active {
	color: #000000;
	text-decoration: underline;
} 

/* #footer id defines the footer of the website */ 
#footer{	
	clear:both;
	font-size:10px;	
	width:760px;	
	border-top:1px solid #666666;
	padding:5px 0;
	margin:5px 0 0 0;	
	text-align:center;
	background-color:#ffffff;
}
.internalSearch{
	margin:10px 0;
	width:760px;		
	height:auto;	 	
	}
	
/*Classes for enrol pages*/
.assessmentInfo{	
	font-size:13px; 	
	padding:0.1em 1em;
	text-align:center;
}
table.participantTable {
    border-spacing: 0px;
    border-collapse: collapse;
	width:100%;
	border:1px solid #999999;	
} 
table.participantTable th
{	
	border:1px solid #999999;	
	padding:5px;
	font-weight:bold;
	color:#000000;			
}
table.participantTable td
{
	border:1px solid #999999;	
	background-color:#ffffff;		
	padding:5px;			
}
table.participantTable  td.tableheader 
{
	background-color:#cc0000;	
	text-align:left;
	color:#ffffff;
	font-weight:bold;
	border:1px solid #999999;	
}
label.participant {
  float: left;
  width: 200px;
  font-weight:bold;
}
label.register {
  float: left;
  width: 250px;
  font-weight:bold;
}

/****************************************************************/
/* HTML tag styles for Internal pages     */
/****************************************************************/ 
/* The .internalmain class is for the internal pages only and it is the container for the contents below the top navigation. */
.internalmain{
	margin:10px 0;
	width:760px;
	background:#fff url(../images/bg_white.gif) top repeat-y;	
	height:auto;	 	
	}
/* The .internalleftcol class is the container for the contents of the left column for the internal pages of the website. */	
.internalleftcol{
	float:left;
	width:215px;		
}

/* The .internalrighttcol class is the container for the contents of the right column for the internal pages of the website. */	
.internalrighttcol{
	float:right;
	width:524px;				
}

/* The #internalleftnav id defines the left navigation in grey or the bottom left navigation for the internal pages of the site */ 
#internalleftnav 
{	
	width:213px; 
	padding:5px 0px;
	margin-top:10px;
	border-top:1px solid #999999;	
	border-left:1px solid #ffffff;
	border-right:1px solid #ffffff;
	line-height:20px;	
	font-weight:bold;
	height: auto;	
}

#internalleftnav  ul{	
	list-style-type:none;
	list-style-position:outside;
	margin:0;	
	padding-left:0.5em;
	color:#666666;		
}

#internalleftnav ul li a:link{
 	color: #666666;
	text-decoration: none;
}
#internalleftnav ul li a:visited{
	color: #666666;
	text-decoration: none;
}
#internalleftnav ul li a:hover, a:active {
	color: #000000;
	text-decoration: underline;
}
#internalleftnav span{
	padding-left:1.20em;
}

/* The .mosaicbottom class defines the bottom mosaic in the left col for the internal pages of the website.*/
.mosaicbottom{
	display:none;
	/* Removed as per the new print brochure as of 20/06/2008
	clear:both;
	margin-top:10px;
	width:215px;
	height:143px;
	background: url(../images/pia_mosaicbottom.jpg);*/
}
/* The below class is for printer only and is not visible on screen */
#chifley_logo_for_print{	
	display:none;
}


/****************************************************************/
/* HTML tag styles  common for home page and  Internal pages     */
/****************************************************************/

/* Defines the properties of the href links for the website*/
a:link, a:active {
	color: #3333cc;
	text-decoration: none;
}
a:visited {
	color: #663399;
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}
 
/*h5 defines h5 heading element  for the website*/
h5{
 margin:0 0 0 4px;
 padding:3px 1px 1px 1px;
 font-size:1em;
 font-weight:bold;
 color:#ffffff;
 }
/* Defines the h1 heading element for the website*/
h1{
	font-size:16px;
	margin:0; 
	padding:0;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif, Verdana;
}
/* Defines the sub-heading element for the website*/
h2{
	font-size:13px;
	margin:0; 
	padding:0;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif, Verdana;
}
/* Defines the sub-sub-heading element for the website*/
h3{
	font-size:12px;
	margin:0; 
	padding:0;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif
}

/****************************************************************/
/* Styles for the contact us form */
/****************************************************************/
label {
  float: left;
  width: 150px;
  font-weight:bold;
}
/* Fix for Mozilla 1.x and Netscape 7, as floating labels causes them to vanish without a trace.Hence, the below span is added to the label. */
label span {
  float: left;
  width: 200px;
  font-weight:bold;
} 
.blueHeader{
	background-color:#cc0000;
	font-weight:bold;
	color:#ffffff;
	margin:1em 1em 1em 0;
	padding:0.25em;
	width:500px;
	height:auto;
}
.divleft{
	float:left;
	width:230px;
	margin-right:5px;	
}

p.alignleft{ 
 margin-left:160px;
}
input,select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;	
}
.centeralign{
	text-align:center;
}
img.imgcenteralign{	
	display: block;
    margin-left: auto;
    margin-right: auto;
}

img.floatleft{	
	float:left;
    margin:5px;
}

.marginleft50{
	margin-left:50px;

}
.floatleftbold{
	float: left;
  	width: 150px;
  	font-weight:bold;
	border:1px solid #fff;
}
.floatleft150{
	float: left;
  	width: 150px;  	
	border:1px solid #fff;
}

.floatleft{
	float: left; 
	padding:5px; 	
}

.floatright{
	float: right; 
	padding:5px; 	
}
.divfloatleft{
	width:2px;
	float:left;
}
/* Table style*/
table.programsTable {
    border-spacing: 0px;
    border-collapse: collapse;
	width:100%;
	border:1px solid #999999;
	text-align:center;
} 
table.programsTable th
{
	background-color:#cccccc;
	border:1px solid #999999;
	padding:5px;
	font-weight:bold;
	color:#000000;			
}
table.programsTable td
{
	border:1px solid #999999;	
	background-color:#ffffff;		
	padding:5px;			
}

table.programsTable  td.tableheader 
{
	background-color:#cc0000;	
	text-align:left;
	color:#ffffff;
	font-weight:bold;
	border:1px solid #999999;
	text-align:center;
}
a:link.white_under{
	color:#FFFFFF;
	text-decoration:underline;
}
a:active.white_under{
	color:#FFFFFF;
	text-decoration:underline;
}

a:visited.white_under{
	color:#FFFFFF;
	text-decoration:underline;
}

a:hover.white_under{
	color:#FFFFFF;
	text-decoration:underline;
}


.confirmation_msg{
	font-size:13px;
	margin:0; 
	padding:0;
	color:#990000;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif, Verdana;
}
/****************************************************************/
/* HTML tag styles for the Thank you pages     */
/****************************************************************/
label.thankyou{
  float: left;
  width:250px;   
  font-weight:bold;
  margin-right:10px;  
}

/****************************************************************/
/* HTML tag styles common to all    */
/****************************************************************/

.underline{
	text-decoration:underline;
}


.aligncenter{
	text-align:center;
}
/****************************************************************/
/* Classes for all the 4 chifley colors    */
/****************************************************************/

.red{
	color:#990000;
	font-weight:bold;
}

.blue{
	color:#000066;
	font-weight:bold;
}

.purple{
	color:#330033;
	font-weight:bold;
}

.green{
	color:#666600;
	font-weight:bold;
}
img.top{	
	height:9px;
	width:12px;
	border:none;
	float:right;
}
/****************************************************************/
/* Classes for 404.html page    */
/****************************************************************/

.top404{	
	background-color:#0066CC;
	height:5%;	
	width:100%;
}
.bottom404{	
	background-color:#0066CC;
	height:65%;	
	width:100%;
}
.text404{
	background-color:#ffffff;
	height:25%;	
	width:100%;
	padding:10px;
	text-align:center;
}
.text404 h1{
	color:#0066CC;
	font-size:4em;
	padding:1em;
}
.text404 h2{
	color:#000000;
	font-size:2em;
}
.lightbluebg404{
	background-color:#CCFFFF;
	height:2.5%;	
	width:100%;
}
ul
{
	list-style-type: square;
}
/* Fix for Mozilla 1.x and Netscape 7, as floating labels causes them to vanish without a trace.Hence, the below span is added to the label. */
label span {
  float: left;
  width: 200px;
  font-weight:bold;
} 
.greenheader{
	background-color:#cc0000;
	font-weight:bold;
	color:#ffffff;
	margin:1em 1em 1em 0;
	padding:0.25em;
	width:500px;
	height:auto;
}
.divleft{
	float:left;
	width:230px;
	margin-right:5px;	
}

p.alignleft{ 
 margin-left:160px;
}
input,select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;	
}
.centeralign{
	text-align:center;
}
img.imgcenteralign{	
	display: block;
    margin-left: auto;
    margin-right: auto;
}

img.floatleft{	
	float:left;
    margin:5px;
}