@import ("http://www.itchybrain.com.au/barebones/css/gallery.css");

/*
----------------------------------------------------------------------
global settings miscellanea
---------------------------------------------------------------------- 
*/

html, body {
margin: 0;
padding: 0;
}

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.8em;
	height: 100%;
	}

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


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.6em;
padding-left: 10px;
}


/* 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 {
font-size:1em;}


ul li, ol li{
margin: 0;
}


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

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

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

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



.Align-Right {
	float: right;
}

img.Align-Right,
span.Align-Right img{
padding-left: 30px;
padding-bottom: 10px;
}

.Align-Left {
	float: left;
}

img.Align-Left,
span.Align-Left img {
padding-right: 20px;
padding-bottom: 10px;
}

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

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


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





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

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

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

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

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

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




.floatRight, #floatRight {
	float: right;
}

.floatLeft, #floatLeft {
	float: left;
}

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


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

/*
----------------------------------------------------------------------
layout/positioning - major containers
---------------------------------------------------------------------- 
*/

#perimeter {
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	min-height:100%;
	background: #FFF url(../images/mastheadBackground.gif) top center no-repeat;/*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:transparent;/*simulates the borders*/
	
			
/*'Tantek box model hack' adjustment for the incorrect box-model implementation in IE5.xWin*/
	width: 800px; /*parse to IE5.xWin, the physical screen-pixel-width-requirement */
	voice-family: "\"}\"";voice-family:inherit;/*to stop IE5.xWin reading the next line*/
	width: 800px; /*parse to standards-compliant browsers: physical screen-pixel-width-requirement minus the sum of any left and right borders and padding*/
}


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



#innerContainer {
	background: transparent;
	border-bottom: none;
	margin: 0 auto;
		height:100%;
		
			
/*'Tantek box model hack' adjustment for the incorrect box-model implementation in IE5.xWin*/
	width: 800px; /*parse to IE5.xWin, the physical screen-pixel-width-requirement */
	voice-family: "\"}\"";voice-family:inherit;/*to stop IE5.xWin reading the next line*/
	width: 800px; /*parse to standards-compliant browsers: physical screen-pixel-width-requirement minus the sum of any left and right borders and padding*/
}


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



/*
----------------------------------------------------------------------
Upper Navigation
---------------------------------------------------------------------- 
*/


#upperNavigation {
	position: absolute;
	top: 0;
	left: 0px;
	height: 28px;
	background: #FFF;
	margin:0;
	padding:0;
}
#upperNavigation li {
	display: inline;
	margin:0; padding:0;
}

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


#upperNavigation {
	text-align: right;
	font-size: 10px;
	z-index: 100;
}






/*
----------------------------------------------------------------------
Masthead
---------------------------------------------------------------------- 
*/



#masthead {
position: relative;
border: none;
background: transparent;
height: 140px;
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;
display:none;
}


#mastheadTail {
	display: none;
}





/*
----------------------------------------------------------------------
Breadcrumbs
---------------------------------------------------------------------- 
*/


#breadcrumbs {
position: absolute;
top: -30px;
left: 0px;
margin: 0;
float: left;
font-size: 10px;
padding: 0;
width: 100%;
clear: both;
position: relative;
height: 30px;
line-height: normal;
}

body.class-home #breadcrumbs {
visibility:hidden;
}

#breadcrumbs {
display:none;;
}

#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 {

}




/*
----------------------------------------------------------------------
Content
---------------------------------------------------------------------- 
*/

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


/*
----------------------------------------------------------------------
Main Content
---------------------------------------------------------------------- 
*/


#mainContent{
	float:left;
	margin: 0;
	padding: 0px 0px 10px 20px;
	display: inline; 
	background: transparent url(../images/gradation_.jpg) 0 0 repeat-x;
	z-index: 90;

			
width: 615px;
}

#mainContentLead {
margin: 0;
padding: 0;
height: 40px;
display:none;
}



/*
----------------------------------------------------------------------
Left and Right Content
---------------------------------------------------------------------- 
*/




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

#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;
}


#rightContent  {
	padding-top: 50px;
}




/*
----------------------------------------------------------------------
Main Content misecellaneous content
---------------------------------------------------------------------- 
*/



#mainContent p, #mainContent ul, #mainContent li {
	font-size:1em !important;
	line-height: 1.6em;
	}
	
	
ul, ol {
list-style-position: outside;
margin: 1em 2em 1.5em 30px;
}

ul{
list-style-image: url(../images/listBullet.gif);
}



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-Emphasised {
color: #000;
border-left: 10px solid #666;
padding-left: 10px;
}

body.-contactus p.Paragraph-Warning {
margin-right: 200px;
}

* html body.-contactus p.Paragraph-Warning {
display: none;
}

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: none;
width: 130px;
padding: 10px;
background: #f5f5f5;
margin: 0 0 10px 20px;
}


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

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


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




/*
----------------------------------------------------------------------
contact page and form
---------------------------------------------------------------------- 
*/

#contactDetails {
float: right;
width: 150px;
background: #F6F9EC;
padding: 10px;
margin-left: 20px;
margin-right:0;
margin-top: 30px;
border: 4px solid #996;
}


legend  {
	color: #FFFFFF;
	font-family: "arial black";
	background-color: #BBB;
	padding: 3px 8px;
	display: none;
	}

label   {
	font-weight: bold;
	color: #222;
	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-top: 1px solid #564B73;
border-right: 2px solid #564B73;
border-bottom: 1px solid #564B73;
border-left: 2px solid #564B73;
height: 30px;
font-weight: bold;
}




fieldset#contactFormFieldset {
margin-top: 15px;
}

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

#input-valid-firstName,
#input-valid-lastName,
#input-valid-subject,
#input-valid-email,
#input-valid-message
{
	width: 300px;
	border: 1px solid #666;
	background-color: #FFFFFF;
	color: #000000;
	margin: 0;
	padding: 2px;
	}
	
	
#input-valid-firstName p,
#input-valid-lastName p,
#input-valid-subject p,
#input-valid-email p,
#input-valid-message p
{
	
	color: #000000;
	}


/*
----------------------------------------------------------------------
Page Foot and Footer
---------------------------------------------------------------------- 
*/


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


#footer {
	color: #888;
	text-align:left;
	margin: 5px auto 0;
	width:auto;
	font-size:10px;
	padding:20px 0 0 10px;
height: 120px;
position: relative;
background: transparent url(../images/footerBackground.gif) top center no-repeat;
}

#footer li {
	display: inline;
}

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

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


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
















/*
----------------------------------------------------------------------
Back to top
---------------------------------------------------------------------- 
*/



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

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

}

#backToTop a {
	background-color: #666;
	padding: 5px;
	text-decoration: none;
	color: white;	
	border: 1px solid #222;
}


#backToTop a:hover {
	color: black;
	text-decoration: none;
	border: 1px solid black;
	background: #f7f7d7;
}





/*
----------------------------------------------------------------------
Lower 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;
}















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



form#contactForm p.alert {
color: red;
padding: 2px 0 8px 20px;
background: url(../images/alert_bright.gif) 0 2px no-repeat;
overflow: visible;
line-height: 1.2em;
margin-top: 5px;
}










#identity img#logo {
position: relative;
}




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








/*menu flyout*/

#mainMenu  {
	float: left;
	margin: 0;
	padding: 0;
	font-size:.8em;
	margin: 0px 15px 0	0;
	}
	
* html #mainMenu  {
	margin: 0px 0px 0	0;
	}


#mainMenu ul { /*affects sublists only*/
	float: left;
	padding: 0;
	width: 140px;
	border-bottom: none;
	margin: 0;
	list-style-type: none;
	list-style-image: none;
	}
	
* html #mainMenu ul { /*affects sublists only*/
	width: 110px;
	}

#mainMenu li { /* all list items */
	float : left;
	margin:0;
	padding: 0;
	border-bottom: 1px solid #eee;
	z-index: 98;
	width: 140px;
	}
	
* html #mainMenu li { /* all list items */
	width: 110px;
	}

#mainMenu li ul.submenu,/* the submenus*/
#mainMenu li.current ul.submenu {
	border-top: 1px solid #666;
	}

	
#mainMenu li a,
#mainMenu li.current ul.submenu li a {
	width: auto;
	color: #666;
	font-weight : normal;
	text-decoration : none;
	background: #FFFFFF url(../images/navIcon.gif) center left no-repeat;
	padding : 3px 0px 2px 22px;/*helps to set the height of the nav items*/
	margin: 0;
	line-height: 20px;
	display: block; 
	border-bottom: 1px solid white;
	}
	
#mainMenu ul.submenu li a {
	background: #FFFFFF url(../images/navIconHover.gif) 10px 50% no-repeat;
	border-bottom: 1px solid #666;
	padding-left: 32px;
	}
	
* 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 li ul { /* submenu 1 level lists */
	position : absolute;
	left: -999em;/*needed for opera*/
	margin-left : 140px;/*needed for firefox to display in correct position, otherwise sits flush left, regardless of li:hover ul rule below*/
	margin-top : -27px;/*move back up the height of the parent list*/
	z-index: 99;
	width: 180px;
	}
	
* html #mainMenu li ul { /* submenu 1 level lists */
	margin-left : 130px;
	}
	
#mainMenu li ul li { /* all list items */
	float : left;
	margin:0;
	padding: 0px 0px 0px 0px;
	border-bottom: 1px solid #eee;
	z-index: 100;
	width: 180px;
	}
	
	
#mainMenu li ul li a {
white-space: wrap;
	width: auto;
	}

	
#mainMenu li a:hover {
	color : black;/*A5A127*/
	text-decoration: none;
	background: #fff url(../images/navIconHover.gif) center left no-repeat;
	border-bottom: 1px solid #666;
	}
	

#mainMenu li.current ul.submenu li a:hover {
	color : black;/*A5A127*/
	text-decoration: none;
	background: #fff url(../images/navIconHover.gif) 10px 50% no-repeat;
	border-bottom: 1px solid #666;
	}
	
/*#mainMenu li.current ul.submenu li a {
	background-position:10px 50%;
	padding-left: 32px;
	}
	
#mainMenu li.current ul.submenu li a:hover {
	background-position:10px 50%;
	padding-left: 32px;
	}*/
	
#mainMenu li:hover  {
	/*background-color: #ddd;*/
	}
	
#mainMenu li:hover ul {
	left:0;
	}
	
	
	
	
/*
----------------------------------------------------------------------
you are here nav
---------------------------------------------------------------------- 
*/
#mainMenu li.current a:link,
#mainMenu li.current a:visited,
#mainMenu li.current a:hover,
#mainMenu li.current a:focus,
#mainMenu li.current a:active
{
	color : white;
	text-decoration: none;
	background: #888 url(../images/navIconActive3.gif) center left no-repeat;
	padding-left: 22px;
	font-weight: normal;
	}










/*
----------------------------------------------------------------------
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(../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;
	}

/*
----------------------------------------------------------------------
SEARCH
---------------------------------------------------------------------- 
*/

#searchContainer {
position: absolute;
top: 110px;
left: 0px;
z-index:100;
display:none;
}

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

#searchContainer label {
display: none;
}

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: 1em;
font-weight: normal;
margin: 0;
padding:0;
}

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



/*
----------------------------------------------------------------------
LOCAL NAVIGATION
---------------------------------------------------------------------- 
*/


#localNav {
float: right;
width: 100px;
border: 1px solid #666666;
padding: 10px 10px 10px 30px;
margin-right: -10px;
margin-top: 70px;
}


/*
----------------------------------------------------------------------
HOME PHOTO
---------------------------------------------------------------------- 
*/

#homePhoto {margin-bottom: 20px;border: 10px solid #f7f7d7;}