/****************************************************************/
/* 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;		
}
#chifley_logo_for_print{
	display:none;
}

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

#topnav a:hover{
	color:#ff99ff;
	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: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/mosaicnew.gif) top no-repeat;
}

/* The .boxItemRed class is for the red box that sits at the bottom left position in the leftcol. */
.boxItemRed 
{	position:relative; 
	height:118px; 
 	width:215px;  			 
 } 
 /* The .boxItemRedHeader class is for the red header inside the .boxItemRed class. */
 .boxItemRedHeader
{	
 	height:20px; 
 	width:215px; 
 	background-color:#660066;
	color:#ffffff;
	font-weight:bold; 
	margin:0;
	padding:0;		
 } 
 /* The .boxItemRedSquare class is for the contents below the header inside the .boxItemRed class. */
 .boxItemRedSquare 
{	
	height:96px; 
 	width:213px; 
 	border:1px solid #660066;
	color:#660066;	
	line-height:20px;	
	font-weight:bold;	
 }  

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

 }
.boxItemRedSquare ul li a:link{
 	color: #660066;
	text-decoration: none;
}
.boxItemRedSquare ul li a:visited{
	color: #660066;
	text-decoration: none;
}
.boxItemRedSquare ul li a:hover, a:active {
	color: #000000;
	text-decoration: underline;
} 
.boxItemRedSquare span{
	padding-left:1.20em;
}
/* 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:#660066;
	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:320px;
 	/*width:175px; */
 	margin-right:5px; 			 
 } 
 
  /*.item1header class defines the header inside the item1 class*/
 .item1header
{	
 	height:20px; 
 	width:320px;
 	background-color:#666666;
	color:#ffffff;
	font-weight:bold; 
	margin:0;
	padding:0;	
 } 
 
 /*.item1square class defines the contents below the .item1header class inside the item1 class*/
 .item1square 
{	
	height:96px; 
 	width:318px; 
 	border:1px solid #666666;
	line-height:15px;			
 } 
.item1square ul {
 	list-style-type:none;
	list-style-position:outside;
	margin:0;
	padding:0.3em 0.1em 0.2em 0.5em;

 }
.item1square li { 	
	padding:0.2em 0;
 }
 /*.item2 class defines the 2ndt item in the bottom right column class*/ 
 .item2 
{
	position:relative;		
	float:left; 
	height:118px; 
	width:215px; 				
  }

/*.item2header class defines the header inside the item2 class*/
.item2header 
{
	height:20px; 
	width:215px; 
	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:213px; 
 	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;	 	
	}
/* 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;
}
ul 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;
	/*
	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: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;
	color:#660066;
}
/* 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;
	color:#660066;
}
/* Defines the sub-sub-heading element for the website*/
h3{
	font-size:12px;
	margin:0; 
	padding:0;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif, Verdana;
	color:#000000;
}

/****************************************************************/
/* Styles for the contact us form */
/****************************************************************/
label {
  float: left;
  width: 165px;
  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;
} 
.purpleheader{
	background-color:#660066;
	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;
}
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;
}

.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;  	
}
.divfloatleft{
	width:2px;
	float:left;
}

/*The below table classes are for the tables used on the site*/

table.programsTable {
    border-spacing: 0px;
    border-collapse: collapse;
	width:500px;
	border:1px solid #999999;
	font-size:11px;
} 
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:#660066;	
	text-align:left;
	color:#ffffff;
	font-weight:bold;
	border:1px solid #999999;
}
table.programsTable  td.greybk 
{
	background-color:#dcdcdc;	
	text-align:left;	
	border:1px solid #999999;
}
table.participantTable {
    border-spacing: 0px;
    border-collapse: collapse;
	width:100%;
	border:1px solid #999999;	
	font-size:11px;
} 
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:#660066;	
	text-align:left;
	color:#ffffff;
	font-weight:bold;
	border:1px solid #999999;	
}

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;  
}
/****************************************************************/
/* HTML tag styles for the unit pages     */
/****************************************************************/
/* The #internalleftnav id defines the left navigation in the units pages */ 
.title_grey
{
    font-weight: bold;
    color: #666666;
}
#internalleftnavunit 
{	
	width:215px; 
	padding:5px 0px;
	margin-top:10px;
	border-top:1px solid #999999;
	border-bottom:1px solid #999999;		
	height: auto;	
}

#internalleftnavunit h4
{	
	font-weight: bold;
	font-style:italic;
	font-size:11px;
	margin-left:10px;
}
#internalleftnavunit p
{	
	font-style:italic;
	font-size:11px;
	margin-left:10px;
}

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

.underline{
	text-decoration:underline;
}


.aligncenter{
	text-align:center;
}

.italic{
	font-style:italic;
}
.smalltext{
	font-size:9px;
}
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%;
}