@import url("gallery.css");


/*
----------------------------------------------------------------------
GLOBAL BASELINES
---------------------------------------------------------------------- 
*/

html, body {
overflow:-moz-scrollbars-vertical;
}

body {
	text-align: left;/*for editor, usually would be center*/
	background: #FFFFFF;/*compulsory for editor background colour*/
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	color: #41464E;
	font-size: 80%;
	line-height: 1.6em;
	height: 100%;
	}

h1, h2, h3, h4, h5, h6, p, li, a:link {
	margin: 0 0 1em 0;
}

/*to overcome an IE bug which by default doubles any spacing. Visually the result of the following rule (entered as half the space) is required to visually double the space to what we need*/
* html h1, * html h2, * html h3, * html h4, * html h5, * html h6, * html p, * html li, * html a:link {
	margin-bottom: .5em;
}


li  {
font-size:1em;/*keeps the font size EQUAL to whatever is set in the body tag, ie. if it is set smaller than 1em here it will compound the sizing, eg. .9 of .9 would compund smaller still*/
line-height: 1.2em;
}


/* prevent shrinking nested text , remains 1:1 with WHATEVER the body em is set to, eg. if the body font-size is .9em, so will all of these be. See immediately preceeding rule's comment*/
ol ol, ul ol, ol ul, ul ul, ol p, ul p /*, ul li, li a*/  {
font-size:1em;}


ul, ol {
list-style-position: outside;
margin: 1em 2em 1.5em 30px;
}


ul li, ol li{
margin: 0;
}


a:link {
	color: #993;
	text-decoration: underline;
}

a:link:visited {
	color: #41464E;/*was 993*/
}

a:link:hover {
	color: #900;
}

a:link:active {
	color: #900;
}

.invisible {
	display: none;
}

.Align-Right,
.alignRight{
	float: right;
}

img.Align-Right,
img.alignRight,
span.Align-Right img{
padding-left: 30px;
padding-bottom: 10px;
border: 1px solid white;
}

.Align-Left,
.alignLeft{
	float: left;
}

img.Align-Left,
img.alignLeft,
span.Align-Left img {
padding-right: 20px;
padding-bottom: 10px;
border: 1px solid white;
}

.Align-Center,
.alignCenter{
	text-align: center;
}

img.Align-Center,
img.alignCenter,
span.Align-Center,
span.alignCenter
{
	text-align: center;
}

a img { 
border: none;
text-decoration: none;}



p.imgFramedLeft,
span.imgFramedLeft {
float:left;
margin-right: 20px;
}

p.imgFramedLeft img,
span.imgFramedLeft img {
padding: 10px;
border: 1px solid #996;
background: #F6F9EC;
}

p.imgFramedRight,
span.imgFramedRight {
float:right;
margin-left: 20px;
}

p.imgFramedRight img,
span.imgFramedRight img {
padding: 10px;
border: 1px solid #996;
background: #F6F9EC;
}

h1 {
color: #900;
letter-spacing: -0.04em;
line-height: 1.2em;
}

* html h1 {
font-size: 200%;
}

h2 {
color: #8f8f2d;
line-height: 1.2em;
}

* html h2 {
font-size: 175%;
}

h3 {
color: #993;
line-height: 1.2em;
}

h4 {
color: #41464E;
line-height: 1.2em;
} 

.floatRight, #floatRight {
	float: right;
}

.floatLeft, #floatLeft{
	float: left;
}

.alignRight {
	float: right;
	margin: 0 0 20px 20px;
}

.alignLeft {
	float: left;
	margin: 0 20px 20px 0;
}

.imgFramed img {
padding: 10px;
border: 1px solid #996;
background: #F6F9EC;
}

fieldset {
padding: 10px;
margin: 10px 0;
width: auto; 
}

hr {
height: 2px;
color: #dddddd;
background-color: #dddddd;
border: 0;
border: 0px solid #dddddd;
display:block; 
clear:both; 
margin-bottom: 30px;
}

img { display: block }/*removes the 'inline' space below an image for text descenders*/

/*
----------------------------------------------------------------------
floatClearing 
---------------------------------------------------------------------- 
*/

.floatClear,#floatClear  {
	clear: both;
	line-height : 0em;
	font-size: 0em !important;
	background-color: transparent;
}



/*
----------------------------------------------------------------------
layout/positioning - major elements
---------------------------------------------------------------------- 
*/

#perimeter {
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	min-height:100%;
	background: #FFF url(.gif) 0 0;/*set to be overall background colour*/
	text-align: center;/*usually would put this on the body, but affected the editor*/
	padding: 0;
}


* html #perimeter {/*IE WIN hack to force background colour higher than the viewport*/
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom:0px;
	height: 110%;
}

#outerContainer {
	text-align: left;
	margin: 0 auto;
	padding: 0 0 0 0;
	height: 100%;
	position: relative;
	background:#fff;/*simulates the borders*/		
	width: 746px;

}


* html #outerContainer {
	height: auto;/*required for IE Win so the background doesn't stretch down to the extent of the perimeter div*/
}

#innerContainer {
	background: #FFFFFF;
	border-bottom: none;
	margin: 0 auto;
	height:100%;
	width: 746px;
}


* html #innerContainer {
	height: auto;/*required for IE Win so the background doesn't stretch down to the extent of the outerContainer div*/
}

#upperNavigation {
	background: transparent;
	overflow: hidden;
	padding-top: 9px;
	margin-bottom: 5px;
	height: 30px;
	width: 746px;
}


#masthead {
	position: relative;
	border: 1px solid #ddd;
	background: #f7f7f7;
	height: 130px;
	overflow: hidden;
}

#mastheadLead {
	padding: 0;/*added bottom after doing adv, IE wanted it but Mac doubles up*/
	text-align: center;
	background: transparent;
	color: #666;
	height: auto;
	width: auto;
} 

#mastheadLead img{
	margin:0;
}


#mastheadTail {
	display: none;
}


#identity {
	position: absolute;
	top:0;
	left:0;
	z-index:100;
}

#identity img#logo {
	position: relative;
}

#content {
	padding: 0 0 10px 0;
	width: auto;
	margin-top: 10px;
}

#mainContent{
	float:left;
	margin: 0;
	padding: 15px 20px 10px 20px;
	display: inline; 
	background: #FFF url() 0 0 repeat-x;
	/*border: 1px solid #CACACA;*/
	z-index: 90;
	width: 545px;
}


#leftContent, #rightContent  {
	float:left;
	display: inline;
}




table {
border: 1px solid #ccc;
border-right: none;
border-bottom: none;
background: #EEEEEE;
font-size: 1em;
margin-bottom: 10px;
border-collapse: collapse;
}

td {
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
padding: 5px;
}





/*
----------------------------------------------------------------------
secondary navigation
---------------------------------------------------------------------- 
*/




#upperNavigation li {
	display: inline;
	height: 30px;
}

#upperNavigation a {
	display: inline;
	padding: 5px 4px 3px;
	border-bottom: none;
}

#upperNavigation a:hover{

}




/*
----------------------------------------------------------------------
tertiary navigation
---------------------------------------------------------------------- 
*/


#lowerNavigation ul {
	margin-left: -1px; /*moved across to avoid edge highlight visual error*/
}


#lowerNavigation li {
	display: inline;
}

#lowerNavigation a {
	font-size: 12px;
	font-weight: bold;
	display: inline;
	background: #555;
	line-height: 30px;
	padding: 7px 10px 8px;
	border-bottom: 0;
	margin: 0;
	border-left: 1px solid #777;
	border-right: 1px solid #444;
	color: white;
	height: 30px;
}


#lowerNavigation a:hover {
	background: #333;
	color: white;
}




/*
----------------------------------------------------------------------
PAGEFOOT AND FOOTER
---------------------------------------------------------------------- 
*/


#pageFoot {
	margin: 0 auto;
	background: transparent;
	height:25px;
	width:auto;
	text-align:left;
	padding:10px 10px 2px 10px;
	font-size:.9em;
	color: black;
}

#backToTop {
	float: right;
	position: relative;
	bottom:-50px;
	z-index: 90;
	height: 40px;
	margin: 0;
	padding:0;
}

* html #backToTop {
	float: right;
	position: relative;
	bottom:-65px;
	z-index: 90;
	height: 30px;
	padding-top: 5px;
}

#backToTop a {
	background-color: #900;
	padding: 5px;
	text-decoration: none;
	color: white;
	border: 2px solid #E6E6B3;

}

#backToTop a:hover {
	color: white;
	text-decoration: underline;
	border: 2px solid #000;
}

#footer {
	color: #888;
	text-align:left;
	margin: 5px auto 0;
	width:auto;
	font-size:10px;
	padding:20px 0 0 10px;
	height: 40px;
	position: relative;
	border-top: 1px dotted silver;
}

#footer li {
	display: inline;
}

#footer p {
	display: inline;
	margin-right: 10px;
}

#footer p, #footer ul {
	float: left;
	margin-top: 0;
	padding-top: 0;
	margin-bottom: 0;
	padding-bottom: 0;
}

#footer a {
	display: inline;
	margin-right: 10px;
}



/*
----------------------------------------------------------------------
leftcontent 
---------------------------------------------------------------------- 
*/



#leftContent p, 
#leftContent li, 
#leftContent a,
#rightContent p, 
#rightContent li, 
#rightContent a {
	font-size: 11px;
	line-height: 15px;
}


#leftContent h3 {
	background: #ccc;
	text-transform: uppercase;
	letter-spacing: .35em;
	font-weight: normal;
	margin: 0 -11px 0 -11px;
	padding: 3px 5px 0 10px;
	font-size: 9px;
	line-height: 19px;
}

#leftContent p {
	line-height: 1.2em;
	font-size: 11px;
}




/*
----------------------------------------------------------------------
contact form
---------------------------------------------------------------------- 
*/

fieldset  {
	}
	
fieldset  br {
	}


legend  {
	color: #FFFFFF;
	background-color: #E4FDAFB;
	padding: 3px 8px;
	display: none;
	}

label   {
	font-weight: normal;
	text-align: left;
	display: block;
	float: left;
	}

label.fieldLabel	{
	display: inline;
	float: none;
	}
	
input.formInputField   {
	border: solid 1px #666;
	background-color: #FFFFFF;
	color: #000000;
	margin: 0;
	padding: 2px;
	width: auto;
	}

form input.basicSubmitButton {	
margin: 0 0 5px 5px;
padding: 0 15px;
background: url(../images/submit_button_normal.gif) 0 0 repeat-x;
border:none;
border-left: 1px solid #666;
border-right: 1px solid #666;
height: 28px;
_border:0 none;
font-weight: bold;
}


fieldset#contactFormFieldset {
margin-top: 15px;
background: #EDEDED;/*the overall bgd*/
border: 1px solid #E2E2E2;/*the overall outline*/
}

fieldset#contactFormFieldset label {
color: #333333;
}

/*in normal state*/
#valid-firstName,
#valid-lastName,
#valid-subject,
#valid-email,
#valid-message {
background: transparent;
padding: 5px;
margin-bottom: 0px;
*margin:0!important;
}

#input-valid-firstName,
#input-valid-lastName,
#input-valid-subject,
#input-valid-email,
#input-valid-message {
	width: 300px;
	background-color: #FFFFFF;
	color: #000000;
	padding: 2px;
	border: 1px solid #E2E2E2;/* the text fields */
	}
	
#input-valid-message {
	width: 400px;
	}
	
#input-valid-firstName p,
#input-valid-lastName p,
#input-valid-subject p,
#input-valid-email p,
#input-valid-message p {
	color: #000000;
}


textarea{
	overflow:auto;
}
	
#contactDetails {
float: right;
width: 150px;
background: #FFF;
padding: 10px;
margin-left: 20px;
margin-right:0;
border: 6px solid #CCCCCC;
}
















p.Paragraph-Warning {
	border-top: 1px solid #FF0000;
	border-bottom: 1px solid #FF0000;
	padding: 2px 5px 0px 5px;
	color: #000;
	background: #FFCFCC;
	margin: 10px 0 20px 0;
}

p.Paragraph-Centred {
	text-align: center;
}

p.PullQuoteLeft {
	float: left;
	clear: left;
	border: 1px solid #CACACA;
	width: 150px;
	padding: 10px;
	background: #FAFAFF;
	margin: 0 20px 10px 0;
}

p.PullQuoteRight {
	float: right;
	clear: right;
	border: 1px solid #CACACA;
	width: 150px;
	padding: 10px;
	background: #FAFAFF;
	margin: 0 0 10px 20px;
}


p.Paragraph-Boxed {
	background: #F6F9EC;
	border: 1px solid #996;
	padding: 20px;
}

p.indented {
	margin-left: 60px;
}

.pagenotpublished a.pageNames
{
	text-decoration: line-through;
}

form#contactForm p.alert {
	color: red;
	padding: 2px 0 8px 20px;
	background: url(http://www.itchybrain.com.au/barebones/images/alert.gif) 0 2px no-repeat;
	overflow: visible;
	line-height: 1.2em;
	margin-top: 5px;
	text-shadow: 0px 1px 0px #ffffff;
}








div.rightPullquote a:visited{
color: #41464E;
}







#feature {
position: absolute;
top: 60px;
height: 30px;
margin-left: 180px;
border: 1px dotted green;
display:none;
}





/*
----------------------------------------------------------------------
Primary navigaton
----------------------------------------------------------------------  
*/

/*menu flyout*/

div#mainMenu  {
	float: left;
	margin: 0;
	padding: 0;
	font-size:.8em;
	margin: 10px 15px 0	0;
	display:inline;
	border-bottom: 6px solid #E6E6B3;
	}


#mainMenu ul {
	float: left;
	padding: 0;
	width: 140px;
	border: 1px solid #fff;
	border-bottom: none;
	margin: 0;
	list-style-type: none;
	}

#mainMenu li {
	float : left;
	margin:0;
	padding: 0;
	border-bottom: 1px solid #FFF;
	z-index: 98;
	width: 140px;
	position: relative;
	}
	
* html #mainMenu li {
	width: 130px;/*subtract the anchor padding*/
	}
	
	
#mainMenu li a,
#mainMenu li.current ul.submenu li a {/*ensures that the subnav items do not gain the you-are-here hover colours*/
	width: auto;
	color: #7D8054;
	font-weight : normal;
	text-decoration : none;
	background-color : #f7f7f7;
	padding : 2px 0px 4px 10px;
	margin: 0;
	white-space: normal;
	line-height: 20px;
	display: block;/*to display full-width-clickable*/
	}
	
* html #mainMenu li a,
* html #mainMenu li ul.submenu li a,
* html #mainMenu li.current ul.submenu li a{
	width: 100%;/*full-width-clickable for IE*/
}

#mainMenu ul ul { /* submenu */
	position : absolute;
	left: -999em;
	z-index: 99;
	width: 140px;
	}
	
#mainMenu ul ul li { /* submenu individual list items */
	float : left; 
	margin:0;
	padding: 0px 0px 0px 0px;
	border-bottom: 1px solid #FFF;
	z-index: 100;
	width: 140px;
/*	position: relative;testing the nav problems with rollover not sticking*/
	}
	
	
#mainMenu ul ul li a {
	white-space: normal;
	width: auto;
	}
	
	
#mainMenu li a:hover,
#mainMenu li.current ul.submenu li a:hover {
	color : #fff;
	text-decoration: none;
	background-color: #7D8054;
	}
	
#mainMenu li:hover, #mainMenu li.sfhover  {
	}

#mainMenu li:hover ul ul, #mainMenu li:hover ul ul ul, #mainMenu li.sfhover ul ul, #mainMenu li.sfhover ul ul ul {
	left: -999em;
	}
	
#mainMenu li:hover ul, #mainMenu li li:hover ul, #mainMenu li li li:hover ul, #mainMenu li.sfhover ul, #mainMenu li li.sfhover ul, #mainMenu li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	margin-left: 140px;
	position: absolute;
	top: -1px;
	}

	
	
	
/*
----------------------------------------------------------------------
you are here nav
---------------------------------------------------------------------- 
*/

/*to show treatment on the primary nav item*/
#mainMenu li.current a:link,
#mainMenu li.current a:hover,
#mainMenu li.current a:visited,
#mainMenu li.current a:focus,
#mainMenu li.current a:active
{
	color : #900;
	font-weight: bold;
	text-decoration: none;
	background: #E6E6B3;
	border-left: 6px solid #900;
	}
	
	
* html #mainMenu li.current {
	width: 124px;/*subtract the border and padding*/
	}
	
/*to retain normal state of colours in submenus*/
#mainMenu li.current ul.submenu li a:link,
#mainMenu li.current ul.submenu li a:hover,
#mainMenu li.current ul.submenu li a:visited,
#mainMenu li.current ul.submenu li a:focus,
#mainMenu li.current ul.submenu li a:active
{
	color : #7D8054;
	font-weight: normal;
	background: #f2f2f2;
	border-left: none;
	}
	
/*to allow the hover treatments in flyouts*/
#mainMenu li.current ul.submenu li a:hover/*,
#mainMenu li.current ul.submenu li a:visited:hover*/
{
	color : #fff;
	font-weight: normal;
	background: #7D8054;
	}





/*
----------------------------------------------------------------------
login
---------------------------------------------------------------------- 
*/

body#login {
background: #F0F0C0;
padding-top: 100px;
}

fieldset.login {
padding: 30px 10px 10px 10px;
margin: 0 auto;
width: 30em;
background: #FFFFFF;
text-align: center;
border: 3px solid #A7B191;
-moz-border-radius: 1em;
}


fieldset.login form{
text-align: center;
margin: 15px 10px 20px;
background: #E0E0AA;
padding: 10px;
-moz-border-radius: 1em;
}

body#login form input.basicSubmitButton{
padding: 4px 6px;
background: #A7B191;
color: #FFFFFF;
border: 2px solid #444;
border-top-color: #F0F0C0;
border-left-color: #F0F0C0;
}

body#login form input.basicSubmitButton:active{
border-top-color: #444;
border-left-color: #444;
border-bottom-color: #F0F0C0;
border-right-color: #F0F0C0;
}

fieldset.login label {
display:block;
text-align: center;
width: 100%;
margin:0;
}

* html body#login p.alert {
font-size: .75em;
}

body#login p.alert {
color: #000000;
padding: 5px 0 6px 20px;
background: #FFE5E5 url(http://www.itchybrain.com.au/barebones/images/alert_bright.gif) 10px center no-repeat;
overflow: visible;
line-height: 1em;
margin: 5px 0;
font-size: .88em;
border-top: 1px solid red;
border-bottom: 1px solid red;
}

body#login a {
color: #000000;
}

body#login a:hover {
background-color: #FF0000;
padding: 2px 0;
color: #FFFFFF;
}

* html body#login h3 {
font-size: 1.1em;
}

body#login input.formInputField   {
	border: solid 1px #A7B191;
	background-color: #FFFFFF;
	color: #000000;
	margin: 0;
	padding: 2px;
	width: auto;
	}

#login img {
	margin: 2px auto;
	}




















/*
----------------------------------------------------------------------
breadcrumbs
---------------------------------------------------------------------- 
*/

body.class-home #breadcrumbs {
display: none;
}

#breadcrumbs {
float: left;
font-size: 10px;
margin: 0 0 10px 0;
padding: 0;
width: 100%;
clear: both;
position: relative;
height: 20px;
line-height: 1;
z-index: 100;
}

#breadcrumbs ul {
float: left;
list-style-type: none;
margin: 0;
padding: 0;
}

#breadcrumbs li {
display: inline;
float: left;
width: auto;
margin: 0;
padding: 0;
}

#breadcrumbs a:link {

}

#breadcrumbs a:visited {

}

#breadcrumbs a:hover {

}

#breadcrumbs a:active {

}


/*
----------------------------------------------------------------------
search
---------------------------------------------------------------------- 
*/

#searchContainer {
position: absolute;
top: 10px;
right: 0px;
z-index: 100;
}

#searchContainer fieldset {
border: none;
margin:0;
padding:0;
}

#searchContainer label {
text-indent: -9999em;
}

hr.search_excerpt_separator {
height: 1px;
color: #dddddd;
background-color: #dddddd;
border: 0;
border: 0px solid #dddddd;
margin: 15px 0;
}

p#searchResults {
background: #f7f7d7;
border-top: 4px solid #993;
padding: 2px 7px;
}

p.searchTitle {
margin: 0;
padding:0;
}

p.searchTitle a {
font-size: 1.25em;
font-weight: normal;
margin: 0;
padding:0;
}

p.searchExcerpt {
margin: 0;
padding:0;
}

#searchInput {margin-right: 5px;}


/*
----------------------------------------------------------------------
Local navigation
---------------------------------------------------------------------- 
*/



#localNav {
	float:left;
	font-size:.8em;
	line-height:normal;
	display: block;
	width: 100%;
	margin-left: 0;
	padding-left:10px;
	background: transparent url(../images/localNavBgd.gif) 0 0 repeat-x;
	padding-top:15px;
	}

#localNav ul {
	display: inline;
	}

#localNav li {
	list-style-type:none;
	float:left;
	white-space: nowrap;
	background: url(../images/left.gif) no-repeat left top;
	padding:0 0 0 9px;
	height: auto;
	}

#localNav a {
	display:block;
	float:left;
	padding:5px 14px 0px 5px;
	text-decoration:none;
	background: url(../images/right.gif) no-repeat right top;
	font-weight:normal;
	color:#880;
	}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
	#localNav a {float:none;}
/* End IE5-Mac hack */

#localNav a:visited {
	color:#880;
	}
	
#localNav a:hover {
	color:#880;
	text-decoration:underline;
	}

#localNav .current {
	background-image:url(../images/left_current.gif);
	}

#localNav .current a {
	background-image:url(../images/right_current.gif);
	color:#900;
	}
  
#menuList .current a:hover {
	text-decoration:none;
	}







#mainContentLead {
height: 20px;
}

body.class-home #mainContentLead {
display:none;
}









/* NEWS ----------------------*/


#newsColumn {
display:none;/* remove from all but the home page*/
}

body#id-1 #newsColumn {
display:block;
position: absolute;
top: 198px;
right: 33px;
width: 170px;/*after subtracting padding and borders top and bottom*/
height: 162px;/*after subtracting padding and borders top and bottom*/
background: #FEF9AE;
padding: 10px;
border: 1px solid #CBDBEA;
}

#storySet {
color: #000000;
font-size:1em;
}

h3#newsHeading {
display:none;
}

body#id-1 #newsColumn a {
color:#F15A24;
display:block!important;
float:left;
}

body#id-1 #newsColumn a:hover {
color:#000000;
}

/*home column*/
#newsArchive {
display:block;
float:left;
margin: 10px 0 20px 0;
color: #0E4F3A!important;
}

#newsArchive:hover {
background: #FFFFCC!important;
}

/*archive page*/
.newsArchive {
display:block;
margin: 10px 0 20px 0;
}