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

/*************** HTML Tags *************************************/
body {
	font-size:75%;		/* to make font size in IE accessible (also see next definition): default is 70% */
	margin:0px;
	padding:10px;
	line-height:1.6em;
	background-color:white;
	color:#515151;	
}

table, td, th, p, form, input, select, textarea, h1,h2,h3,h4,h5,h6, dl,dt,dd,blockquote, ul, ol {
	font-size:1em;		/* to make font size in IE accessible (also see previous definition) */
}

body, table, td, th, p, form, input, select, textarea, h1, h2, h3, h4, h5, h6, dl,dt,dd,blockquote, ul, ol {
	font-family:"Trebuchet MS", Verdana, Tahoma, sans-serif;
	font-family: Arial, Helvetica, sans-serif;
}

p {
	margin:0 0 1em;
	padding:0;
}
a {
	text-decoration: none;
	color: #9f294a;
}
		a:hover {
			color: #7C7C7C;
			text-decoration: underline;
		}
		img, a img, a:hover img {
			text-decoration: none;
		}




ul {
	margin:0;
	padding:.3em 0 1em;
	padding-left:1.5em;
}
ol {
	margin:0;
	padding:.3em 0 1em;
	padding-left:3em;
}

li ul, li ol {
}
		* li {
			margin:0;
			padding:.3em 0;
		}

	ul li,
	ul li ul li ul li {
		list-style-type:square;
	}
	
	/*** Level 2 ***/
	ul li ul li {
		list-style-type:circle;
	}
		ul.noBullets {
			margin-left:0;
		}
		ul.noBullets li {
			list-style:none;
		}
	

dt {
	font-weight:700;
}



/************   Headings   *****************/

h1, h1 *, h2, h2 *, h3, h3 *, h4, h4 *, h5, h5 *, h6, h6 * {
	font-weight:700;
	text-decoration:none;
}
h1,h2,h3,h4,h5,h6 {
	margin:1.5em 0;
	margin:2em 0 .5em;
	padding:0;
}
		h1, h1 a {
			text-decoration:none;
		}
				h1 {
					font-size:2em;
					line-height:.8em;
					padding:0 0 .3em;
					border-bottom:1px solid #666;
					font-weight:100;
					margin-top: 0;
					margin-bottom:1.5em;
					background-image:none;
				}

		h2, h2 a {
			text-decoration:none;
		}
				h2 {
					font-size:1.3em;
					margin:2em 0 1em;
				}
		h3, h3 a {
			text-decoration:none;
		}
				h3 {
					font-weight:700;
					text-transform:none;
					font-size:1.3em;
					padding:0;
					margin:1em 0 .5em;
				}

		h4, h4 a {
			text-decoration:none;
		}
				h4 {
					font-weight:700;
					font-size:1em;
				}

		h5, h5 a {
			text-decoration:none;
		}
				h5 {
					text-transform: uppercase;
					font-size:1em;
				}

		h6, h6 a {
			text-decoration:none;
		}
				h6 {
					font-size:.9em;
				}
				h6 a:hover {
					text-decoration:underline;
				}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
	padding-right:20px;
	background-image:url(../images/stationery/blt-arrow-dotted-right.gif);
	background-position:right .4em;
	background-repeat:no-repeat;
}



h1.csc-firstHeader,
h2.csc-firstHeader,
h3.csc-firstHeader,
h4.csc-firstHeader,
h5.csc-firstHeader,
h6.csc-firstHeader {
	padding-top:0px;
	margin-top:0px;
}



/************   Classes   *****************/
p.small {
	font-size: .9em;
}
.float-left {
	float:left;
}
.float-right {
	float:right;
}


/****  Boxes and Tables  ***/

th,
tr.tableHeader td,
table thead tr td,
table.highlight thead tr td,
table.outlined thead tr td,
table.transparent thead tr td,
td.tableHeader {
	background-color:#4A4975;
	color:white;
	font-weight:700;
	padding:2px 10px 5px;
	padding:.2em 1em;
	line-height:1.4em;
	border:1px solid white;
}
		th,
		th *,
		tr.tableHeader *,
		thead tr td *,
		td.tableHeader * {
			color:white;
		}
		th p,
		tr.tableHeader p,
		thead tr td p,
		td.tableHeader p {
			padding:0;
			margin:0;
		}
		th a,
		tr.tableHeader td a,
		thead tr td a,
		td.tableHeader a {
			text-decoration:underline;
			display:block;
			color:white;
		}
			th a:hover,
			tr.tableHeader td a:hover,
			thead tr td a:hover,
			td.tableHeader a:hover {
				color:#C3C3DF;
			}

		tr.tableFooter td,
		td.tableFooter {
			background:none;
			font-weight:700;
		}






/*************** Boxes *************************************/

.box {
	width:214px;
	padding:0 0 40px;
	background-image:url(../images/box-tile-y.gif);
	background-image:url(../images/box-tile-B.gif);
	background-position:left bottom;
	background-repeat:repeat-y;
}
	.box h3 {
		width:194px;
		padding:13px 10px 4px;
		margin:0px;
		font-size:12px;
		font-weight:700;
		color:white;
		text-transform:uppercase;
		background-color:#003464;
		background-image:url(../images/box-T.gif);
		background-position:left top;
		background-repeat:no-repeat;
	}
	.box h3 span {
		display:none;
	}
	.box p {
		padding:0 10px;
	}
	p.boxImage {
		padding:0;
	}
	.box h4 {
		font-size:1em;
		width:194px;
		padding:0 6px;
		margin:0;
		letter-spacing:0;
		text-transform:none;
	}




/****  Transparent  ***/
table.transparent thead tr td {
	padding-left:0;
}

.transparent,
.transparent td,
div.csc-frame-frame3 {
	margin:1em 0 2em;
	padding:.2em 1.5em .7em 0;
	background:white;
	clear:both;
	border:0px none white;
}
	table.transparent,
	.transparent table {
		border-collapse:collapse;
		border:0px none white;
	}
		.transparent td,
		td.transparent {
			padding:.1em 1em .3em 0;
			margin:0;
			border:0px none white;
		}
		.transparent td td,
		td.transparent td {
			padding-left:0;
			margin:0;
			border:0px none white;
		}
		.transparent td p,
		td.transparent p {
			padding:0 0 .5em;
			margin:0;
			border:0px none white;
		}


input.transparent {
	background:none;
	border:0px none white;
}



/****  Highlight  ***/
.highlight,
.csc-frame-frame1,
.highlight td,
td.highlight,
.transparent .highlight td,
.transparent td.highlight,
.tr-even td,
.tr-odd td {
	background-color:#ececf3;
	margin:1em 0 2em;
	padding:.5em 1em;
	clear:none;
}
	.highlight td,
	td.highlight,
	.transparent .highlight td,
	.transparent td.highlight,
	.csc-frame-frame1,
	.tr-even td,
	.tr-odd td {
		margin:1px;
		border:1px solid white;
	}
		.tr-odd td {
			background-color:#e1e1e1;
		}
		table.highlight,
		.highlight table,
		table.csc-uploads {
			border-collapse:collapse;
			border:1px none white;
			clear:none;
		}
		.highlight textarea,
		.highlight select,
		.highlight input {
			background:white;
		}
		.highlight td p,
		td.highlight p,
		.tr-even td p,
		.tr-odd td p {
			padding:0;
			margin:0;
		}
	




/****  Outlined  ***/
.outlined,
.outlined td,
.csc-frame-frame2 {
	margin:1em 0 2em;
	padding:.5em 1.5em;
	background:transparent;
	clear:both;
	border:1px solid #ccc;
}
	table.outlined,
	.outlined table {
		border-collapse:collapse;
		border:1px solid #666;
	}
		.outlined td,
		td.outlined {
			padding:.2em 1em;
			margin:0;
			border:1px solid #ccc;
		}





/****  Colours  ***/
.Darkblue {
	color:#003464;
}
.Orange {
	color:#F05C1D;
}



/*************** Link Styles *************************************/

a.internal-link,
a.internal-link-new-window,
a.external-link,
a.external-link-new-window,
a.download,
a.mail,
a.moreLink,
p.moreLink a {
	background-image:url(../images/stationery/rtehtmlarea-external_link.gif);
	background-position:left;
	background-repeat:no-repeat;
	padding-left:20px;
}
a:hover.internal-link,
a:hover.internal-link-new-window,
a:hover.external-link,
a:hover.external-link-new-window,
a:hover.download,
a:hover.mail,
a:hover.moreLink,
p.moreLink a  {
}

		a.internal-link img,
		a.internal-link-new-window img,
		a.external-link img,
		a.external-link-new-window img,
		a.download img,
		a.mail img,
		a.moreLink img,
		p.moreLink a img {
			border:1px none white;
			text-decoration:none;
			display:none;
		}
		a.internal-link {
			background-image:url(../images/stationery/rtehtmlarea-internal_link.gif);
			padding-left:12px;
		}
		a.internal-link-new-window {
			background-image:url(../images/stationery/rtehtmlarea-internal_link_new_window.gif);
			padding-left:17px;
		}
		a.external-link {
			background-image:url(../images/stationery/rtehtmlarea-external_link.gif);
			padding-left:12px;
		}
		a.external-link-new-window {
			background-image:url(../images/stationery/rtehtmlarea-external_link_new_window.gif);
			padding-left:17px;
		}
		a.download {
			background-image:url(../images/stationery/rtehtmlarea-download.gif);
			padding-left:15px;
		}
		a.mail {
			background-image:url(../images/stationery/rtehtmlarea-mail.gif);
			padding-left:22px;
		}
		a.moreLink,
		p.moreLink a {
			color:#003464;
			text-decoration:none;
			font-weight:700;
			padding-left:0;
			padding-right:15px;
			background-image:url(../images/stationery/blt-arrow-right-blue.gif);
			background-position:right;
		}
			a:hover.moreLink,
			p.moreLink a:hover {
				color:#6685A2;
			}
/*
a.internal-link,
a.internal-link-new-window,
a.external-link,
a.external-link-new-window,
a.download,
a.mail {
	background-image:none;
	padding-left:0;
}
*/





/*************** Error Messages *************************************/
p.errorMessageBox {
	background-color:#CC3333;
	padding:.5em 1em;
}
	p.errorMessageBox,
	p.errorMessageBox * {
		color:white;
	}




/***** File Lists (put in basic style sheet, next to highlight) *************************************/
table.csc-uploads {
	border:1px none white;
	border-collapse:collapse;
}
	table.csc-uploads td p {
		padding:0;
		margin:0;
	}
	tr.tr-even td,
	tr.tr-odd td {
		border:1px solid white;
		padding:5px 10px;
		background-color:#efefef;
	}
	tr.tr-odd td {
		background-color:#e1e1e1;
	}






/****  Header Text  ***/

.HeaderText {
	font-size:1.2em;
	font-weight:700;
	color:#666;
	margin-bottom:1em;
}


/****  Spaced Text  ***/
.spaced {
	letter-spacing:.3em;
}



/****  All Caps  ***/

.AllCaps {
	text-transform:uppercase;
}



/****  Quotations  ***/

.quotation,
.quotation_left,
.quotation_right {
	font-size:1.8em;
	color:#ccc;
	font-weight:700;
	padding:0;
	margin:0;
	line-height:1.2em;
}
		.quotation_left {
			width:50%;
			float:left;
			margin:0em 1.5em 1em 0;
		}
		.quotation_right {
			width:50%;
			float:right;
			text-align:right;
			margin:0em 0 1em 1.5em;
		}




/****  content_frame  ***/

div.csc-frame-rulerBefore,
div.csc-frame-rulerAfter {
	clear:both;
	border-bottom:1px solid #333;
	margin:4em 0;
}


.indent,
div.csc-frame-indent {
	margin-left:22%;
}
div.csc-frame-indent3366 {
	margin-left:33%;
}
div.csc-frame-indent6633 {
	margin-left:66%;
}
.outdent {
	margin-left:0px;
}

.underline {
	text-decoration:underline;
}
.right {
}

div.csc-frame h1,
div.csc-frame h2,
div.csc-frame h3,
div.csc-frame h4,
div.csc-frame h5,
div.csc-frame h6 {
	margin-top:1em;
	padding-top:0px;
}







div.clearBoth {
	clear:both;
	line-height:0px;
	height:0px;
	font-size:1px;
	margin:0;
	padding:0;
}
.noMargin {
	margin:0px;
}
.noPadding {
	padding:0px;
}

.dotted-top {
	background-image:url(../images/stationery/tile-dot-T.gif);
	background-position:top;
	background-repeat:repeat-x;
}
.dotted-bottom {
	background-image:url(../images/stationery/tile-dot-T.gif);
	background-position:bottom;
	background-repeat:repeat-x;
}

.label1,
.label2,
.label3 { 
	float: left; 
	width: 100px; 
	padding: 0; 
	margin:0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
	margin-right:.5em;
	margin-top:.5em;
	clear:left;
}
		.label1 {
			width:4em;
		}
		.label2 {
			width:7em;
		}
		.label3 {
			width:10em;
		}

