/***************************************************************/
/*  CSS stylesheet for standard HTML tags
/*  Copyright 2007 by Pixelsound Web Design Perth
/*  http://www.pixelsound.com/

/*************** Body *************************************/
body {
	padding:0px;
	margin:0px;
	text-align: center;
}

body, table, td, p, form, input, select, textarea, h1, h2, h3, h4, h5, h6, blockquote, ul, ol {
}





/*********************************************************************************
	Form Elements
*********************************************************************************/

form#mailform input {
}
	form#mailform input.csc-mailform-submit,
	form#mailform input.button { 
		background-color:#3D1517;
		border:1px none #ccc;
		color:#fff;
		font-weight:700;
		text-transform:uppercase;
		font-size:.9em;
		padding:5px;
		vertical-align:middle;
		line-height:1.6em;
		height:1.6em;
		padding:0 6px;
	}


form#mailform {
	margin: 0 0 1em;
}

		form#mailform fieldset {
			border:1px none white;
		}
			form#mailform .csc-mailform-radio fieldset {
				border:1px none #ccc;
				margin:0 10px 20px 120px;
				padding:10px 10px 0;
				padding:0;
				margin:0 0 0 130px;
			}
		form#mailform legend {
			font-weight:700;
			margin-bottom:0em;
			color:#666;
			display:none;
		}
		form#mailform fieldset h3 {
			margin:20px 0px 0px 0px;
		}
	
	
		form#mailform .label1,
		form#mailform label,
		form#mailform .required  {
			float: left;
			text-align: right;
			width: 120px;
			margin-right: 10px;
		}
			form#mailform .required label {
				float:none;
				text-align: right;
				width:auto;
				margin-right:0px;
			}

		form#mailform p.required-note {
			font-style:italic;
			margin-bottom:1.5em;
			margin-top:-1em;
		}

		form#mailform td.csc-form-labelcell {
			width:120px;
			text-align:right;
		}
			form#mailform td.csc-form-fieldcell input,
			form#mailform td.csc-form-fieldcell textarea,
			form#mailform td.csc-form-fieldcell select {
				margin-left:10px;
			}
			
form#mailform input,
form#mailform textarea,
form#mailform select {
	display: block;
	line-height:1.2em; /* needs to be the same as height */
	padding:0px 2px;
	margin-left: 130px; /* (label width) + (label margin) */
	margin-bottom:.5em;
	background-color:#fff;
	border:1px solid #ddd;
}
form#mailform div.csc-mailform-field {
	clear:both;
}

form#mailform .csc-mailform-radio input,
form#mailform .csc-mailform-check input {
	float: left;
	text-align: right;
	width: auto;
	margin:.2em 0;
	border:1px none #fff;
	background:none;
}
		form#mailform .csc-mailform-radio label,
		form#mailform .csc-mailform-check label {
			float:none;
			width:auto;
			clear:none;
			display:block;
			text-align:left;
			height:auto;
		}
		form#mailform div.csc-mailform-check {
			margin-left:-130px;
			padding:2px 0px 10px 130px;
			display:block;
		}

form#mailform div.csc-mailform-check input.csc-mailform-check {
	border:1px none #fff;
	background-color:#fff;
	padding:0;
	margin:0 0 0 110px;
}
		* html form#mailform div.csc-mailform-check input.csc-mailform-check {
			margin:0 0 0 55px;
		}

form#mailform input.csc-mailform-hidden {
	display: none;
}
		
form#mailform input[type="hidden"] {
	display:none;
}






/**** Better Search Box ****/
div#searchBar {
	background-image:url(../images/searchbox-R.jpg);
	background-position:right top;
	background-repeat:no-repeat;
	margin:1px 0 0;
	border-left:1px solid white;
	border-right:1px solid white;
	clear:both;
}

div#searchBox {
	width:200px;
	margin:0;
	padding:2px 0 0 20px;
	background-image:url(../images/searchbox-tile.gif);
	background-position:left top;
	background-repeat:repeat-x;
	background-color:#fff;
	height:30px;
	vertical-align:middle;
}
	div#searchBox * {
		vertical-align:middle;
		margin:0;
/*
		padding:0;
*/
	}
			div#searchBox form input.searchfield {
				vertical-align: top;
				float:left;
				width:105px;
				border:1px solid white;
				margin:0;
				height:14px;
				line-height:14px;
				padding:0;
			}
			div#searchBox form input.button {
				vertical-align: middle;
				width:63px;
				margin:0;
				height:20px;
				line-height:12px;
				margin-top:-2px;
				padding:0;
				margin-left:1px;
			}




.navigation dfn {
	display:none;
}







/*************** Main Sections *************************************/
body {
	width:900px;
	margin: 0px auto; /* Right And Left Margin Widths To Auto */
	background:#fff;
	text-align: left; /* Hack To Keep IE5 Windows Happy */
	background-image:url(../images/body-tile.jpg);
	background-position:left 120px;
	background-repeat:repeat-x;
}

body div#body {
}
	body div.page {
	}

	body div#container {
	}




/*************** PageHeader *************************************/
div#PageHeader {
	height:120px;
}

div#logo {
	float:left;
	margin:15px 20px;
}
* html div#logo {
	margin-left:10px;
}





/******  Navigation Horizontal with drop down  ******************************************/
/*	use the following classes:
	li.no = normal
	li.cur = current link
	li.curifsub = current link
	li.act = active
	li.actifsub = section with active subpage
	li.ifsub = active
	li.spc = spacer (separator)
**************************************************************/

DIV#navUtility {
	height:2.0em;						/* needed for Mozilla */
	font-size:1em;
	background-color:#fff;				/* Color White */
	background-image: url("");
	background-repeat:repeat-x;
	background-position:bottom;
	float:right;
}
		DIV#navUtility ul { 				/* main menu list */
			padding:0px; 					/* can be altered: used for drop down */
			margin:0px;  					/* do not alter: used for drop down */
			list-style: none; 				/* do not alter: used for drop down */
		}
		
DIV#navUtility,
DIV#navUtility ul {
	padding: 0;
	margin: 0;
}

		DIV#navUtility li { 				/* all list items; especially top level */
			float:left;				/* do not alter: used for drop down */
			position:relative; 		/* do not alter: used for drop down */
			width:auto; 			/* Opera now supports auto width */
			text-align:left;		/* can be altered: used for drop down */
			margin:0px; 			/* can be altered: used for drop down */
			padding:0;
 			list-style: none; 		/* do not alter: used for drop down */
			border-left:1px none #999;				/* Color Black Writing */
			line-height:1.9em;
			height:auto;			/* do not define height, otherwise no line breaks */
		}


						DIV#navUtility li:hover,
						DIV#navUtility li.sfhover,
						DIV#navUtility li.cur,
						DIV#navUtility li.actifsub,
						DIV#navUtility li.curifsub {	
							background-color:#eee;				/* Color GreyEEE */
						}
				DIV#navUtility li.spc {
					display:none;
				}

				DIV#navUtility li,
				DIV#navUtility a,
				DIV#navUtility span.cur {	/* style all a tags */
					font-weight:100;
					text-decoration:none;
					color:#000;				/* Color Black Writing */
					display:block;
				}
				DIV#navUtility li.first-child {
					border-left-style:none;
				}
				DIV#navUtility li.last-child {
					border-right:1px none #999;			/* Color Black Writing */
				}
						DIV#navUtility li a,
						DIV#navUtility li span.cur {	/* style all a tags */
							background-image:url(../images/stationery/dotted_line-vertical.gif);
							background-position:left top;
							background-repeat:repeat-y;
							padding:1em 2em 0 1em;
							margin-bottom:-.3em;
						}
						DIV#navUtility li a:hover {	/* style hover a tags */
							color:#666;
							background-color:#eee;				/* Color GreyEEE */
						}

		DIV#navUtility li:hover,
		DIV#navUtility li.sfhover,
		DIV#navUtility li.cur,
		
		DIV#navUtility li:hover a,
		DIV#navUtility li.sfhover a,
		DIV#navUtility li.cur a,
		
		DIV#navUtility li:hover ul li,
		DIV#navUtility li.sfhover ul li,
		DIV#navUtility li.cur ul li,
		
		DIV#navUtility li:hover ul li a,
		DIV#navUtility li.sfhover ul li a,
		DIV#navUtility li.cur ul li a {
			color:#000;				/* Color Black Writing */
		}








/******  Navigation Horizontal with drop down  ******************************************/
/*	use the following classes:
	li.no 			= normal
	li.cur 			= current link
	li.curifsub 	= current link
	li.act 			= active
	li.actifsub 	= section with active subpage
	li.ifsub		= has subpages
	li.spc 			= spacer (separator)
	li.usr			= access restricted pages
**************************************************************/

DIV#navHorizontal {
	height:2.0em;						/* needed for Mozilla */
	font-size:1em;
	background-color:transparent;				/* Color White */
	background-repeat:repeat-x;
	background-position:bottom;
	margin:0 0 0 270px;
	margin-top:-2.9em;
	z-index:3333;
/*
 	height:40px;						needed for Mozilla
	margin-top:-40px; */
}
*:first-child+html DIV#navHorizontal { /* only for IE7 */
	margin-bottom:.9em;
	clear:both;
}
		DIV#navHorizontal ul { 				/* main menu list */
			padding:0; 					/* can be altered: used for drop down */
			margin:0;  					/* do not alter: used for drop down */
			list-style:none; 				/* do not alter: used for drop down */
		}
		
				DIV#navHorizontal li { 				/* all list items; especially top level */
					position:relative; 		/* do not alter: used for drop down */
					list-style: none; 		/* do not alter: used for drop down */
					float:left;				/* do not alter: used for drop down */
					text-align:left;		/* can be altered: used for drop down */
					width:auto; 			/* Opera now supports auto width */
					height:auto;			/* do not define height, otherwise no line breaks */
					padding:0;				/* can be altered: used for drop down */
					margin:0; 				/* can be altered: used for drop down */
					font-weight:700;
					line-height:1.8em;
					text-transform:uppercase;
					background-image:url(../images/stationery/dotted_line-vertical.gif);
					background-position:left top;
					background-repeat:repeat-y;
					border-top:.3em solid #fff;
				}
		
				DIV#navHorizontal li:hover,
				DIV#navHorizontal li.sfhover,
				DIV#navHorizontal li.cur,
				DIV#navHorizontal li.actifsub,
				DIV#navHorizontal li.curifsub {	
					background-color:#eee;				/* Color GreyEEE */
					border-top:.3em solid #784A28;
				}
		
				DIV#navHorizontal li.spc {
					display:none;
				}
				DIV#navHorizontal li,
				DIV#navHorizontal li a,
				DIV#navHorizontal li span.cur {	/* style all a tags */
					text-decoration:none;
					color:#3D1517;				/* Color Black Writing */
					display:block;
				}
						DIV#navHorizontal li a,
						DIV#navHorizontal li span.cur {	/* style all a tags */
							background:none;
							padding:.4em 3em 1.0em 1em;
							margin-top:-.6em;
						}
								DIV#navHorizontal li a:hover {	/* style all a tags */
								}



		/*****  Level 2+ Settings ****/

		DIV#navHorizontal ul li ul {		/* all drop down layers */
			width:18em;					/* do not alter: son of sf */
			position:absolute;			/* do not alter: son of sf */
			left:-999em; 				/* do not alter: son of sf: using left instead of display to hide menus because display: none isn't read by screen readers */
			top:2.5em;					/* can be altered: adjust top position of fold out menus */
			padding:0 .2em .3em;			/* can be altered: adjust padding of fold out menu */
			margin:0;
			font-weight:100;
			border:1px solid #5F3E3F;				/* Color Black Writing */
			border-top-style:solid;					/* can be altered */
			background-color:#7A4C29;				/* Color GreyEEE */
		}

				DIV#navHorizontal ul li ul li {
					height:auto;				/* do not alter: used for drop down, if fixed value, no line break possible */
					text-align:left;			/* can be altered: used for drop down */
					width:100%;
					padding:0;
					margin:0;
					border:1px solid #917763;
					border-top-style:none;
					border-right-style:none;
					border-left-style:none;
					vertical-align:middle;
					background:none;
					line-height:1.2em;
					text-transform:none;
					font-weight:100;
				}
				DIV#navHorizontal ul li ul li,
				DIV#navHorizontal ul li ul li a,
				DIV#navHorizontal ul li ul li span.cur {
					color:white;
				}



				DIV#navHorizontal ul li ul li:hover,
				DIV#navHorizontal ul li ul li.sfhover,
				DIV#navHorizontal ul li ul li.cur,
				DIV#navHorizontal ul li ul li.actifsub,
				DIV#navHorizontal ul li ul li.curifsub {	
					border-top:1px none #784A28;
					background-color:#633E23;
				}
				DIV#navHorizontal ul li ul li:hover,
				DIV#navHorizontal ul li ul li.sfhover {
					background-color:#623D21;
				}
						DIV#navHorizontal ul li ul li a,
						DIV#navHorizontal ul li ul li span.cur {
							height:auto;				/* do not alter: used for drop down, if fixed value, no line break possible */
							padding:.4em .5em;
							margin:0;
							display:block;
							width:17em;
							vertical-align:middle;
							border-style:none;
						}
				
				DIV#navHorizontal ul li ul li.ifsub,
				DIV#navHorizontal ul li ul li.actifsub,
				DIV#navHorizontal ul li ul li.curifsub {
					background-image:url(../images/stationery/1_bullet-arrow-white.gif);
					background-position:right;
					background-repeat:no-repeat;
				}
				DIV#navHorizontal li ul li.spc {
					background-color:#000;
					line-height:1px;
					font-size:1px;
					color:#000;
					width:100%;
					display:block;
					padding:0;
					margin:0;
					height:2px;
					border-bottom:1px solid #fff;
				}
		
		
		
		
				
		/****** level 3+ settings *****/

		DIV#navHorizontal ul li ul li ul {
			margin: -2.8em 0 0 18.1em;
		}

		DIV#navHorizontal ul li ul li:hover ul,
		DIV#navHorizontal ul li ul li.sfhover ul { 	/* applies to all sublevel items */
			left: auto; 							/* do not alter: son of sf */
			border:1px solid #999;				/* Color Black Writing */
		}

				DIV#navHorizontal li:hover ul ul, 
				DIV#navHorizontal li:hover ul ul ul, 
				DIV#navHorizontal li:hover ul ul ul ul, 
				DIV#navHorizontal li.sfhover ul ul, 
				DIV#navHorizontal li.sfhover ul ul ul, 
				DIV#navHorizontal li.sfhover ul ul ul ul {
					left: -999em;
				}
				DIV#navHorizontal li:hover ul, 
				DIV#navHorizontal li li:hover ul, 
				DIV#navHorizontal li li li:hover ul, 
				DIV#navHorizontal li li li li:hover ul, 
				DIV#navHorizontal li.sfhover ul, 
				DIV#navHorizontal li li.sfhover ul, 
				DIV#navHorizontal li li li.sfhover ul, 
				DIV#navHorizontal li li li li.sfhover ul {
					left: auto;
				}







/*************** Main content area *************************************/

div#mainContent {
	background-color:white;
}


div#breadcrumbs {
	margin:0 20px;
	font-size:.9em;
	display:none;
}


/*********************************/
/** Content Element Styles  ******/
/*********************************/

#contentsection {
	clear:both;
}

#colLeft, 
#colNormal, 
#colRight, 
#colBorder,
#colBorder div.cont-type-textpic {
	padding:30px 20px;
}
		
#colLeft #navVertical {
} 
		* html #colLeft #navVertical {
			margin-left:0px;
		} 


#colLeft {
	width:160px;
}

#colLeft h2, 
#colRight h2, 
#colBorder h2 {
	font-size:1em;
	border-top:1px solid black;
	border-bottom:1px solid black;
}


/**  BudgetLINE Subtemplate Specific Styles  ******/


/* cd1_n  ***/
.cd1_n #colNormal {
}





/* ct2_nrf  ***/
.ct2_nrf #colRight,
.ct2_nrf #colNormal {
}
	.ct2_nrf #colRight {
		width:160px;
	}


/* ct2_nbf  ***/
.ct2_nbf #colNormal,
.ct2_nbf #colBorder {
}
	.ct2_nbf #colBorder {
		width:160px;
	}


/* ct2_lfn  ***/
.ct2_lfn #colLeft,
.ct2_lfn #colNormal {
}
	.ct2_lfn #colLeft {
		width:160px;
	}

	.ct2_lfn #colNormal {
		padding:30px 20px;
	}



/* ct2_n_newsfloat  ***/
.ct2_n_newsfloat div.newsfloat {
	width:200px;
	float:right;
	padding:10px 20px;
	margin:20px 20px 20px;
}



/* ct2_navlfn  ***/
.ct2_navlfn #colLeft,
.ct2_navlfn #colNormal {
}
	.ct2_nav2lfn #colLeft {
		width:160px;
	}






/* ct3_nav3lfnr  ***/
.ct3_navlfnr #colLeft,
.ct3_navlfnr #colNormal,
.ct3_navlfnr #colRight {
}
	.ct3_navlfnr #colLeft {
		width:160px;
	}





/* ct3_lfnr  ***/
.ct3_lfnr #colLeft,
.ct3_lfnr #colNormal,
.ct3_lfnr #colRight {
}
	.ct3_lfnr #colLeft {
		width:170px;
	}


/* ct3_l_nr  ***/
.ct3_l_nr #colNormal,
.ct3_l_nr #colRight {
}




/* ct3_lfnrf  ***/
.ct3_lfnrf #colLeft,
.ct3_lfnrf #colNormal,
.ct3_lfnrf #colRight {
}
	.ct3_lfnrf #colRight {
		width:200px;
	}
	.ct3_lfnr #colLeft {
		width:170px;
	}







/* ct4_lfnrb  ***/
.ct4_lfnrb #colLeft,
.ct4_lfnrb #colNormal,
.ct4_lfnrb #colRight,
.ct4_lfnrb #colBorder {
}
	.ct4_lfnrb #colLeft {
		width:160px;
	}






/*************** Vertical navigation *************************************/

div#navVertical {
	padding:0px;
	margin:0 0 4em;
	line-height:1.2em;
	background:white;
	font-size:1em;
}


	/****  List items general ****/
	div#navVertical ul {
		margin:0;
		padding:0;
	}
	
		div#navVertical ul li {
			list-style-type: none;
			margin:0;
			padding:0;
			display:block;
			width:170px;
			background-image:url(../images/stationery/dotted_line-horiz.gif);
			background-position:bottom;
			background-repeat:repeat-x;
			padding-bottom:1px;
		}


	/****  Links general ****/
	div#navVertical a,
	div#navVertical span.cur {
		color:#000;
		text-decoration: none;
		margin:0;
		padding:5px;
		display:block;
		width:160px;
		background:transparent;
	}
			div#navVertical a:hover {
				color:#ccc;
			}
	div#navVertical span.cur {
		background-color:#f6f6f6;
		color:black;
	}


	/****  Section Title ****/
	div#navVertical div#sectionTitle {
		border:1px solid #000;
		border-left-style:none;
		border-right-style:none;
		padding:0;
		font-weight:700;
		text-transform:uppercase;
		width:170px;
	}
			div#navVertical div#sectionTitle a,
			div#navVertical div#sectionTitle span.cur {
				color:black;
				width:160px;
			}
			div#navVertical div#sectionTitle a:hover {
				color:#ccc;
			}


/*	use the following classes: *******************************
	li.no 			= normal
	li.cur 			= current link
	li.curifsub 	= current link
	li.act 			= active
	li.actifsub 	= section with active subpage
	li.ifsub		= has subpages
	li.spc 			= spacer (separator)
	li.usr			= access restricted pages
**************************************************************/

	div#navVertical ul li.cur span.cur,
	div#navVertical ul li.curifsub span.cur {
		font-weight:700;
	}
	div#navVertical ul li.ifsub a {
		background-image:url(../images/stationery/1_bullet-arrow.gif);
		background-position:right .7em;
		background-repeat:no-repeat;
	}
	div#navVertical ul li.actifsub a,
	div#navVertical ul li.curifsub span.cur {
		background-image:url(../images/stationery/1_bullet-arrow-down.gif);
		background-position:right .7em;
		background-repeat:no-repeat;
	}
	div#navVertical ul li.ifsub ul li a,
	div#navVertical ul li.actifsub ul li a {
		background-image:none;
		background-color:transparent;
	}


	/****  Second Level  ****/
	div#navVertical ul li ul {
		margin:0;
		padding:0;
	}
			div#navVertical ul li ul li {
				margin:0;
				padding:0;
				font-weight:100;
				background-image:none;
			}
					div#navVertical ul li ul li a {
						font-weight:100;
						color:#666;
					}

		
	/****  Third Level  ****/
	div#navVertical ul li ul li ul li a,
	div#navVertical ul li ul li ul li span.cur {
		padding:0 0 0 20px;
		width:140px;
	}










/*************** To the top Button *************************************/
p.csc-linkToTop {
	clear:both;
	text-align:right;
	line-height:2em;
	margin-top:10px;
	margin-bottom:20px;
	border-bottom:1px solid #eee;

	/*  Option 1: Move button down on top of next H2 header
		margin-top:50px;
		margin-bottom:-73px;
		z-index:2000;
		position:relative;
		border-bottom:1px none #eee; */
	border-bottom:1px none #eee;
}

		p.csc-linkToTop a {
			background-image:url(../images/stationery/ToTheTop-arrow.gif);
			background-position:5px center;
			background-repeat:no-repeat;
			padding:12px 0px 10px 20px;
			color:#999;
			font-size:.9em;
			text-decoration:none;
			text-transform:uppercase;
			line-height:2em;
			background-color:white;
			/*  Option 2: Move button up on top of borderline
				margin-top:-20px;
				position:relative;
				float:right; */
		}
				p.csc-linkToTop a:hover {
					color:#333;
				}
		
		/*  To be used with Option 1: Move button down on top of next H2 header
			h2 {
				padding-right:40px;
			} */







/*************** Footer *************************************/

div#footer {
	font-size:.9em;
	line-height:1.2em;
	padding:10px 0px 50px;
	background-image:url(../images/stationery/dotted_line-horiz.gif);
	background-position:left top;
	background-repeat:repeat-x;
}
div#footer * {
	color:#999;
	margin:0;
	padding:0;
}
		div#navDisclaimer {
			float:right;
		}
		div#footer a {
			color:#000;
		}



div#flashPanorama {
	z-index:222;
}