/* Stylesheet for Wheatbelt Organisation for Childrens Services [WOCS] */
/* Created by WOBM Interactive and Design - January 2008 */

/* Universal Styles */
body {
	margin:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#010101;
	text-align:center;
	line-height:17px;
	background:#fffaf2 url(../images/bg/bg.gif) repeat-y center scroll;
}
html>body, html>body #page {
	height:auto;
}
#page {
	position:absolute;
	top:0;
	left:0;
}
.box {
	margin:0px auto;
	width:770px;
	text-align:center;
	background:#FFFFFF;
}
li {
	display:list-item;
	list-style-image:url(../images/lists/arrow.gif);
	padding:0 0 5px;
}
input, select, textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #010101;
	background: #ffefd9;
	padding: 2px;
	border: 1px solid #db993b;
}
input.send {
	border: 1px solid #ffefd9;
	width: 70px;
	height: 20px;
	padding: 2px;
	color: #ffffff;
	background: #db993b;
	text-align: center;
	margin-top: 3px;
}
a {
	text-decoration:underline;
	color:#3c8a9d;
}
a:hover {
	text-decoration:underline;
	color:#42a4bc;
}

/* Header */
#header {
	width:770px;
	height:138px;
}
#header-logo {
	padding:0;
	float:right;
}

/* Top Nav */
#nav li ul {
	position: absolute;
	width: 10em;
	left: -999em;
}

#nav li:hover ul {
	left: auto;
}
.topnav-01 a {
	margin-left:0;
	padding-top:10px;
	display:block;
	height:138px;
	width:80px;
	background:url(../images/menu/1_01.gif) no-repeat top;
	position:absolute;
	text-align:center;
}
.topnav-01 a:hover {
	background:url(../images/menu/1_02.gif) no-repeat top;
}
.topnav-01-selected a {
	margin-left:0;
	padding-top:10px;
	display:block;
	height:138px;
	width:80px;
	background:url(../images/menu/1_02.gif) no-repeat top;
	position:absolute;
	text-align:center;
}
.topnav-02 a {
	margin-left:80px;
	padding-top:10px;
	display:block;
	height:138px;
	width:80px;
	background:url(../images/menu/2_01.gif) no-repeat top;
	position:absolute;
	text-align:center;
}
.topnav-02 a:hover {
	background:url(../images/menu/2_02.gif) no-repeat top;
}
.topnav-02-selected a {
	margin-left:80px;
	padding-top:10px;
	display:block;
	height:138px;
	width:80px;
	background:url(../images/menu/2_02.gif) no-repeat top;
	position:absolute;
	text-align:center;
}
.topnav-03 a {
	margin-left:160px;
	padding-top:10px;
	display:block;
	height:138px;
	width:80px;
	background:url(../images/menu/3_01.gif) no-repeat top;
	position:absolute;
	text-align:center;
}
.topnav-03 a:hover {
	background:url(../images/menu/3_02.gif) no-repeat top;
}
.topnav-03-selected a {
	margin-left:160px;
	padding-top:10px;
	display:block;
	height:138px;
	width:80px;
	background:url(../images/menu/3_02.gif) no-repeat top;
	position:absolute;
	text-align:center;
}
.topnav-04 a {
	margin-left:240px;
	padding-top:10px;
	display:block;
	height:138px;
	width:80px;
	background:url(../images/menu/4_01.gif) no-repeat top;
	position:absolute;
	text-align:center;
}
.topnav-04 a:hover {
	background:url(../images/menu/4_02.gif) no-repeat top;
}
.topnav-04-selected a {
	margin-left:240px;
	padding-top:10px;
	display:block;
	height:138px;
	width:80px;
	background:url(../images/menu/4_02.gif) no-repeat top;
	position:absolute;
	text-align:center;
}
.topnav-05 a {
	margin-left:320px;
	padding-top:10px;
	display:block;
	height:138px;
	width:80px;
	background:url(../images/menu/5_01.gif) no-repeat top;
	position:absolute;
	text-align:center;
}
.topnav-05 a:hover {
	background:url(../images/menu/5_02.gif) no-repeat top;
}
.topnav-05-selected a {
	margin-left:320px;
	padding-top:10px;
	display:block;
	height:138px;
	width:80px;
	background:url(../images/menu/5_02.gif) no-repeat top;
	position:absolute;
	text-align:center;
}
.topnav-06 a {
	margin-left:400px;
	padding-top:10px;
	display:block;
	height:138px;
	width:80px;
	background:url(../images/menu/6_01.gif) no-repeat top;
	position:absolute;
	text-align:center;
}
.topnav-06 a:hover {
	background:url(../images/menu/6_02.gif) no-repeat top;
}
.topnav-06-selected a {
	margin-left:400px;
	padding-top:10px;
	display:block;
	height:138px;
	width:80px;
	background:url(../images/menu/6_02.gif) no-repeat top;
	position:absolute;
	text-align:center;
}
.topnav-07 a {
	margin-left:480px;
	padding-top:10px;
	display:block;
	height:138px;
	width:80px;
	background:url(../images/menu/7_01.gif) no-repeat top;
	position:absolute;
	text-align:center;
}
.topnav-07 a:hover {
	background:url(../images/menu/7_02.gif) no-repeat top;
}
.topnav-07-selected a {
	margin-left:480px;
	padding-top:10px;
	display:block;
	height:138px;
	width:80px;
	background:url(../images/menu/7_02.gif) no-repeat top;
	position:absolute;
	text-align:center;
}
#topnav a {
	color:#000000;
	text-decoration:none;
}
#topnav a:hover {
	color:#747474;
	text-decoration:underline;
}

/* Content Blocks */
#content-block {
	margin:0 0 10px 0;
}
#content-left {
	width:600px;
	float:left;
	text-align:left;
}
#content-right {
	width:170px;
	float:right;
	text-align:left;
}
/* Title */
#title {
	height:91px;
	width:596px;
	background:url(../images/header/header_03.gif) no-repeat top;
	text-align:left;
	padding-top:12px;
}
/* Content */
#content-main {
	padding:0 5px 10px 8px;
}
.subtitle {
	padding-top:14px;
	padding-bottom:14px;
}
.button-left {
	float:left;
	width:10px;
	height:25px;
}
.button-middle {
	float:left; 
	width:115px; 
	height:25px; 
	background:#f7c884;
}
.button-right {
	float:left;
	width:10px;
	height:25px;
}
li.news {
	display:list-item;
	list-style-image:url(../images/lists/news.gif);
	padding:0 0 5px;
	margin:0 0 0 4px;
}
.button-seperator {height:10px;}
.updated {
	font-size:10px;
	font-weight:normal;
	color:#999999;
}
/* Index */
#statement {
	height:61px;
	width:585px;
	margin-top:0px;
	background:url(../images/pages/index/statement.gif) no-repeat center top;
	text-align:center;
}
#map a {
	color:#616161;
	text-decoration:none;
}
#map a:hover {
	color:#a0a0a0;
	text-decoration:none;
}
/* News */
.news-title {
	font-size:12px;
	font-weight:bold;
	color:#4eb1ca;
}
.news-title-large {
	font-size:14px;
	font-weight:bold;
	color:#4eb1ca;
}
a.news-link {
	color:#db993b;
	font-size:11px;
	font-weight:normal;
	text-decoration:underline;
}
a.news-link:hover {
	font-size:11px;
	font-weight:normal;
	text-decoration:none;
}
/* Project Officer */
a.project-officer-contact-right-link {
	color:#3795ac;
	font-weight:bold;
	text-decoration:none;
}
a.project-officer-contact-right-link:hover{
	color:#3795ac;
	font-weight:bold;
	text-decoration:underline;
}
#project-officer-contact-left {
	float:left;
	width:320px;
}
#project-officer-contact-right {
	float:right;
	text-align:center;
	width:260px;
	margin-top:20px;
}
.project-officer-contact-text-left {
	font-size:12px;
	color:#666666;
}
.project-officer-contact-text-right {
	font-size:12px;
	color:#3795ac;
	font-weight:bold;
}
.project-officer-supported {
	text-align:center;
	padding-right:50px;
}

/* Resources and Publications */
a.publications-download-link {
	color:#ce8721;
	text-decoration:underline;
}
a.publications-download-link:hover {
	color:#dd9b3c;
	text-decoration:underline;
}

/* Links */
.links-block_1 {
	width:579px;
	border-bottom:1px dashed #57b5cc;
	padding:10px 0 15px 0;
	background:#ffffff;
}
.links-block_2 {
	width:579px;
	border-bottom:1px dashed #57b5cc;
	padding:10px 0 15px 0;
	background:#fffbf5;
}
.links-block-1 {
	padding-bottom:4px;
}
.links-block-title {
	color:#ce8721;
	font-size:15px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}
a.links-block-link {
	text-decoration:underline;
}
a.links-block-link:hover {
	text-decoration:none;
}
.links-block-2 {
	color:#595959;
}
.links-info-title {
	font-weight:bold;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	color:#343434;
	padding:5px 0 5px 0;
}
.links-info-text {
	color:#595959;
}
/* Contact */
#contact-left {
	float:left;
	width:200px;
	margin:0 auto;
}
#contact-right {
	float:right;
	width:380px;
	margin:0 auto;
}
.contact-form-text {
	color:#333333;
	font-size:11px;
}
.contact-form-success {
	background:url(../images/pages/contact/form-success.gif) no-repeat top;
}
.contact-form-error {
	background:url(../images/pages/contact/form-error.gif) no-repeat top;
}
/* Gallery */
.gallery-category-list {
	width:570px;
	padding:5px;
	border-bottom:1px dotted #db993b;
}
.gallery-category-list:hover {
	border-bottom:1px dotted #f3bb6c;
}
.gallery-thumbnail {
	padding:8px;
	background:#ffefd9;
	border:1px solid #6c6c6c;
}
.gallery-thumbnail:hover {
	background:#ffe7c5;
}
a.gallery-caption-link {
	color:#000000;
	text-decoration:none;
}
a.gallery-caption-link:hover {
	color:#333333;
	text-decoration:none;
}

/* Right Side Bar */
#sidebar-header {
	height:21px;
	width:170px;
	background:url(../images/header/header_04-new.gif) no-repeat top;
}
.sidebar-text {
	font-size:11px;
}
.sidebar-text-small {
	font-size:10px;
	color:#ea9e31;
}
#sidebar-footer {
	height:56px;
	width:170px;
	background:url(../images/sidebar/sidebar_01.gif) no-repeat top;
}

/* Footer */
#footer-seperator {height:1px;}
#footer-block {
  position:absolute;
  width:100%;
  clear:both;
  height:180px;
}
#footer-height {
	height:100px;
}
#footer {
	width:770px;
	margin:0 auto;
}
#footer-top {
	width:770px;
	height:109px;
	margin:0 auto;
	background:url(../images/footer/flower.gif) no-repeat right top #FFFFFF;
}
#footer-bottom {
	width:770px;
	height:71px;
	margin:0 auto;
	background:url(../images/footer/footer_01.gif) no-repeat center top #FFFFFF;
}
#footer-text-box {
	width:770px;
	margin:0 auto;
	background-color:#FFFFFF;
}
#footer-text-left {
	padding:0 0 6px 0;
	margin:0 0 0 20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#f7c884;
	text-align:left;
	float:left;
}
#footer-text-right {
	padding:0 0 6px 0;
	margin:0 20px 0 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#db993b;
	text-align:right;
	float:right;
}
a.footer-nav {
	color:#c58223;
	text-decoration:underline;
}
a.footer-nav:hover {
	color:#db993b;
	text-decoration:none;
}

/* Floats */
.float-left {float:left;}
.float-right {float:right;}

/* Clears */
.clear-both {clear:both; }
.clear-right {clear:right; }
.clear-fill {height:.1px;}