/****** ##LOG:  
	22/03/02	bsmith		Updated, included section-specific styles (bottom of page)
	21/03/02	brad c		Created.
******/ /*-	style sheet for the Teenshare website	-*/
/*
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
||
||			TEXT
||
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
*/
/* Standard Text */
	body { 
		font-family: verdana,arial,helvetica,sans-serif;
		font-size: 12px;
		color: #333333;
		background-color : White;
		}
		
/* Standard Text */
	div, td, span { 
		font-family: verdana,arial,helvetica,sans-serif;
		font-size: 12px;
		color: #333333;
		}
				
/* Homepage Text */		
	.textHomepage {
		font-size : 12px;
		color: #333333;
		}		

/* Small Text */		
	.textSmall {
		font-size : 10px;
		}		
		
/* White Text */	
	.textWhite {
		color: #ffffff;
		}		
		
/* Small White Text */	
	.textWhiteSmall {
		color: #ffffff;
		font-size : 10px;
		font-weight : bold;
		}
		
/* Grey Text */	
	.textGrey {
		color: Gray;
		}		
		
/* Small Grey Text */	
	.textGreySmall {
		color: Gray;
		font-size : 10px;
		}
		
/* Red Text */	
	.textRed, .textReqd {
		color: #ff0000;
		}

/* Small Red Text */	
	.textRedSmall {
		font-size : 10px;
		color: #ff0000;
		}			
		
/* IBC alert text *//* Used to alert IBC of something that is needed for site eg missing content */	
	.textAlertIBC {
		font-size : 16px;
		color: #00D0D0;
		font-weight : bold;
		}
		

/*
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
||
||			HEADERS
||
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
*/
/* Main Heading Style */	
	.header1 {
		font-size : 14px;
		color: #000099;
		font-family : Verdana, Arial, Helvetica, sans-serif;
		font-weight : bold;
		}

/* Level 2 Header */	
	.header2 {
		font-size : 12px;
		color: #6699FF;
		font-family : Verdana, Arial, Helvetica, sans-serif;
		font-weight : bold;
		}

/* Level 3 Header */	
	.header3 {
		font-size : 12px;
		color: Black;
		font-family : Verdana, Arial, Helvetica, sans-serif;
		font-weight : bold;
		}

/* Level 4 Header */	
	.header4 {
		font-size : 11px;
		color: Black;
		font-family : Verdana, Arial, Helvetica, sans-serif;
		font-weight : bold;
		}

		/* Utility Header Subpage */	
	.utilityheadersub {
		font-size : 11px;
		color: #ADB0C4;
		font-family : Verdana, Arial, Helvetica, sans-serif;
		font-weight : bold;
		}
				

/*
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
||
||			LINKS
||
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
*/
/* Standard Link */	
	a {
		text-decoration: underline;
		color: #3366CC;
		font-size: 12px;
		}	
	a:hover {
		text-decoration: underline;
		color: #999999;
		}	
	a:active {
		text-decoration: underline;
		color: #999999;
		}	
	a:visited {
		text-decoration: underline;
		color: #3366CC;
		}	
	a:visited:hover	{
		text-decoration: underline;
		color: #999999;
		}
		/*end*/
			
/* Page Heading Link */	
	a.pageHeadingLink {
		color: #32CD32;
		text-decoration: none;
		}
	a.pageHeadingLink:hover {
		color: #708090;
		text-decoration: underline;
		}
	a.pageHeadingLink:active {
		color: #708090;
		text-decoration: underline;
		}	
	a.pageHeadingLink:visited {
		color: #32CD32;
		text-decoration: none;
		}	
	a.pageHeadingLink:visited:hover	{
		text-decoration: underline;
		color: #708090;
		}
		/*end*/
			
/* Teenshare Team Link Homepage */	
	a.team {
		text-decoration: underline;
		color: #669900;
		}	
	a.team:hover {
		text-decoration: underline;
		color: #999999;#FF9800
		}	
	a.team:active {
		text-decoration: underline;
		color: #999999;
		}	
	a.team:visited {
		text-decoration: underline;
		color: #669900;
		}	
	a.team:visited:hover	{
		text-decoration: underline;
		color: #999999;
		}
		/*end*/

/* Utility Link Subpage */	
	a.utilitysub {
		text-decoration: none;
		color: #ADB0C4;
		font-size: 11px;
		padding-left : 14px;
		}	
	a.utilitysub:hover {
		text-decoration: underline;
		color: White;
		}	
	a.utilitysub:active {
		text-decoration: underline;
		color: White;
		}	
	a.utilitysub:visited {
		text-decoration: none;
		color: #ADB0C4;
		}	
	autilitysub:visited:hover	{
		text-decoration: underline;
		color: White;
		}
		/*end*/
				
/* Logout Link */	
	a.logoutLink {
		text-decoration: none;
		color: #000000;
		font-size: 10px;
	}	
	a.logoutLink:hover {
		text-decoration: underline;
		color: #ffff00;
	}	
	a.logoutLink:active {
		text-decoration: none;
		color: #ffff00;
	}	
	a.logoutLink:visited {
		text-decoration: none;
		color: #000000;
	}	
	a.logoutLink:visited:hover	{
		text-decoration: underline;
		color: #ffff00;
	}
	/*end*/
	

/* Footer 10px Link */			
	a.footerLink {
		text-decoration: none;
		font-size: 10px;
		}	
	a.footerlLink:hover {
		text-decoration: underline;
	}	
	a.footerLink:active {
		text-decoration: none;
	}	
	a.footerlLink:visited {
		text-decoration: none;
	}	
	a.footerlLink:visited:hover	{
		text-decoration: underline;
	}
	/*end*/
	
	
		
/*
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
||
||			FORM FIELDS
||
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
*/
/**-:-> Standard Form <-:-**/

/* Input Boxes */
	input {
	font-size : 11px;
	font-weight : normal;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color: #CCE5FF;
		border : 1px solid Black;
}
/* Textareas */
	textarea {
	font-size : 11px;
	font-weight : normal;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color:  #CCE5FF;
		border : 1px solid Black;
}
/* Select Boxes */
	select {
		font-size : 11px;
		font-weight : normal;
		font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
		background-color:  #CCE5FF;
		border : 1px solid Black;
		}
		
		
			
/*
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
||
||			BULLETS
||
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
*/
/* Standard Bullet */	 
	li {
		font-size : 12px;
		font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
		color: #333333;
		list-style-type : square;
		}



/*
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
||
||			TABLES
||
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
*/	
	
	/* Table Header*/	
	.tableheader {
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	font-weight : bold;
	padding-bottom : 2px;
	padding-left : 2px;
	padding-right : 2px;
	padding-top : 2px;
	background-color : #000000;
}

	/* Table SubHeader*/	
	.tablesubheader {
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight : bold;
	padding-bottom : 2px;
	padding-left : 2px;
	padding-right : 2px;
	padding-top : 2px;
	background-color : #FFFFFF;
}


	/* Table Body */	
	.tablebody {
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 12px;
	color: #000000;
	padding-bottom : 2px;
	padding-left : 2px;
	padding-right : 2px;
	padding-top : 2px;
	background-color : #FFFFFF;
}		
	/* Alternative Table Body */	
	.tablealt {
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 12px;
	color: #000000;
	padding-bottom : 2px;
	padding-left : 2px;
	padding-right : 2px;
	padding-top : 2px;
	background-color : #C0C0C0;
}

/*
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
||
||			BACKGROUNDS
||
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
*/	
	
	/* Tier 1 Colour */	
	.bgtier1 { 
	background-color: #99CC33;
}		

	/* Tier 2 Colour */	
	.bgtier2 { 
	background-color: #0000CD;
	padding-bottom : 2px;
	padding-left : 2px;
	padding-right : 2px;
	padding-top : 2px;	
}		

	/* Tier 3 Colour */	
	.bgtier3 { 
	background-color: #6495ED;
	padding-bottom : 2px;
	padding-left : 2px;
	padding-right : 2px;
	padding-top : 2px;	
}	

	/* Sub Page Top Colour */	
	.bgtop { 
	background-color: #313A6B;
}	

	/* Layer Cell Colour */	
	.bglayer { 
	background-color: #309AFF;
	padding-bottom : 2px;
	padding-left : 2px;
	padding-right : 2px;
	padding-top : 2px;	
}
	
	/* Alternative Form Colour */	
	.bgalt {
	background-color: #ADFF2F;
	padding-bottom : 2px;
	padding-left : 2px;
	padding-right : 2px;
	padding-top : 2px;
}
	

/*
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
||
||	Section-Specific Styles
||
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
*/	

	
	/* What is Teenshare? */
		.headerWhat {
			font-size : 12px;
			color: #CC0000;
			font-family : Verdana, Arial, Helvetica, sans-serif;
			font-weight : bold;
			}
		
		.linkWhat { color: #CC0000; text-decoration: none; }
		.linkWhat:hover { color: #CC0000; text-decoration: underline; }
		.linkWhat:Active { color: #CC0000; }
		.linkWhat:visited { color: #CC0000; text-decoration: none; }
		.linkWhat:visited:hover { color: #CC0000; text-decoration: underline; }

	/* About Carers */	
		.headerAbout {
			font-size : 12px;
			color: #00CC00;
			font-family : Verdana, Arial, Helvetica, sans-serif;
			font-weight : bold;
			}

		.linkAbout { color: #00CC00; text-decoration: none; }
		.linkAbout:hover { color: #00CC00; text-decoration: underline; }
		.linkAbout:active { color: #00CC00; }
		.linkAbout:visited { color: #00CC00; text-decoration: none; }
		.linkAbout:visited:hover { color: #00CC00; text-decoration: underline; }
	
	
	
	/* Apply Online */	
		.headerApply {
			font-size : 12px;
			color: #98CC30;
			font-family : Verdana, Arial, Helvetica, sans-serif;
			font-weight : bold;
			}

		.linkApply { color: #98CC30; text-decoration: none; }
		.linkApply:hover { color: #98CC30; text-decoration: underline; }
		.linkApply:active { color: #98CC30; }
		.linkApply:visited { color: #98CC30; text-decoration: none; }
		.linkApply:visited:hover { color: #98CC30; text-decoration: underline; }
		
		
		
	/* Carer  */	
		.headerCarer {
			font-size : 12px;
			color: #D068FF;
			font-family : Verdana, Arial, Helvetica, sans-serif;
			font-weight : bold;
			}
			
		.linkCarer { color: #D068FF; text-decoration: none; }
		.linkCarer:hover { color: #D068FF; text-decoration: underline; }
		.linkCarer:active { color: #D068FF; }
		.linkCarer:visited { color: #D068FF; text-decoration: none; }
		.linkCarer:visited:hover { color: #D068FF; text-decoration: underline; }

		
		
	/* Teenshare Team */	
		.headerTeam {
			font-size : 12px;
			color: #FF9800;
			font-family : Verdana, Arial, Helvetica, sans-serif;
			font-weight : bold;
			}
			
		.linkTeam { color: #FF9800; text-decoration: none; }
		.linkTeam:hover { color: #FF9800; text-decoration: underline; }
		.linkTeam:active { color: #FF9800; }
		.linkTeam:visited { color: #FF9800; text-decoration: none; }
		.linkTeam:visited:hover { color: #FF9800; text-decoration: underline; }

		
		
	/* Utilities - Contact, FAQ, Links, Anglicare, Home. */	
		.headerUtility {
			font-size : 12px;
			color: #6699FF;
			font-family : Verdana, Arial, Helvetica, sans-serif;
			font-weight : bold;
			}
		.headerUtilitySub {
			font-size : 12px;
			color: #6699FF;
			font-family : Verdana, Arial, Helvetica, sans-serif;
			font-weight : normal;
			}
			
		.linkUtility { color: #6699FF; text-decoration: none; }
		.linkUtility:hover { color: #6699FF; text-decoration: underline; }
		.linkUtility:active { color: #6699FF; }
		.linkUtility:visited { color: #6699FF; text-decoration: none; }
		.linkUtility:visited:hover { color: #6699FF; text-decoration: underline; }
	
	
	
	/* Carers Extranet  */	
		.headerExtranet {
			font-size : 12px;
			color: #FF9900;
			font-family : Verdana, Arial, Helvetica, sans-serif;
			font-weight : bold;
			}
			
		.linkCarer { color: #CC33CC; text-decoration: none; font-weight: bold; }
		.linkCarer:hover { color: #CC33CC; text-decoration: underline; font-weight: bold; }
		.linkCarer:active { color: #CC33CC; font-weight: bold; }
		.linkCarer:visited { color: #CC33CC; text-decoration: none; font-weight: bold; }
		.linkCarer:visited:hover { color: #CC33CC; text-decoration: underline; font-weight: bold; }
	