/***************************************************************/
/*  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 {
	color:#666;
}


/*************** Main Sections *************************************/
/*  make page 750px wide and center aligned */
body {
	width:1000px;
	margin: 0px auto; /* Right And Left Margin Widths To Auto */
	background:#E8E8E8;
	text-align: left; /* Hack To Keep IE5 Windows Happy */
}

body div#body {
	background-image: url("../images/body_bkg-tile.jpg");
	background-position:center;
	background-repeat:repeat-y;
}
	body div.page {
		background-image: url("../images/body_bkg-top.jpg");
		background-position:center 0px;
		background-repeat:no-repeat;
		padding:9px 30px 0px;
	}

	body div#container {
		padding:0 20px 30px;
	}




/*************** PageHeader *************************************/
div#PageHeader {
	background-color:#336699;
	color:white;
}

div#PageHeader * {
	color:white;
}
		div#PageHeader div.content-element {
			padding:30px 50px 20px 30px;
		}
		div#PageHeader div.cont-type-image,
		div#PageHeader div.cont-type-image dd,
		div#PageHeader div.cont-type-image dt,
		div#PageHeader div.cont-type-image dl {
			padding:0px;
			margin:0;
		}
		div#PageHeader div.cont-type-image dt img {
			display:block;
		}





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

div#footer {
	font-size:.9em;
	line-height:1.2em;
	padding:10px 20px 50px;
	background-image: url("../images/body_bkg-bottom.jpg");
	background-position:center top;
	background-repeat:no-repeat;
	background-color:#E8E8E8;
}
div#footer * {
	color:#666;
	padding:0;
	margin:0;
}
		div#navDisclaimer {
			float:right;
		}
		div#footer a {
			color:#666;
		}









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

#contentsection {
	clear:both;
}

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





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


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

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









/**************************************************************/
/******  Various Modules  *************************************/
/**************************************************************/





/******  Navigation Horizontal one level ******************************************/
/*	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#navHorizontal {
	height:2.0em;						/* needed for Mozilla */
	font-size:1em;
	background-color:#fff;				/* Color White */
	background-image: url("");
	background-repeat:repeat-x;
	background-position:bottom;
	clear:both;
}
		DIV#navHorizontal 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#navHorizontal,
DIV#navHorizontal ul {
	padding: 0;
	margin: 0;
}

		DIV#navHorizontal 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 */
 			list-style: none; 		/* do not alter: used for drop down */
			border-left:1px solid #999;				/* Color Black Writing */
			line-height:1.9em;
			height:auto;			/* do not define height, otherwise no line breaks */
		}


						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 */
							background-image: url("");
							background-repeat:repeat-x;
						}

				DIV#navHorizontal li.spc {
					display:none;
				}

				DIV#navHorizontal li,
				DIV#navHorizontal a,
				DIV#navHorizontal span.cur {	/* style all a tags */
					font-weight:100;
					text-decoration:none;
					color:#000;				/* Color Black Writing */
					display:block;
					padding:.1em 1em 0;		/* Bernie Trick (see below)*/
				}
				DIV#navHorizontal li.first-child {
					border-left-style:none;
				}
				DIV#navHorizontal li.last-child {
					border-right:1px none #999;			/* Color Black Writing */
				}
						DIV#navHorizontal li a,
						DIV#navHorizontal li span.cur {	/* style all a tags */
							background:none;
							margin:-.1em -1em 0;	/* Bernie Trick (see above) */
						}
						DIV#navHorizontal li a:hover {	/* style all a tags */
						}

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





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

div.cont-type-mailform form {
	margin: 0 0 1em;
}

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

		div.cont-type-mailform p.required-note {
			font-style:italic;
			margin-bottom:1.5em;
			margin-top:-1em;
		}

		td.csc-form-labelcell {
			width:120px;
			text-align:right;
		}
			div.cont-type-mailform form td.csc-form-fieldcell input,
			div.cont-type-mailform form td.csc-form-fieldcell textarea,
			div.cont-type-mailform form td.csc-form-fieldcell select {
				margin-left:10px;
			}
			
div.cont-type-mailform form input,
div.cont-type-mailform form textarea,
div.cont-type-mailform form select {
	margin-left: 130px; /* (label width) + (label margin) */
	display: block;
	margin-bottom:.5em;
	background-color:#eee;
	border:1px solid #ddd;
	padding:.2em;
}
	div.cont-type-mailform form input { 
		/* width: 200px; subjective, recommend: (3/2)(input width) */
	}
	div.cont-type-mailform form textarea { 
		/* width: 300px; subjective, recommend: (3/2)(input width) */
	}
	div.cont-type-mailform form input.csc-mailform-submit,
	div.cont-type-mailform form input.button { 
		background-color:#999;
		border:1px none #ccc;
		color:#fff;
		text-transform:uppercase;
		font-size:.8em;
	}

div.cont-type-mailform form div.csc-mailform-field {
	clear:both;
}

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

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

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















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