﻿	
body{
	background:#111 url('images/Bkd-Black.jpg') repeat-x fixed; 
	} 	

body a, body a:visited, body a:hover {
	color:#6699BB; /*#999966*/
	background-color: transparent;
	text-decoration: none;
	/*text-indent: 10px;*/
	}



/* ---------------------------------------- CONTAINER ----------------------------------------- */

#container {
	width:820px;
	margin:0 auto;
	padding:0;
	text-align:center;
	overflow:auto;
	/* height:100%; -- FF makes it 100% of window */
	}
	
	
/* ------------------------------------------ HEADER ------------------------------------------- */

#header {
	width:790px;
	font:12pt Arial, Helvetica, sans-serif;
	color:#666;
	background-color:transparent;
	text-align:right;
	margin:20px 0 10px 0;
	padding:0;
	}
	
#header h1 {
	font:14pt Arial, Helvetica, sans-serif;
	color:#808080;
	background-color :transparent;
	text-align:center;		/* for include page */
	}



/* ---------------------------------------- NAV COLOUMN ----------------------------------------- */

#navCol {
	float:right;
	width:200px;
	height:680px;
	color:#666;
	background-color:#333;
	padding:0;  /* 1em 0.5em; -- made FF shorter than 600px */
	margin:0; 
	}

#navCol ul {
	/*margin:1em .5em;*/
	margin:1em .5em;
	padding:0;
	}

#navCol li {
	list-style-type:none;
	font:.75em Arial, Helvetica, sans-serif; 
	color:#6699BB; /*#999966*/
	background-color :transparent;
	text-align:center;	
	padding:0;
	margin:0; 	
  min-height:1px;
  height:auto !important;
  height:20px;
	}

#navCol li.GSyd {
	list-style:none;
	text-align:left;	
	padding:0;
	margin:0;
	}
	#navCol li.GSyd a {
		letter-spacing:.1em; 
		text-align:left;
		text-indent:35px; /* -0.05em */
		}



#navCol .navHdgLogo {
	display:block;
	background-color:transparent;
	padding:0;
	margin:0;
	}

#navCol .navHdg1, #navCol .navHdg2 {
	display:block;
	width:100%;
	font:normal 1em Arial, Helvetica, sans-serif;
	color:#999;
	background-color :transparent;
	text-align:center;
	letter-spacing:.1em;
	padding:10px 0 2px 0;
	margin:0;
	border-bottom:1px solid #444;	
	}

#navCol .navHdg2 {
	padding-top:30px;
	}


#navCol a {
	display:block;	
	outline:none;
	text-decoration:none;
	padding:0.5em 0 .5em; 
	border-top:1px solid #222;
	border-bottom:1px solid #444;
	}

#navCol li a span.large {
	font:bold 1em Arial, Helvetica, sans-serif;	
	}
#navCol li a span.largeExpand {
	font:bold 1em Arial, Helvetica, sans-serif;	
	letter-spacing:.1em;
	}
#navCol li a span.small {
	font:.95em Arial, Helvetica, sans-serif;	
	}
#navCol li a span.normal {
	font-weight:normal;	
	}


#navCol a:link, a:visited {
	color:#6699BB; /*999966*/
	background-color:transparent;
	outline:none;
	}
#navCol a:hover, a:active {
	color:#CCC;				
	background-color:#4E575D; 	
	outline:none;
	}


#navCol li a.navHighlight-on {
	font-weight:bold;
	color:#CCC; /* #699; */
	background-color:#4E575D;
	}
	#navCol li a.navHighlight-on:visited span.large {
		color:#CCC; 
		background-color:#4E575D;
		}
	#navCol li a.navHighlight-on:visited span.largeExpand {
		color:#CCC; 
		background-color:#4E575D;
		}
	#navCol li a.navHighlight-on:visited span.small{
		color:#C0C0C0; 
		background-color:#4E575D;
		}


#navCol a.spacing {
	letter-spacing:.1em; 
	text-align:center;
	text-indent:-0.05em;
	}
#navCol a.spacing2 {
	letter-spacing:.09em; 
	text-align:center;
	text-indent:-0.05em;
	}


/* ---------------------------------------- NAV BOTTOM ----------------------------------------- */


ul#navBottom {
	clear:both;
	float:left;
	width:610px;
	background-color:#333;
	list-style-type: none;
	display: inline;
	padding:5px 0;
	margin:0;
	text-indent:15px;
	}

/*	padding-left: 1em;
	text-indent: -1em;	
	clear:both = adds extra space on IE -- if removed, disappears on FF */

	ul#navBottom li {
		list-style: none;
		display: inline;
		font:9pt Arial, Helvetica, sans-serif;
		text-align:left;
		padding:0;
		margin:0 15px 0 0;
		}
				
	ul#navBottom li a {
		color:#808080;
		background-color:transparent;
		text-decoration:none;
		}
		
	ul#navBottom li a:hover {
		color:#CCC;
		background-color:transparent;
		text-decoration:none;
		}
	
/* ---------------------------------------- PAGE BOTTOM ----------------------------------------- */

#contactDetails {
	clear:both;
	float:left;
	width:580px;
	padding:15px 0;
	margin:0 auto;
	text-align:center;
	}

#contactDetails p {
	font:.75em Arial, Helvetica, sans-serif;
	color:#555;
	background-color:transparent;
	text-align:center;
	margin:0;
	padding:0;
	}


#contactDetails p span{
	margin:0 1em 0 0;  /* spacer */
	padding:0;
	}

	#contactDetails p span a {
		color:#666;
		text-decoration:none;
		margin:0 1em 0 0;
		padding:0;
		}
	
	#contactDetails p span a:hover {
		color:#999;
		text-decoration:none;
		}
	
#contactDetails p.extended {
	font:bold .7em Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	letter-spacing:.5em;
	}

#contactDetails p.small {
	font-size:.65em;
	margin:0;
	padding:0;
	}

/* ---------------------------------------- PAGE BOTTOM ----------------------------------------- */


.hr {
	width:500px;
	clear:both;
	height:1px;
	border-top:1px #666 solid;
	margin:10px auto;
	text-align:center;
	}
	
.spacer1 {
	clear:both;
	width:100%;
	height:1px;
	}

.spacer5 {
	float:left;
	width:580px;
	height:5px;
	}

.spacer10 {
	height:10px;
	}
.spacerClear10 {
	clear:both;
	height:10px;
	}

.spacer20 {
	height:20px;
	}
.spacerClear20 {
	clear:both;
	height:20px;
	}

.spacer30 {
	height:30px;
	}

.spacer40 {
	height:40px;
	}

.spacer50 {
	height:50px;
	}

.spacerNavBottom {
	float:left;
	width:580px;
	height:15px;
	}		
