/* 
http://www.passionfruitdesign.com.au

resources

purple #651F76
green #00AcA2

*/



/* `Basic HTML
----------------------------------------------------------------------------------------------------*/

body {
	font: 13px/1.5 Tahoma, Geneva, Arial, 'Liberation Sans', FreeSans, sans-serif;
}

a:focus {
	outline: 1px dotted;
}

hr {
	border: 0 #ccc solid;
	border-top-width: 1px;
	clear: both;
	height: 0;
}

/* `Headings
----------------------------------------------------------------------------------------------------*/

h1 {
	font-size: 25px;
	font-weight:200;
	color:#00AcA2;
}

h2 {
	font-size: 23px;
	font-weight:200;
	color:#651F76;
	display:block;
	border-bottom: #651F76 solid 1px;
}

h3 {
	font-size: 21px;
	font-weight:normal;
}

h4 {
	font-size: 23px;
	font-weight:200;
	color:#651F76;
	display:block;
	border-bottom: #651F76 solid 1px;
}

h5 {
	font-size: 17px;
	font-weight:normal;
	color:#00AcA2;
}

h6 {
	font-size: 15px;
}

/* `Spacing
----------------------------------------------------------------------------------------------------*/

ol {
	list-style: decimal;
}

ul {
	list-style: disc;
}

li {
	margin-left: 30px;
}

p,
dl,
hr,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
ul,
pre,
table,
address,
fieldset {
	margin-bottom: 20px;
}

/* `page styles
----------------------------------------------------------------------------------------------------*/
#logo{
	background-image:url(../images/gts-logo.png);
	background-repeat:no-repeat;
	margin-top:10px;
	height:170px;
	}
#header{
	margin-top:35px;
	}
#gstText{
	background-image:url(../images/gts-text.png);
	background-repeat:no-repeat;
	background-position:right;
	height:50px;
	}
#navigation{
	height:60px;
	margin-top:22px;
	float:right;
	}
#greenPanelBground{
	height:340px;
	background-image:url(../images/large-green-bg-rep.jpg);
	background-color:#01c2b7;
	background-repeat:repeat-x;
	border:#00AcA2 solid 4px;
	}
#imageRotate{
	width:515px;
	}
#tagline{
	background-image:url(../images/tagline.png);
	background-repeat:no-repeat;
	background-position:center;
	margin-top:5px;
	height:325px;
	}
#mainContent a{
	color:#00AcA2
	}
#googleMap a{
	color:#00AcA2
	}
#footer{
	background-image:url(../images/footer-grad.jpg);
	background-repeat:repeat-x;
	background-position:top;
	background-color:#2b2b2b;
	border-top: #00AcA2 solid 4px;
	}
#leftParenth{
	background-image:url(../images/left-parenth.png);
	background-repeat:no-repeat;
	background-position:right;
	height:120px;
	margin-top:100px;
	}
#rightParenth{
	background-image:url(../images/right-parenth.png);
	background-repeat:no-repeat;
	background-position:left;
	height:120px;
	margin-top:100px;
	}
#LeftTextBox{
	margin-top:10px;
	line-height:16px;
	text-align:justify;
	}
#LeftTextBox a{
	text-decoration:none;
	color:#333;
	}
#LeftTextBox a:hover{
	text-decoration:underline;
	color:#651F76;
	}
#rightTextBox{
	margin-top:10px;
	line-height:16px;
	text-align:justify;
	}
#rightTextBox a{
	text-decoration:none;
	color:#333;
	}
#rightTextBox a:hover{
	text-decoration:underline;
	color:#651F76;
	}
#credits{
	text-align:right;
	font-size:12px;
	}
#credits a{
	color:#FFF;
	text-decoration:none;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-weight:bold;
}
#credits a:hover{
	text-decoration: underline;
	color: #663366;
	}
#copyright{
	color:#FFF;
	font-size:12px;
	}
#ganz{
	background-image:url(../images/GANZ.gif);
	background-repeat:no-repeat;
	background-position:right;
	margin-top:15px;
	padding: 1.0em 0 0 0;
	height:90px;
	font-size:10px;
	color: #999999;
	}
#pacfa{
	background-image:url(../images/pacfa.png);
	background-repeat:no-repeat;
	background-position:right;
	padding: 1.0em 0 0 0;
	height:70px;
	font-size:10px;
	color: #999999;
	}
.news{
	background-image:url(../images/news-bg.gif);
	width:333px;
	height:131px;
	background-repeat:no-repeat;
	padding:25px;
	}
.news h3{
	font-size:20px;
	color:#00AcA2;
	margin-bottom:8px;
	}
/* Cycle Slideshow css only show first
----------------------------------------------------------------------------------------------------*/
#slideshow img{ 
	display: none 
	}
#slideshow img.first{ 
	display: block 
	}
	
/* gallery styles
----------------------------------------------------------------------------------------------------*/

#gallery {
	background-color: #FFF;
	padding:0;
}
#gallery ul {
	list-style: none;
	padding:0px;
	padding:10px 0 0 0;
	margin:0;
	}
#gallery ul li { 
	display: inline;
	padding:0 12px 0 0;
	margin:0;
}
#gallery ul img {
	border: 4px solid #00AcA2;
}
#gallery ul a:hover img {
	border: 4px solid #651F76;
}
#gallery ul a:hover { 
}

/* back to top 
----------------------------------------------------------------------------------------------------*/


#backtotop {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	font-style:oblique;
	color:#651F76;
	font-size:11px;
	display:block;
	padding:10px 0;
	}
	
a#backtotop {
	text-decoration: none;
	}
	
a#backtotop:hover {
	color:#00AcA2;
	text-decoration:underline;
}

/* Big Buttons Homepage
----------------------------------------------------------------------------------------------------*/
#moduleCore{
	background-image:url(../images/large-purp-bg-rep.jpg);
	background-repeat:repeat-x;
	background-position:top;
	background-color:#894999;
	height:100px;
	width:292px;
	border:#651F76 4px solid;
	margin-bottom:20px;
	}
#moduleOther{
	background-image:url(../images/large-purp-bg-rep.jpg);
	background-repeat:repeat-x;
	background-position:top;
	background-color:#894999;
	width:292px;
	border:#651F76 4px solid;
	height:100px;
	margin-bottom:20px;
}
#moduleSubscribe{
	background-image:url(../images/large-purp-bg-rep.jpg);
	background-repeat:repeat-x;
	background-position:top;
	background-color:#894999;
	width:292px;
	border:#651F76 4px solid;
	height:100px;
	margin-bottom:20px;
	}
ul.moduleButton{
	margin: 0;
	padding: 0;
	list-style-type: none;
	cursor: default;
	font-size:14px;
	line-height:13px;
	display:block;
	}
ul.moduleButton li{
	background-image:url(../images/large-arrow.png);
	background-position:right;
	background-repeat:no-repeat;
	margin: 0;
	padding: 0;
	width:290px;
	list-style-type: none;
	position: relative;
	text-align: left;
	cursor: pointer;
	float: left;
	}
ul.moduleButton a{
	display: block;
	cursor: pointer;
	padding: 10px 20px 10px 10px;
	color: #FFFFFF;
	text-decoration: none;
	}
ul.moduleButton a:hover, ul.moduleButton a:focus{
	color: #CCCCCC;
	}
	
/* Main Nav 
----------------------------------------------------------------------------------------------------*/
ul.MenuBarHorizontal{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size:13px;
	text-transform:uppercase;
	cursor: default;
	width: auto;
	}
ul.MenuBarHorizontal li{
	margin: 0;
	padding: 0;
	list-style-type: none;
	position: relative;
	text-align: left;
	cursor: pointer;
	float: left;
	}
ul.MenuBarHorizontal a{
	display: block;
	cursor: pointer;
	padding: 13px 8px;
	color: #FFFFFF;
	text-decoration: none;
	background-image:url(../images/small-purp-bg-rep.jpg);
	background-repeat:repeat-x;
	background-color:#894999;
	border-bottom: 2px solid #651f76;
	border-top: 2px solid #651f76;
	border-right: 2px solid #651f76;
	border-left: 2px solid #894999;
	}
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus{
	background-image:url(../images/small-green-bg-rep.jpg);
	background-color:#01c2b7;
	background-repeat:repeat-x;
	border: 2px solid #00AcA2;
	color: #FFFFFF;
	}
/* Menu items that are selected*/
ul.MenuBarHorizontal #selected{
	background-color:#01c2b7;
	border: 2px solid #00AcA2;
	color: #FFFFFF;
	background-image:url(../images/arrow.png);
	background-repeat:no-repeat;
	background-position:bottom;
	}

/*Secondary Nav
----------------------------------------------------------------------------------------------------*/
ul.secondaryNav{
	margin: 0;
	padding: 0;
	list-style-type: none;
	cursor: default;
	font-size:13px;
	text-transform:uppercase;
	}
ul.secondaryNav li{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	position: relative;
	text-align: left;
	cursor: pointer;
	}
ul.secondaryNav a{
	display: block;
	cursor: pointer;
	padding: 11px 8px;
	color: #FFFFFF;
	background-image:url(../images/small-purp-bg-rep.jpg);
	background-repeat:repeat-x;
	background-color:#894999;
	text-decoration: none;
	border-top: 1px solid #894999;
	border-bottom: 1px solid #651f76;
	border-right: 2px solid #651f76;
	border-left: 2px solid #651f76;
	}
ul.secondaryNav a:hover, ul.secondaryNav a:focus{
	background-image:url(../images/small-green-bg-rep.jpg);
	background-repeat:repeat-x;
	background-color:#01c2b7;
	border-top: 1px solid #00AcA2;
	border-bottom: 1px solid #00AcA2;
	border-right: 2px solid #00AcA2;
	border-left: 2px solid #00AcA2;
	}
/* Menu items that are selected
----------------------------------------------------------------------------------------------------*/
ul.secondaryNav #selected{
	background-color:#01c2b7;
	border-top: 1px solid #00AcA2;
	border-bottom: 1px solid #00AcA2;
	border-right: 2px solid #00AcA2;
	border-left: 2px solid #00AcA2;
	color: #FFFFFF;
	background-image:url(../images/arrow2.png);
	background-repeat:no-repeat;
	background-position:right;
	}

/* Foot Menu 
----------------------------------------------------------------------------------------------------*/
ul.footMenu{
	margin: 15px 0 0 0;
	padding: 0;
	list-style-type: none;
	cursor: default;
	font-size:10px;
	}
ul.footMenu li{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	position: relative;
	text-align: left;
	cursor: pointer;
	background-image:url(../images/foot-arrows.png);
	background-position:right;
	background-repeat:no-repeat;
	}
ul.footMenu a{
	display: block;
	cursor: pointer;
	padding: 1.0em 0em;
	color: #635E63;
	text-decoration: none;
	border-top: 1px solid #2d2d2d;
	border-bottom: 1px solid #303030;
	}
ul.footMenu a:hover, ul.footMenu a:focus{
	color: #999999;
	}
	
/*form styles 
----------------------------------------------------------------------------------------------------*/

#formContainer{
	border:2px solid #ECE5E7;
	background-color:#F5F5F5;
	padding:20px;
	margin-bottom:30px
	}
#formContainer label{
	width:330px;
	padding:7px 0 3px 0;
	display:block;
	font-family: "Lucida Grande","Lucida Sans Unicode", sans-serif;
	font-size:11px;
	font-weight:normal;
	}
#formContainer input{
	border:2px solid #ECE5E7;
	width:330px;
	padding:5px;
	background-color:#fff;
	}
#formContainer textarea{
	border:2px solid #ECE5E7;
	width:330px;
	height:120px;
	padding:5px;
	background-color:#FFF;
	}
#formContainer input#submit {
	display:inline;	
	padding:5px;
	width:110px;
	margin-top:20px;
	}
#formContainer input.btn {
	background-color: #fff;
	border:2px solid #ECE5E7;
	}
#formContainer input.btnhov {
	color:#651F76;
	background-color: #ECE5E7;
	border:2px solid #651F76;
	}

/* form validation  
----------------------------------------------------------------------------------------------------*/
.selectRequiredMsg, .selectInvalidMsg {
	display: none;
}
.selectRequiredState .selectRequiredMsg,
.selectInvalidState .selectInvalidMsg {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:oblique;
	display: inline;
	color: #CC3333;
	font-size:10px;
}
.selectValidState select, select.selectValidState {
	background-color: #B8F5B1;
}
select.selectRequiredState, .selectRequiredState select,
select.selectInvalidState, .selectInvalidState select {
	background-color: #FF9F9F;
}

.selectFocusState select, select.selectFocusState {
	background-color: #FFFFCC;
}

.textfieldRequiredMsg, 
.textfieldInvalidFormatMsg, 
.textfieldMinValueMsg,
.textfieldMaxValueMsg,
.textfieldMinCharsMsg,
.textfieldMaxCharsMsg,
.textfieldValidMsg {
	display: none;
}

.textfieldRequiredState .textfieldRequiredMsg, 
.textfieldInvalidFormatState .textfieldInvalidFormatMsg, 
.textfieldMinValueState .textfieldMinValueMsg,
.textfieldMaxValueState .textfieldMaxValueMsg,
.textfieldMinCharsState .textfieldMinCharsMsg,
.textfieldMaxCharsState .textfieldMaxCharsMsg
{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:oblique;
	display: inline;
	color: #CC3333;
	font-size:10px;
}
.textfieldValidState input, input.textfieldValidState {
	background-color: #B8F5B1;
}
input.textfieldRequiredState, .textfieldRequiredState input, 
input.textfieldInvalidFormatState, .textfieldInvalidFormatState input, 
input.textfieldMinValueState, .textfieldMinValueState input, 
input.textfieldMaxValueState, .textfieldMaxValueState input, 
input.textfieldMinCharsState, .textfieldMinCharsState input, 
input.textfieldMaxCharsState, .textfieldMaxCharsState input {
	background-color: #FF9F9F;
}

.textfieldFocusState input, input.textfieldFocusState {
	background-color: #FFFFCC;
}
.textfieldFlashText input, input.textfieldFlashText {
	color: red !important;
}

.textfieldHintState input, input.textfieldHintState {
	/*color: red !important;*/
}


/* SpryFormValidation.css - version 0.5 - Spry Pre-Release 1.6.1 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */



/* These are the classes applied on the error messages
 * which prevent them from being displayed by default.
 */ 
.textareaRequiredMsg,
.textareaMinCharsMsg,
.textareaMaxCharsMsg,
.textareaValidMsg {
	display:none;
}

/* These selectors change the way messages look when the widget is in one of the error states.
 * These classes set a default red border and color for the error text.
 * The state class (e.g. .textareaRequiredState) is applied on the top-level container for the widget,
 * and this way only the specific error message can be shown by setting the display property to "inline".
 */
.textareaRequiredState .textareaRequiredMsg,
.textareaMinCharsState .textareaMinCharsMsg,
.textareaMaxCharsState .textareaMaxCharsMsg
{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:oblique;
	display: inline;
	color: #CC3333;
	font-size:10px;
}
/* The next three group selectors control the way the core element (TEXTAREA) looks like when the widget is in one of the states: * focus, required / minChars / maxChars , valid 
 * There are two selectors for each state, to cover the two main usecases for the widget:
 * - the widget id is placed on the top level container for the TEXTAREA
 * - the widget id is placed on the TEXTAREA element itself (there are no error messages)
 */
 
 /* When the widget is in the valid state the TEXTAREA has a green background applied on it. */
.textareaValidState textarea, textarea.textareaValidState {
	background-color:#B8F5B1;
}

/* When the widget is in an invalid state the TEXTAREA has a red background applied on it. */
textarea.textareaRequiredState, .textareaRequiredState textarea, 
textarea.textareaMinCharsState, .textareaMinCharsState textarea, 
textarea.textareaMaxCharsState, .textareaMaxCharsState textarea {
	background-color:#FF9F9F;
}

/* When the widget has received focus, the TEXTAREA has a yellow background applied on it. */
.textareaFocusState textarea, textarea.textareaFocusState {
	background-color:#FFFFCC;
}

/* This class applies only for a short period of time and changes the way the text in the textarea looks like.
 * It applies only when the widget has enforce max chars enabled and the user tries to type some more.
 */
.textareaFlashState textarea, textarea.textareaFlashState{
	color:red !important;
}
/* When the widget has the hint message on, the hint text can be styled differently than the user typed text. */
textarea.textareaHintState, .textareaHintState textarea{
	/* color: red !important;*/
}


/*map styles 
----------------------------------------------------------------------------------------------------*/

#MapContainer{
	border:2px solid #ECE5E7;
	background-color:#F5F5F5;
	padding:20px;
	margin-bottom:30px
	}