/************************************
Currawong Blue - Website by Galaxy Design
************************************/


/*****************************************
1. BASE STYLES
*****************************************/
body {
	background-color: #303F46;
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#0E272C;
	font-size: 14px;
	line-height: 1.6em;
	text-align:center;
}
a {
	color:#00638A;
	text-decoration: none;
	font-weight: bold;
}
a:hover {
	color:#00B7FD;
	text-decoration: underline;
}
img {
	border:0px;
}

div.divider {
	width:100%;
	height:1px;
	line-height:1px;
	background-color: #e0e0e0;
	clear:both;
	margin: 1.5em 0px 1.5em;
	overflow:hidden;
}

#wrapper {
	text-align: left;
	margin:0 auto;
	width: 800px;
	background-color: #fff;
	padding:0px;
}

#content {
	padding: 25px;
}
.clear {
	clear: both;
}

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

* html .clearfix,
*:first-child+html .clearfix {
	zoom: 1;
} /* First selector = IE6, Second Selector = IE 7 */

/* ------- 4. Columns ------- */
.one_half{ width:48%; }
.one_third{ width:30.66%; }
.two_third{ width:65.33%; }
.one_fourth{ width:22%; }
.three_fourth{ width:74%; }
.one_fifth{ width:16.8%; }
.two_fifth{ width:37.6%; }
.three_fifth{ width:58.4%; }
.four_fifth{ width:67.2%; }
.one_sixth{ width:13.33%; }
.five_sixth{ width:82.67%; }
.one_half,.one_third,.two_third,.three_fourth,.one_fourth,.one_fifth,.two_fifth,.three_fifth,.four_fifth,.one_sixth,.five_sixth{ position:relative; margin-right:4%; float:left; }
.last{ margin-right:0 !important; clear:right; }


/*****************************************
2. FONT STYLES
*****************************************/
h2, h3 {
	color:#00A7E7;
	font-size: 16px;
	padding: 0px;
	margin: 0px 0px 0.5em;
}
h3 {
	font-size: 14px;
	margin: 0px;
}
h2.pageheading {
	font-size: 14px;
	padding: 0px 10px;
	margin: -25px -25px 25px;
	line-height: 2.2em;
	color: #303F46;
	text-transform: uppercase;
	border-top: 1px solid #648799;
	background: #FFFFFF url(../images/headingBackground.gif) repeat-y left center;
}
p {
	padding: 0px 0px;
	margin: 0px 0px 1.4em;
}

ul {
	padding: 0px;
	margin: 0px 0px 1.4em 20px;
	list-style-position: outside;
	list-style-type: disc;
}


/*****************************************
3. NAVIGATION AND FOOTER STYLES
*****************************************/
#header {
}
#header h1, #header h1 a {
	display: block;
	width: 800px;
	height: 86px;
	padding:0px;
	margin:0px;
	line-height: 1em;
}
#header h1 a {
	background: #27638A url(../images/header.jpg) no-repeat center top;
	text-indent: -9999px;
}

#navigation {
	background-color: #008FC5;
	background-image: url(../images/navBackgrounds/nav-norm.gif);
	overflow:hidden;
	list-style: none;
	padding: 0px;
	margin: 0px 0px 0px;
	height: 34px;
}
#navigation li { float: left; }
#navigation li a {
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	float: left;
	padding: 0px 20px;
	border-right: 1px solid #00A7E7;
	border-left: 1px solid #4ADCFD;
	font-weight: normal;
	font-size: 12px;
	line-height: 34px;
}
#navigation li a.first {
	border-left: none;
}
#navigation a:hover {
	background-color: #50E2FF;
	color: #FFFFFF;
	border-right-color: #41B7CE;
	background-image: url(../images/navBackgrounds/nav-over.gif);
	background-repeat: repeat-x;
	background-position: top;
}


#footer {
	background-color:#00638A;
	padding: 0px 20px;
	border: 1px solid #00415B;
	border-width: 1px 0px;
	font-size: 10px;
	text-align: center;
}
#footer, #footer a, #footer a:hover {
	color: #00B7FD;
	text-decoration: none;
	font-weight: normal;
}
#footer a:hover {
	text-decoration:underline;
}

#footer p {
	margin: 0px;
	line-height: 2.8em;
}

/*****************************************
4. LAYOUT STYLES
*****************************************/
ul.gallery {
	list-style: none;
	padding:0px;
	margin: 0px 0px 20px 60px;
	overflow:hidden;
}

ul.gallery li {
	display: inline;
}
ul.gallery li a {
	display: block;
	width: 200px;
	margin: 0px 20px 20px 0px;
	float:left;
}


/*****************************************
5. BOXES & TABLE STYLES
*****************************************/


.table-contactHeading {
	background-color: #007FB2;
	color: #FFFFFF;
	text-decoration: none;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-top: 0px solid #007FB2;
	border-right: 1px solid #007FB2;
	border-bottom: 1px solid #007FB2;
	border-left: 0px solid #007FB2;
	text-transform: uppercase;
}
.table-contactLable {
	background-color: #008FC5;
	color: #FFFFFF;
	text-decoration: none;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-top: 0px solid #007FB2;
	border-right: 1px solid #007FB2;
	border-bottom: 1px solid #007FB2;
	border-left: 0px solid #007FB2;
}
.table-contactCell {
	background-color: #A8DAEE;
	color: #00638A;
	text-decoration: none;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-top: 0px solid #007FB2;
	border-right: 1px solid #007FB2;
	border-bottom: 1px solid #007FB2;
	border-left: 0px solid #007FB2;
	padding: 1px 2px;
}
.table-contactCell input, .table-contactCell textarea {
	color: #00638A;
	font-weight: bold;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}


/*****************************************
6. FORM STYLES
*****************************************/

fieldset {
	border: 1px solid #e0e0e0;
	padding: 20px;
	margin: 0px 0 20px;
}

legend {
	background: #e0e0e0;
	padding: 2px 10px;
}

label {
	display: block;
	float: left;
	width: 220px;
	margin-right: 10px;
	text-align:right;
	line-height: 34px;
	padding-right: 10px;
	background-color: #f5f5f5;
}
form p {
	clear: both;
	overflow:hidden;
	margin-bottom: 5px;
	line-height: 1.4em;
}

input.long, input.medium, input.short, textarea {
	border: 1px solid #aaa;
	outline:none;
	padding: 8px 5px;
	width: 300px;
}

input.medium {
	width: 120px;
}
input.short {
	width: 80px;
}