/***************************************************************
screen styles for YFS2010.02.08 
- Michael Burke---------------------------------------
-------------------------website		
:	http://www.site.comtest site	
:	http://members.iinet.net.au/~bearfacts@powerup.com.au/author site 
:  http://www.bearfacts.com.auversion		
:	2010.03.02	v.5
author		:	Michael Burke
editors		:	SubEthaEdit (Mac),
 Crimson Editor (Win)browsers:
   Safari (Mac/Win)
   Firefox (Mac/Win)
   IE 7 + IE 6 (Win)
   Opera (Mac/Win)
   Flock
   Fluid
   Navigator
   Camino
   SeaMonkey
---------------------------------------------------------------
colours
616365 - grey
532f94 - purple

----------------------------------------------------------------
`LAYOUT | `HEADERS  | `PARAGRAPHS | `LISTS | `LINKS | `TABLE  | `IMAGES | `ELEMENTS |
***************************************************************/* 
{
	padding: 0;
	margin: 0;
}
/*** `LAYOUT ***/body {
	font-family: Verdana,
 Helvetica,
 sans-serif;
	color: #616365;
	font-size: 100%;
}
#noscript {
	width: 920px;
	margin: 0 auto;
}
#logo {
	width: 920px;
	height: 79px;
	margin: 10px auto;
	background: url(../images/yfs-logo.png) no-repeat;
}
#logo a {
	width: 430px;
	height: 79px;
	display: block;
}
#sitelinks {
	width: 920px;
	margin: -40px auto 20px;
	font-size: 80%;
	text-align: right;
	padding: 5px 0;
}
#nav {
	height: 30px;
	background: url(../images/nav.png) repeat-x;
	margin-bottom: 20px;
	font-size: 80%;
}
#cog {
	width: 920px;
	margin: 0 auto;
	background: url(../images/cogsnav.png) 550px 0 no-repeat;
	height: 30px;
}

#yfs {
	width: 920px;
	height: 445px;
	margin: 10px auto;
	position: relative;
/* for txt img divs */}
#services #yfs {
	width: 920px;
	height: auto;
	margin: 10px auto;
}

#leftcontent {
	float: left;
	width: 450px;
	padding-top: 10px;
	padding-bottom: 20px;
/* space to footer border */}

#rightcontent {
	float: right;
	width: 450px;
	padding-top: 10px;
	padding-bottom: 20px;
}

#yfs-side {
	background: url(../images/yfs-side.png) no-repeat;
	width: 452px;
	height: 445px;
	position: relative;
}

#picklist li {
	width: 450px;
	padding: 5px;
	margin-top: 5px;
	font-size: 80%;
	color: white;
	background:  url(../images/intranet_pick.png) repeat-y;;
}

#picklist li:hover {
	background:  url(../images/intranet_pick_hover.png) repeat-y;;
	cursor: pointer;
}

.internet #picklist li {
	background:  url(../images/internet_pick.png) repeat-y;;
}

.internet #picklist li:hover {
	background:  url(../images/internet_pick_hover.png) repeat-y;;
}

.internet #picklist li.selected,
#picklist li.selected{
	background: url(../images/pick_selected.png) repeat-y;;
}

#main {
	width: 920px;
	margin: 0 auto;
	position: relative;
}

#cogs-filler {
	width: 188px;
	height: 212px;
	clear: both;
	float: right;
	background: url(../images/cogs-filler.png) no-repeat;
}

#cogs {
	width: 320px;
	height: 361px;
	background: url(../images/cogs.png);
	float: left;
	margin-top: -361px;
}

#footer {
	width: 920px;
	margin: 0 auto;
	clear: both;
	color: #616365;
	font-size: 80%;
	border-top: 1px solid #616365;
	text-align: right;
}
#slideshow {
    width: 920px;
    height: 455px;
/* w + h of images */    position: relative;
/* for images */}
/* jQ */#slideshow img {
 	display: none;
 }
#slideshow img.first {
 	display: block;
 }
#gal {
	position: absolute;
	top: 0;
	right: 341px;
}
/* gal button on lower pages */
/**  text buttons - jQ **/
#hope {
	position: absolute;
	top: 0;
	left: 229px;
	width: 105px;
	height: 105px;
	z-index: 20;
}
#socially {
	position: absolute;
	top: 0;
	right: 134px;
	width: 219px;
	height: 105px;
	z-index: 20;
}

#integrity {
	position: absolute;
	top: 0;
	right: 20px;
	width: 105px;
	height: 106px;
	z-index: 20;
}
#purpose {
	position: absolute;
	top: 115px;
	right: 250px;
	width: 104px;
	height: 101px;
	z-index: 20;
	}
#vision {
	position: absolute;
	top: 225px;
	left: 229px;
	width: 106px;
	height: 106px;
	z-index: 20;
}
#steadfast {
	position: absolute;
	top: 225px;
	right: 134px;
	width: 106px;
	height: 106px;
	z-index: 20;
}
#diversity {
	position: absolute;
	bottom: 0;
	left: 115px;
	width: 106px;
	height: 105px;
	z-index: 20;
	}
#learning {
	position: absolute;
	bottom: 0;
	right: 20px;
	width: 105px;
	height: 105px;
	z-index: 20;
}
.service {
	width: 225px;
	font-size: 90%;
	float: left;
	margin-bottom: 20px;
}

#yfs-side #socially {
	right: 114px;
}
#yfs-side #integrity {
	right: 0;
}
#yfs-side #purpose {
	right: 230px;
}
#yfs-side #steadfast {
	right: 114px;
}
#yfs-side #learning {
	right: 0;
}


iframe {
	margin-bottom: 10px;
}
/* Google map */.thumbnail {
	float: left;
	width: 100px;
	height: 100px;
}
.clear {
	clear: both;
}
/*** `HEADERS ***/
h1 {
	font-weight: bold;
	font-style: italic; 
	color:  #88175c;
	display: block;
	font-size: 130%;
	width: 450px;
}

.floatright{
	float: right;
}


#leftcontent h2,
#rightcontent h2 {
	font-size: 90%;
	margin: 10px 0;
	letter-spacing: 1px;
	padding: 5px;
	color: #fff;
	font-weight: bold;
	background: url(../images/thwide.png) repeat-y;
}
#main>h2{
	font-size: 90%;
	margin: 10px 0 0 0;
	letter-spacing: 1px;
	padding: 0 0 0 5px;
	height: 30px;
	line-height: 30px;
	color: #fff;
	font-weight: bold;
	background: url(../images/th920.jpg) repeat-y;
}

h2 img.edit_article,
h2 img.update_article {
	float:right;
}

h3 {
	font-size: 80%;
	padding-top: 10px;
	color: #893d6e;
}
.service h2 {
	font-size: 90%;
	margin: 10px 0;
	letter-spacing: 1px;
	padding: 0 0 0 5px;
	height: 30px;
	line-height: 30px;
	color: #fff;
	font-weight: bold;
}
.header-bg1 {
	background: url(../images/th1.jpg) repeat-y;
}
.header-bg2 {
	background: url(../images/th2.jpg) repeat-y;
}
.header-bg3 {
	background: url(../images/th3.jpg) repeat-y;
}
.header-bg4 {
	background: url(../images/th4.jpg) repeat-y;
}
/*** `PARAGRAPHS ***/#main p {
	width: 555px;
	padding: 8px 0 12px;
	font-size: 80%;
	line-height: 1.5;
}
#main p.dot {
	padding: 2px 10px 3px 20px;
	width: 390px;
	background: url(../images/dot.png) 5px 7px no-repeat;
	text-align: left;
	}
#main .service p.dot {
	width: 195px;
}
#leftcontent p,
#rightcontent p {
	width: 450px;
}
#footer p {
	padding: 5px 0;
	font-size: 70%;
}
#noscript p {
	padding: 10px 0;
	text-align: center;
}
#main .value {
	color: #88175c;
	font-weight: bold;
	font-style: italic;
}
#values-page #main p {
	padding-top: 0;
}
#yfs p {
	width: 920px;
	padding: 10px 0;
}
#main p.when {
	font-weight: bold;
	padding: 0;
}
/*** `LISTS ***/ul {
	list-style: none;
}
#nav ul {
	width: 920px;
	margin: 0 auto;
	background: url(../images/cognav.png) 88px 0 no-repeat;
	height: 30px;
}
#loginnav ul {
	background-image: none;
}
#sitelinks li {
	display: inline;
}
/*** `LINKS ***//** nav **/#nav li a {
	display: block;
	float: left;
	width: 112px;
	line-height: 30px;
/* nav bg height */	text-align: center;
	color: #fff;
	letter-spacing: 1px;
	text-transform: capitalize;
}
#nav li a:link,
#nav li a:visited {
	text-decoration: none;
}
#nav li a:hover {
	text-decoration: underline;
}
#nav li a:active {
	}
#nav.intranet_menu {
	background: url(../images/navlogin.jpg) repeat-x;
}
#nav.intranet_menu #cog {
	background-image: none;
}
/** sitelinks **/#sitelinks a {
	color: #616365;
	padding: 5px 10px;
	text-transform: capitalize;
	background: url(../images/footer.png) no-repeat;
	font-size: 90%;
}
#sitelinks a#pipeless {
	background: none;
}
#sitelinks a#login,
#sitelinks a#logoff {
	padding-right: 0;
}
#sitelinks a:link,
#sitelinks a:visited {
	text-decoration: none;
}
#sitelinks a:hover {
	text-decoration: underline;
}
#sitelinks a:active {
	}
/** main links **/
#main #leftcontent a:link,
#main #rightcontent a:link
 {
	text-decoration: underline;
	color: #326271;
}
#main a:visited {
	text-decoration: none;
}
#main a:hover {
	color: #cc5a24;
}
#main a:active {
	color: #e8aa35;
}
/** footer links **/#footer a:link,
#footer a:visited {
	color: #616365;
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
}
#footer a:active {
	}
/** current nav **/#home .home a,
#services .services a,
#whatson .whatson a,
#jobs .jobs a,
#values-page .values a,
#news .news a,
#groups .groups a,
#corporate .corporate a,
#contact .contact a {
	color: #f0dbaa;
/* pale yellow-orange */}
/** current sitelinks **/#map .map a,
#links .links a,
#feedback .feedback a,
#legal .legal a,
#login .login a,
#admin .admin a,
#intranet .intranet a,
#logoff .logoff a {
   color: #6e3ec1;
/* purple (nav bar) */}
/** display intranet and login/logout buttons depending upon the user status **/.user .login a{
	display: none;
}
.user .logout a{
	display: inline;
}
.public .login a{
	display: inline;
}
.public .logout a{
	display: none;
}
.public .admin a,
.public .intranet a,
.public .intranettag a{
	display: none;
}
.user .intranettag a,
.administer .admin a{
	display: inline;
}
.internet .internettag a{
	display: none;
}
.intranet .intranettag a{
	display: none;
}
.internet_menu {
	display: block;
}
.intranet_menu {
	display: none;
}
.intranet .intranet_menu {
	display: block;
}
.intranet .internet_menu {
	display: none;
}
/*** `ELEMENTS ***/.bold {
	font-weight: bold;
}
.italic {
	font-style: italic;
}
.highlight {
	color: #893d6e;
	margin-top: 10px;
}
#overlay {
    background: url(../pics/overlay.png)}
/* for lightbox jQ if used *//* tidy up IE7 & FF */a img {
	border: 0;
}
/* clobber blue border on pic links */a:focus {
	outline: none;
}
/* clobber dotted outlines on active pic links *//*---------------colours616365 - grey532f94 - purple---------------*//* STUFF FROM GERARD */#admin .admin a {
   color: #6e3ec1;
/* purple (nav bar) */}
.actions {
	cursor: pointer;
	color: #02aef0;
	text-decoration: underline;
		}
.command {
	color: #ffffff;
	background-color: #893D6E;
	text-decoration: none;
	padding: 3px 10px 5px 10px;
	margin: 0 10px 0 10px;
	font-size: 90%;
}
.fieldset {
	display: block;
	clear: left;
	padding-top: 10px;
	font-size: 80%;
}
.fieldset label {
	display: block;
	width: 150px;
	text-align: left;
	float: left;
	font-weight: bold;
}
.viewfield {
	display: block;
	font-weight: normal;
	padding: 0 0 0 3px;
		}
.formfield {
	display: block;
	float: left;
	font-weight: normal;
	padding: 0 0 0 3px;
		min-height: 20px;
}
.formfield input[type='text'] {
	padding: 0px;
	font-family: Tahoma;
	width: 200px;
	margin-right: 10px;
/* to explanatory txt */}
.formfield input[type='file'] {
	padding: 0px;
	font-family: Tahoma;
	width: 160px;
}
.formfield input[type='radio'] {
	margin-top: 5px;
	margin-right: 5px;
	margin-left: 5px;
	padding: 2px;
	font-size: 1.2em;
	line-height: 4em;
	font-family: Tahoma;
}
.formfield textarea {
	width: 285px;
	height: 80px;
/* align left edges */	margin-right: 10px;
/* to explanatory txt */}
.formfield input.suburb {
	width: 150px;
	margin-right: 1px;
/* to next field */}
.formfield input.state {
	width: 80px;
	margin-right: 1px;
/* to next field */}
.formfield input.postcode {
	width: 50px;
}
.formfield input.date {
	width: 80px;
}

#rightpanel .formfield input.date {
	width: 80px;
}
#rightpanel input.date {
	width: 80px;
}
form#useradmin .fieldset label {
	width: 200px;
}
.actionbuttons {
	padding-top: 20px;
	padding-bottom: 10px;
 	clear: left;
}
#adminform {
 	display: block;
 	clear: both;
}
#adminlist {
 	clear: both;
}
#adminlist table {
	font-size: 80%;
}
/* for the too wide table */#adminlist table td {
	padding: 5px 2px;
}
/* for the too wide table */#panelcontainer {
	position: relative;
}
.clearfloat {
	clear: both;
	height: 0;
	font-size: 1px;
}
#leftpanel {
 	width: 48%;
 	float: left;
}
#rightpanel {
 	width: 48%;
 	float: right;
}
#rightpanel .fieldset label {
	width: 150px;
}
#rightpanel .formfield input {
	width: 270px;
}

select.asmSelect {
	width: 270px;
}	
	
#rightpanel .formfield textarea {
	width: 250px;
	height: 80px;
	font-family: Tahoma;
	font-size:1em;
}
div.msg {
	background: #3F6977;
	color: #fff;
	margin-top: 20px;
}
#main div.msg p {
	padding: 3px 20px 10px 20px;
	margin: 0;
}
table.yfs {
	margin: 10px 0;
	border-collapse: collapse;
	text-align: center;
}
table.yfs th {
	color: #532f94;
	background: #91C590;
	padding: 5px 10px 5px 10px;
	font-weight: normal;
	border-left: 1px solid #e5f7fd;
}
table.yfs td {
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
	padding: 5px;
}
table.yfs tr {
	background: #F2E9EF;
/* cog grey */}
span.tablehead {
	cursor: pointer;
}
span.bold {
	font-weight: bold;
}
table.tight  {
	font-size:80%;
}
table.tight tr:hover{
	background: #D1D8DF;
	color: black;
}
.ui-datepicker {
	font-size: 70%;
}
.fileactions {
	font-size: 90%;
}
.deletefile {
	color: red;
	margin-right:20px;
}
.fileinfo {
	font-size: 90%;
}

/* abstract blurb */
li.abstract span {
	display: none; 
	padding: 5px 8px; 
	margin-left: 5px;
	margin-top: 10px;
	max-width: 300px;
	text-decoration: none;
	color: #000;
}
li.abstract:hover span {
	display: inline; 
	position: absolute;
	background: #8AC18B; 
/*		background: url(../pics/tooltip.png); */
	border: 3px solid #858789; 
	color: #fff;
	text-decoration: none;
	font-size: 90%;
	z-index: 30;
}