/****************************************************************/
/* 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.6em;	
 }
 
#topnav ul li a
{
	text-decoration: none;
	padding:0;
	color: #ffffff;
}

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

/* The #contentmain id is for the homepage only and it is the container for the contents of the home page. */
#contentmain{
	width:760px;
	height:235px;
}

/* The #leftcol id is for the homepage only and it is the container for the contents of the left side of the website. */
#leftcol{
	float:left;
	width:215px;
	margin-right:5px;
}


/* The #rightcol id is for the homepage only and it is the container for the contents of the right side of the website. */
#rightcol{
	float:right;
	width:540px;
}

/* The #leftmosaic id is for the mosaic that sits in the top left position in the leftcol. */
#leftmosaic{
	width:215px;
	height:112px;	
	margin-bottom:5px;
	background:url(../images/mosaicnew1.gif) top no-repeat;
}

/* The .boxItemBlue class is for the blue box that sits at the bottom left position in the leftcol. */
.boxItemBlue 
{	position:relative; 
	height:118px; 
 	width:215px;  			 
 } 
 /* The .boxItemBlueHeader class is for the blue header inside the .boxItemBlue class. */
 .boxItemBlueHeader
{	
 	height:20px; 
 	width:215px; 
 	background-color:#000066;
	color:#ffffff;
	font-weight:bold; 
	margin:0;
	padding:0;		
 } 
 /* The .boxItemBlueSquare class is for the contents below the header inside the .boxItemBlue class. */
 .boxItemBlueSquare 
{	
	height:96px; 
 	width:213px; 
 	border:1px solid #000066;
	color:#000066;	
	line-height:18px;	
	font-weight:bold;	
 }   
 
 .boxItemBlueSquare ul {
 	list-style-type:none;
	list-style-position:outside;
	margin:0;
	padding:0.3em 0.5em 0.3em 0.5em;
 }
 
 .boxItemBlueSquare ul li a:link{
 	color: #000066;
	text-decoration: none;
}
.boxItemBlueSquare ul li a:visited{
	color: #000066;
	text-decoration: none;
}
.boxItemBlueSquare ul li a:hover, a:active {
	color: #000000;
	text-decoration: underline;
} 


/* The #quotes id is for the animated quotes gif that sits in the top right position in the rightcol. */
#quotes{
	width:540px;
	height:112px;	
	margin-bottom:5px;		
}
#quotes h1{
	padding:0 0 5px 0;
	font-size:17px;
	color:#000066;
	font-weight:bold;
}

/* The #rightbottom id is the container for the contents that sit in the bottom right position in the rightcol. */
#rightbottom{
	width:540px;
	height:118px;
	margin-top:5px;
}
#rightbottom p{
  margin:7px 2px 0px 4px;  
 }

 
 /*.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; 
 }
 
 /*.item1 class defines the 1st item in the bottom right column class*/
.item1 
{	position:relative; 
	float:left; 
 	height:118px; 
	width:330px;
 	/*width:175px; */
 	margin-right:5px; 			 
 } 
 
  /*.item1header class defines the header inside the item1 class*/
 .item1header
{	
 	height:20px; 
 	width:330px;
 	background-color:#666666;
	color:#ffffff;
	font-weight:bold; 
	margin:0;
	padding:0;	
 } 
 
 /*.item1square class defines the contents of the item1 class below the header.*/
 .item1square 
{	
	height:98px; 
 	width:329px; 
	border-left:1px solid #999999; 				
 } 
 
.item1Table{
	margin:0;
	padding:0;
	border-collapse:collapse;
	width:100%;
	height:100%;	
}
.item1Table td{
	border-bottom:1px solid #999999;
	border-right:1px solid #999999;
	padding-left:0.15em;
}

.item1Table th{
	border-bottom:1px solid #999999;
	border-right:1px solid #999999;
	background-color:#cccccc;
	font-weight:bold;
}
 /*.item2 class defines the 2ndt item in the bottom right column class*/ 
 .item2 
{
	position:relative;		
	float:left; 
	height:118px; 
	width:205px; 				
  }

/*.item2header class defines the header inside the item2 class*/
.item2header 
{
	height:20px; 
	width:205px; 
	background-color:#000;
	color:#ffffff;
	font-weight:bold;
	padding:0;
  }
/*.item2square class defines the contents below the .item2header class inside the item2 class*/
 .item2square 
{	
	height:96px; 
 	width:203px; 
 	border:1px solid #000;	
	line-height:15px;		
 } 
 
/* #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;
}

/****************************************************************/
/* 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;	 	
	}
.internalSchedule{
	margin:10px 0;
	width:760px;		
	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-image:url(../images/mosaicbottom.jpg);*/
}

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

/* Defines the properties of the href links for the website*/
a:link, a:visited , a:active {
	color: #3333cc;
	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;
}


/*The below table classes are for the pages under the programs section*/

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:#000066;	
	text-align:left;
	color:#ffffff;
	font-weight:bold;
	border:1px solid #999999;
	text-align:center;
}

img.top{	
	height:9px;
	width:12px;
	border:none;
	float:right;
}
/****************************************************************/
/* HTML tag styles for the Thank you pages     */
/****************************************************************/
label.thankyou{
  float: left;
  width:250px;   
  font-weight:bold;
  margin-right:10px;  
}
/****************************************************************/
/* 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:#000066;
	font-weight:bold;
	color:#ffffff;
	margin:1em 0;
	padding:0.25em 0 0.25em 0.25em;
	width:99.5%;
	height:auto;
}
.divleft{
	float:left;
	width:230px;
	margin-right:5px;	
}

p.alignleft{ 
 margin-left:160px;
}

.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;
}
.floatleft200{
	float: left;
  	width: 200px;  	
	border:1px solid #fff;
}

.floatleft{
	float: left;  	
}

.divfloatleft{
	width:2px;
	float:left;
}

input,select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

.bluetext{
	color:#000066;
}

/****************************************************************/
/* classes for the booking_form.asp    */
/****************************************************************/
.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:#000066;	
	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;
}

/****************************************************************/
/* Classes for home page tabbed structure   */
/****************************************************************/
.content_courses 
{	
	float:left; 
 	height:118px; 
	width:330px; 	
 	margin-right:5px; 		 
 } 
 .content_courses_tabs
 {
 	height:20px; 
	width:330px; 
 }
 .content_courses_tabs h2{
 	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;			
	padding-left:5px;
	display:inline;
	vertical-align:middle;
 }
 .content_courses_text{
	width:328px;			
	height:97px;
	border-bottom:1px solid #333333;
	border-left:1px solid #333333;
	border-right:1px solid #333333;		
																							
}
#tab1{
			width:66px;
			height:20px;						
			color:#666;
			float:left;
			position:relative;
			background:url(../images/tab_white.gif) no-repeat;			
		}
#tab2{
			width:66px;
			height:20px;						
			color:#fff;
			float:left;
			position:relative;			
			background:url(../images/tab_dark_grey.gif) no-repeat;		
		}
#tab3{
			width:66px;
			height:20px;						
			color:#fff;
			float:left;
			position:relative;
			background:url(../images/tab_dark_grey.gif) no-repeat;	
		}
#tab4{
			width:66px;
			height:20px;						
			color:#fff;
			float:left;
			position:relative;
			background:url(../images/tab_dark_grey.gif) no-repeat;	
		}
#tab5{
			width:66px;
			height:20px;						
			color:#fff;
			float:left;
			position:relative;
			background:url(../images/tab_dark_grey.gif) no-repeat;		
		}
		
.tabTable{
	margin:5px 0 0 5px;
	padding:0;	
	font-family:Verdana, Arial, Helvetica, sans-serif;	
	font-size:11px;	
	line-height:14px;
	width:98%;
}
.tabTable td{
	padding-right:5px;
}

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

.underline{
	text-decoration:underline;
}


.aligncenter{
	text-align:center;
}

ul
{
	list-style-type: square;
}

/****************************************************************/
/* 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%;
}


.confirmation_msg{
	font-size:13px;
	margin:0; 
	padding:0;
	color:#990000;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif, Verdana;
}
#chifley_logo_for_print{	
	display:none;
}
/****************************************************************/
/* Tag styles common to expanding and collapsing navigation begin here   */
/****************************************************************/
/*#internalleftnav_expand
{	
	width:213px; 
	padding:5px 0px;
	margin-top:10px;
	border-top:1px solid #999999;
	border-bottom:1px solid #999999;
	border-left:1px solid #ffffff;
	border-right:1px solid #ffffff;
	font-weight:bold;
	height: auto;	
}

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

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


li.xc { 
list-style: none; 
} 
div.xcx, div.xcc { 
position: relative; 
display: inline; 
} 
li.xc>div.xcx, li.xc>div.xcc { 
position: static; 
margin-left: -1.5em; 
float: left; 
width: 1.5em; 
} 
div.xcx a, div.xcc a { 
position: absolute; 
left: -2em; 
} 
div.xcx>a, div.xcc>a { 
position: static; 
} 
div.xcx a:link, div.xcx a:visited, 
div.xcc a:link, div.xcc a:visited { 
color: #666; 
text-decoration: none; 
} 
*/
/****************************************************************/
/* Tag styles common to expanding and collapsing navigation end here   */
/****************************************************************/