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

/*************** Body *************************************/
body {
	padding:0px;
	margin:0px;
}

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


/*************** Main Sections *************************************/
body {
	background-image:url(../images/header-tile-T.gif);
	background-repeat:repeat-x;
	background-position:top;
}


table.content {
background-image:url(../images/page-watermark-cropped.gif);
background-position:400px bottom;
background-repeat:no-repeat;
}


/*************** navUtility *************************************/
div.navUtility {
	float:right;
	font-size:.9em;
	padding:20px 0 30px;
	height:13px;
}

		div.navUtility ul {
			padding:0px;
			margin:0px;
		}
		div.navUtility li {
			font-size:1em;
			list-style:none;
			padding:0px;
			display:inline;
			margin:0px;
		}
		div.navUtility a,
		div.navUtility span.cur {
			text-decoration:none;
			color:#999;
			text-transform:capitalize;
			padding:.2em 1em 0em;
			border-left:1px solid #999;
		}
				div.navUtility a:hover {
					color:#000;
				}
				div.navUtility li.firstChild a,
				div.navUtility li.firstChild span.cur {
					border-left:1px none #999;
				}
				div.navUtility li.cur a,
				div.navUtility li.cur span.cur {
					color:#000;
					font-weight:700;
				}


td.logo {
	padding:28px 20px 0px;
	background-image:url(../images/header-line.gif);
	background-position:right 15px;
	background-repeat:no-repeat;
	width:160px;
}


td.pageTitle {
	background-color:#D1D8DE;
	background-color:#fff;
	background-image:url(../images/titlebar-L.jpg);
	background-position:right;
	background-repeat:repeat-y;
	padding:0 0 8px;
	vertical-align:bottom;
	height:35px;
}
	td.pageTitle h1 {
		margin:0;
		padding:10px 0 0 20px;
		text-transform:uppercase;
		border:none;
		font-weight:700;
		font-size:1.4em;
		line-height:10px;
		color:#13395D;
	}


td.asxBox {
	background-color:#CCD3DD;
	width:180px;
	padding:0 20px;
	line-height:30px;
	height:35px;
}
	td.asxBox img {
		vertical-align:middle;
	}
	td.asxBox a {
		color:black;
		text-decoration:none;
	}
		td.asxBox a:hover {
			color:#798C9D;
			text-decoration:underline;
		}
td.colRight {
	padding:0 20px;
	width:180px;
}
.dotted-left {
	background-image:url(../images/dotted-line-vertical.gif);
	background-position:left;
	background-repeat:repeat-y;
}



td.whitespace {
	line-height:10px;
}

td.header-bottombar {
	background-image:url(../images/header-bottomline-L.jpg);
	background-position:right bottom;
	background-repeat:repeat-y;
	background-color:#020202;
	line-height:10px;
}



td.colLeft {
	padding:0px;
	background-color:#efefef;
}





/*************** Vertical Navigation *************************************/


div.navVertical {
	padding:10px 0 0;
	width:180px;
	margin:0;
	line-height:1.2em;
}



	/****  List items general ****/
	div.navVertical ul {
		margin:0;
		padding:0;
	}
	
		div.navVertical li {
			list-style-type: none;
			margin:0;
			padding:0;
			display:block;
			font-weight:700;
		}


	/****  Links general ****/
	div.navVertical a,
	div.navVertical span.cur {
		color:#13395D;
		text-decoration: none;
		margin:0;
		padding:6px 0 6px 20px;
		display:block;
		width:160px;
		background-color:transparent;
	}
			div.navVertical a:hover {
				color:#798C9D;
			}


	/****  List Item States ***************************
		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.navVertical li.cur a {
		background-image:url(../images/stationery/1_bullet-arrow.gif);
		background-position:5px;
		background-repeat:no-repeat;
	}
		/* Disable image on following levels */
		div.navVertical li.cur ul li a {
			background-image:none;
		}

	div.navVertical li.spc,
	div.navVertical li.spc span {
		display:none;
	}



	/****  Second Level  ****/
	div.navVertical ul li ul {
		padding:0 0 1em;
	}
			div.navVertical ul li ul li {
				margin:0;
				padding:0;
				font-weight:100;
				background-image:none;
				border-bottom:1px none #999;
				text-transform:none;
			}
			div.navVertical ul li ul li a {
				padding:2px 0 2px 20px;
			}
				div.navVertical li.ifsub ul li a,
				div.navVertical li.actifsub ul li a,
				div.navVertical li.curifsub ul li a {
					background-image:none;
				}
								div.navVertical ul li ul li a {
									font-weight:100;
								}
						

	/****  Third Level  ****/
	div.navVertical ul li ul li ul li a {
		padding-left:40px;
	}




div.colNormal {
	padding:30px 20px;
}







/*********************************************************************************
	Mailform Elements
*********************************************************************************/

div.cont-type-mailform form {
	margin: 0 0 1em;
}
	div.cont-type-mailform form fieldset {
		border:1px solid #666;
		padding:15px;
	}
		div.cont-type-mailform form legend {
			font-weight:700;
			margin-bottom:0em;
			color:#666;
		}

		div.cont-type-mailform form div.csc-mailform-field {
			clear:both;
			margin:0;
			padding:0;
		}
			div.cont-type-mailform form label,
			div.cont-type-mailform form span.required {
				float: left;
				text-align: right;
				width:30%;
				margin:0;
				margin-right:2%;
				margin-bottom:1em;
			}
			div.cont-type-mailform form input[type="text"],
			div.cont-type-mailform form textarea,
			div.cont-type-mailform form select {
				background-color:#efefef;
				border:1px solid #ddd;
				padding:.1em;
				margin:0 0 1em;
				width:50%;
			}
				div.cont-type-mailform form input.csc-mailform-submit { 
					margin-left:32%;
				}
	

	/* RADIO BUTTONS */
	div.cont-type-mailform form .csc-mailform-radio fieldset {
		border:1px none #ccc;
		padding:0;
		margin:0 0 1em;
	}
		div.cont-type-mailform form .csc-mailform-radio fieldset legend {
			display:none;
		}
		div.cont-type-mailform form .csc-mailform-radio fieldset label {
			float:none;
			width:auto;
			clear:none;
			display:block;
			text-align:left;
			margin-bottom:0;
		}
		div.cont-type-mailform form .csc-mailform-radio input {
			float: left;
			text-align: right;
			width: auto;
			margin:.2em 0;
			border:1px none #fff;
			background:none;
			clear:both;
		}



	/* CHECK BOXES */
	div.cont-type-mailform form .csc-mailform-check input {
		border:1px none #ccc;
		padding:0;
		margin:0;
	}

	/* LABEL */
	div.cont-type-mailform form .csc-mailform-label {
		font-weight:700;
	}

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

	/* REQUIRED */
	div.cont-type-mailform form span.required {
		font-style:italic;
	}
		div.cont-type-mailform form span.required label {
			float:none;
			text-align: right;
			width:auto;
			margin-right:0px;
		}













/*************** 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 20px 20px;
	background-color:#E1E1E1;
	/*
	background-image:url(../images/page-watermark.gif);
	background-position:300px -230px;
	background-repeat:no-repeat;
	*/
}
div#footer * {
	color:#666;
	padding:0;
	margin:0;
}
		div#navDisclaimer {
			float:right;
		}
		div#footer a {
			color:#666;
		}