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

/* COLOURS

dark grey (eg. body text): #74745B
grey blue (eg. anchors, h4): #41464E
olive (eg. h1): #999900
olive-medium (eg. box borders): #DBDCC1
olive-light (eg. box background): #F2F2E8
deep red (eg. h2): #990000;

*/

html {
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', 'Segoe UI', 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
	color: #74745B;
	font-size: 80%;
	line-height: 1.6em;
	height: 100%;
	}


h1 {
	margin: 0 0 .6em 0;/*originally .5em*/
}

h2 {
	margin: 0 0 .5em 0;/*originally same as h3-6*/
}

h3, h4, h5, h6 {
	margin: 1.5em 0 .5em 0;
}

li, a:link {
	margin: 0 0 .6em 0;
}

p {
	margin: 0 0 1.2em 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;
}


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


ul li, ol li{
margin: 0;
}


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

a:visited {
	color: #41464E;
}

a:hover {
	color: #000000;
}

a:active {
	color: #000000;
}


.invisible {
	display: none;
}

.Align-Right {
	float: right;
}

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

.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: 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: #999900;
line-height: 1.2em;
font-weight: normal;
*font-size: 210%;
}

h2 {
color: #990000;
line-height: 1.25em;
text-transform: uppercase;
font-weight:normal;
letter-spacing: .12em;
font-size: 1.2em;
}

h3 {
color: #000000;
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;
	border: 0px;
}

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

h2 img {
position: relative;
bottom: -5px;
}




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

#perimeter {
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	min-height:100%;
	background: transparent url(../images/bg_bones.gif) fixed repeat;/*set to be overall background colour*/
	_background: none;
	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 {
	margin: 0 auto;
	padding: 0;
	height: 100%;
	position: relative;
	background: transparent url(../images/bg_gradient.png) fixed repeat-x;
	_background: transparent url(../images/bg_gradient_ie2.png) fixed repeat-x;
	_background: none;
	width: 100%;
	text-align: center;
}


#innerContainer {
	background: #FFFFFF;
	margin: 0 auto;
	height:100%;
	width: 780px;
	_width: 750px;
	position: relative;
	text-align: left;
	margin-bottom: 60px;/* space at base of entire page */
	*padding-top: 15px;
}


#upperNavigation {
	background: transparent url(../images/bg_topStrip.gif) 0 0 repeat-x;
	margin: 0;
	height: 51px;		
	width: 100%;
}

#masthead {
position: relative;
border: none;
background: transparent url(../images/masthead.png) 0 0 no-repeat;
height: 237px;
overflow: visible;
margin: 15px 0 0 0;
_width: 780px;/*must be explicitly set for IE6*/
}

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

#mastheadLead img{
margin:0;
}

#mastheadTail {
	height: 0;
}

#identity {
position: absolute;
top:0px;
left:550px;
z-index:100;
width: 180px;
height: 180px;
}

#identity img#logo {
display:none;
}

#identity a {
margin:0;
padding:0;
background: transparent url(../images/itchy_animate_once.gif) 18px 20px no-repeat;
width: 180px;
height: 180px;
display:block;
}

#identity a:hover {
background: transparent url(../images/itchy_animate_forever.gif) 18px 20px no-repeat;
}



#content {
	padding: 0px 0 10px 0;
	width: auto;
	margin: 0 24px -30px 30px;
	background: transparent url(../images/bg_sidebar_flourish.jpg) top right no-repeat;
}

#mainContent{
	float:left;
	margin: 20px 0 40px 0;
	padding: 0px 0px 10px 0px;
	z-index: 90;
	width: 725px;/*total width is 745px,combines with left and right padding*/
	position: relative; /*set positioning context fo children*/
	}

#primaryContent{
	float:left;
	margin: 0;
	padding: 0;
	width: 482px;
	position: relative;
}

div#secondaryContent {
float: right;
width: 210px;
margin:0 4px 0 0;
padding:0;
}

#mainContentLead {
display:none;
}

body.class-home #mainContentLead {
background: transparent url(../images/xxxxxxx.gif) center center no-repeat;
height: 35px;
margin: 0 0 20px;
}


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


/*
----------------------------------------------------------------------
PAGEFOOT
---------------------------------------------------------------------- 
*/

#pageFoot {
	margin: 0 auto;
	background: transparent;
	height:30px;
	width:auto;
	text-align:left;
	padding:0 10px 0 10px;
	overflow: visible;

}

/*
----------------------------------------------------------------------
FOOTER
---------------------------------------------------------------------- 
*/

#footer {
	color: #888;
	text-align:left;
	margin: 0 auto;
	width: 780px;
	font-size:.8em;
	padding:10px 40px 0 40px;
	height: 35px;
	position: absolute;
	bottom:-40px;
	_bottom:0px;
	background: transparent url(../images/bg_footer.gif) top left no-repeat;
}

#footer ul {
	margin:0;
	padding:0;
}

#footer li {
	display: inline;
}

#footer p {
	margin:0 10px 0 0;
	padding:0;
}

#footer a {
	display: inline;
	margin-right: 10px;
	text-decoration: underline;
	padding: 0 5px;
}

#footer a:visited {
}

#footer a:hover{
text-decoration: underline;
}

#footer a:active{
text-decoration: underline;

}

#footerLead, #footerTail {display:none;}



/*
----------------------------------------------------------------------
BACK TO TOP
---------------------------------------------------------------------- 
*/


#backToTop {
	position: relative;
	left: 15px;
	top: -20px;
	_display:none;
}


#backToTop a {

}

#backToTop a:hover {

}








/*
----------------------------------------------------------------------
layout/positioning - minor elements
---------------------------------------------------------------------- 
*/


#upperNavigation ul {
	margin:10px 0 0;
	padding:0;
}

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

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


#upperNavigation a:visited {
	text-decoration: none;
}


#upperNavigation a:hover{
text-decoration: underline;
}

#upperNavigation a:active{
text-decoration: underline;
}






/*
----------------------------------------------------------------------
element treatments -specific
---------------------------------------------------------------------- 
*/

#contactDetails {
float: right;
width: 200px;
padding: 0 10px 10px;
margin-left: 20px;
margin-right:0;
}

#rightColumn h3 {
margin-top: 0px;
}


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



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


/*
----------------------------------------------------------------------
custom classes
---------------------------------------------------------------------- 
*/

.invisible {
	display:none;
}

div.floatClear, span.floatClear {
	clear: both;
	line-height : 0em;
	font-size: 0em;
	background-color: transparent;
}



/*
----------------------------------------------------------------------
typography 
---------------------------------------------------------------------- 
*/

#pageFoot {
	font-size:11px;
	color: black;
}

#upperNavigation {
	text-align: left;
	font-size: 10px;
}











/*
----------------------------------------------------------------------
TABLES
---------------------------------------------------------------------- 
*/




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

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

p.noSpace img, img.noSpace, span.noSpace img {
margin: 0;
}

#mainContent p.noSpace img,
#mainContent img.noSpace,
#mainContent span.noSpace img {
margin: 0;
}


/* invisible*/

table.table-invisible {
border: none;
background: transparent;
}

table.table-invisible td {
border: none;
}

/* rows */

table.table-rows {
border: none;
background: transparent;
}

table.table-rows tr{
border-bottom: 2px solid #E0B400;
}

table.table-rows td {
border: none;
padding: 10px 0px 10px 0;
}


/* wireframe */


table.table-wireframe {
border: none;
background: transparent;
}

table.table-wireframe td {
border: 1px solid #ccc;
padding: 5px 10px 20px;
}

td h3 {
margin: 0 20px 10px 0;
}

table#clients.table-wireframe td {
	vertical-align: middle;
	text-align: center;
	border: 8px solid #f7f7f7;
	padding:10px;
}




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

fieldset  {
	}
	
fieldset  br {
	}


legend  {
	color: #FFFFFF;
	background-color: #F2F2E8;
	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 red;
	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;
	height: 28px;
	font-weight: bold;
}

fieldset#contactFormFieldset {
	margin-top: 15px;
	background: #F2F2E8;
	border: 1px solid #DBDCC1;
}

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;
	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 #DBDCC1;/* the text fields */
	}
	
#input-valid-message {
	width: 410px;
	}
	
#input-valid-firstName p,
#input-valid-lastName p,
#input-valid-subject p,
#input-valid-email p,
#input-valid-message p {
	color: #000000;
}












#mainContent p, #mainContent ul, #mainContent li {
	font-size:1em !important;
	line-height: 1.6em;
	}
	

















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 #DBDCC1;
width: 150px;
padding: 10px;
background: #F2F2E8;
margin: 0 20px 10px 0;
}

p.PullQuoteRight {
float: right;
clear: right;
border-top: 4px solid #DBDCC1;
width: 200px;
padding: 10px;
background: #F2F2E8;
margin: 0 0 20px 30px;
}


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

p.Paragraph-EditorsNote {
background: #F5FFEE url(../images/flag_red.png) 20px 20px no-repeat;
border: 1px dotted #000;
padding: 20px 20px 20px 40px;
}

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



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



#feature {
position: absolute;
top: 20px;
height: 50px;
right: 0px;
width: 400px;
background: transparent url(../images/.png) top right no-repeat;
border: 1px solid orange;
display:none;
}


* html #feature {
right: -40px;
}




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



	#primaryNav {
		position: absolute;/*set new positioning context*/
		width: 507px;
		height: 37px;
		background: transparent url(../images/bg_primaryNav.png) 0 0 no-repeat;
		margin:0;
		/*width plus padding must equal the width plus padding of the li.topLevelNav ul*/
		/*width: 790px;width is also interdependent upon second level ul width, li.topLevelNav ul*/
		padding: 9px 0 0 30px;
		list-style:none;
		margin-left: 0px;
		font-size: .85em;
		top:54px;
		*top:69px;
		left:0;
		z-index:100;

	}
	
	* html #primaryNav {
		margin: 0;
	}


 	/* all anchors */
	#primaryNav a {
		text-decoration: none;
	}

	/* all list elements */
	#primaryNav li { /*float all list items to make them horizontal*/
		margin: 0;
		padding: 0;
		float: left;
		/*display: block; may not need this...the sliding doors tutorial doesn't use it*/
	}
	
	/*the top level nav individual anchors neutral state */
	#primaryNav li a {
		color: #000000;
		font-weight: bold;
		float:left;/*necessary for IE, otherwise stacks vertically*/
		display: block;
		width: auto;/*width of top level anchors. Firefox is OK with this, IE is not, tends to stack things as if block level*/
		padding: 8px 10px 3px;/* padding height must be removed from the list height, see line approx 140 */
	}
	

	/*the top level individual anchors current state */
	#primaryNav li.current a {
		color: #000000;
	}
	

	/*the top level anchors text hover*/
	#primaryNav li a:hover,
	#primaryNav li.topLevelNav a:hover{ 
		text-decoration: underline;
		color: #990000;
	}


	#primaryNav li.topLevelNav a,
	#primaryNav li.current a{
		display: block;
		position: relative;
		height: 21px;/*height of the first level anchors, subtracting any padding height on #primaryNav li a, approx line 80*/
		background: url(../images/nav_matrix_left.png) no-repeat; /*contains all states*/
		margin:0;
		}

	#primaryNav li.topLevelNav,
	#primaryNav li.current{
		background: url(../images/nav_matrix_right.png) 100% 58px no-repeat; /*contains all states*/
	}
	

/*neutral state*/

#primaryNav li.topLevelNav a {
	background-position: 0 0px;
}

#primaryNav li.topLevelNav {
	background-position: 100% 0px;
}


/*current state*/
 
#primaryNav li.current {
 	background-position: 100% -58px;
 }
 
 #primaryNav li.current a {
 	background-position: 0 -58px;
 	color: #FFF;
 }
 
 #primaryNav li.current a:hover {
	text-decoration: none; 
}
 

 
 

/*hover state*/

#primaryNav li.topLevelNav a:hover, #primaryNav li.topLevelNav:hover a, #primaryNav li.topLevelNav.over a {
	background-position: 0 -29px;
}


#primaryNav li.topLevelNav:hover, #primaryNav li.topLevelNav.over {
	background-position: 100% -29px;
}



/*reverse current tab hover state */

#primaryNav li.topLevelNav.current a:hover, #primaryNav li.topLevelNav.current:hover a, #primaryNav li.topLevelNav.current.over a {
 	background-position: 0 -58px;
}

#primaryNav li.topLevelNav.current:hover, #primaryNav li.topLevelNav.current.over {
 	background-position: 100% -58px;
}




/*second level
============================================*/

	/* the second level nav */
#primaryNav li ul, #primaryNav li ul {
		margin: 0;
		padding: 0;
		list-style:none;
	}

	/*conceal second level lists */
#primaryNav li ul {
	display: none;/*if displayed block, due to positioning would be z-stacked neatly on top of each other*/
	}
	
	/*reveal specific second level lists */
#primaryNav li.current ul {
	display: block;/*if displayed block, due to positioning would be z-stacked neatly on top of each other*/
	position: absolute;
	top: 200px;
	*top: 195px;
	left: 540px;
	width: 200px;
	}
	
	/*make the lists vertical */
#primaryNav li.current li {
	float:none;
	display:block!important;
	background: url(../images/icon_subpage.gif) 0 6px no-repeat;
	padding: 1px 0 0 20px;/* top padding compensates visually for the bottom border */
	margin-bottom: 0px;
	border-bottom: 1px dotted #DBDCC1;
	}
	
#primaryNav li.current li:hover {
	background: url(../images/icon_subpage.gif) 0 -39px no-repeat;
	}
	
	/* change the color */
#primaryNav li.current li a {
	color:#000;
	background-image:none;
	float:none;
	min-height: 1px;/* temp fix to get full-padded display with images showing as bg in the lists */
	font-weight: normal;
	padding:0;
	display:block;
	/*display: table-cell;
	vertical-align: middle;*/
	margin: 0;
	}
	
	
#primaryNav li.current li a { padding-top:4px;}/*mozilla, must be explicitly set as a duplicate in conjunction with the next declaration*/
#primaryNav li.current li a { [padding-top:4px;padding-top:3px;]padding-top:3px;}/*mozilla, safari, ie in that order */

#primaryNav li.current li a { padding-bottom:2px;}/*mozilla, must be explicitly set as a duplicate in conjunction with the next declaration*/
#primaryNav li.current li a { [padding-bottom:2px;padding-bottom:1px;]padding-bottom:3px;}/*mozilla, safari, ie in that order */
	
/* second level hover */

#primaryNav li.current li a:hover {
	color:#990000;
	text-decoration: underline;
	}
	
	
/* you-are-here effects */
#primaryNav li.current li.current {
	background: url(../images/icon_subpage.gif) 0 -38px no-repeat;
}
	
#primaryNav li.current li.current a{
	font-weight: bold;
}

#primaryNav li.current li.current a:hover {
	color:#000;
	text-decoration: none;
	}




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

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

#searchContainer {
position: absolute;
top:-55px;
*top:-40px;
left:550px;
z-index: 100;
width: 300px;
}

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

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

#searchInput {

}

#searchSubmitButton {
margin-left: 5px;
}


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

p#searchResults {
background: #F2F2E8;
border-top: 4px solid #999900;
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;
}

input.imageButton {
position: relative;
top: 4px;
left: 4px;
}

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



ul#localNav {
	float:right;
	font-size:.8em;
	display: block;
	width: 220px;
	margin:0;
	padding:0;
	}

#localNav li {
	list-style-type:none;
	float:left;
	white-space: normal;
	padding:0 0 0 20px;
	line-height: 1.2em;
	background: transparent url(../images/bullet_yellow.png) 0 0 no-repeat;
	}

#localNav a {
	display:block;
	float:left;
	text-decoration:underline;
	font-weight:normal;
	color:#999900;
	}

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

#localNav a:visited {
	color:#777777;
	text-decoration:none;
	}
	
#localNav a:hover {
	color:#000000;
	text-decoration:underline;
	}
	
#localNav a:active {
	color:#000000;
	text-decoration:underline;
	}

#localNav .current a {
	color:#990000;
	}
	
#localNav li.current {
	background: transparent url(../images/bullet_red.png) 0 0 no-repeat;
	}
	
#localNav li:hover {
	background: transparent url(../images/bullet_black.png) 0 0 no-repeat;
	}
  
#menuList .current a:hover {
	}














p.PullQuoteRight.caseStudies {
background: #DDE9F6;
padding-bottom: 2em;
line-height: 1.2em !important;
}

p.PullQuoteRight.caseStudies a {
display:block;
margin-top: 0;
padding-left: 15px;
background: transparent url(../images/clippedSquareArrow.png) 0 2px no-repeat;
}

p.PullQuoteRight.caseStudies a:link {
color: #005489;
text-decoration:none;
}


p.PullQuoteRight.caseStudies a:visited {
color: #005489;
text-decoration:none;
}


p.PullQuoteRight.caseStudies a:hover {
color: #005489;
text-decoration:underline;
}


p.PullQuoteRight.caseStudies a:active {
color: #005489;
text-decoration:underline;
}

span.OneEmBelow {
display:block;
margin-bottom: -.2em;
}





p#testimonials {
position: absolute;
top:20px;
left: 360px;
width: 400px;
z-index:100;
}

p#testimonials a{
background: url(../images/people_faces.jpg) top left no-repeat;
padding-left: 280px;
display: block;
font-size: .8em;
line-height: 1.4;
height: 52px;
}

p#testimonials img{
position:relative;
top: 4px;
left: 4px;
}


/*home page 
==================================================*/


/*TEMP
=====================================*/

h1.h1button {
background: url(../images/arrow_lrg_red_button.png) 0 center no-repeat;
padding-left: 30px;
}

h1#slogan {
background: url(../images/slogan.gif) 10px 16px no-repeat;
width: 780px;
height: 51px;
margin:0 auto;
padding:0;
text-indent: -9999em;
}

img#header {
margin: 115px 0 0 35px;
}

#backToTop a{
text-decoration:none;
background: url(../images/bullet_arrow_up.png) 0 1px no-repeat;
padding-left: 20px;
height: 20px;
padding: 2px 2px 2px 20px;
}

#backToTop a:visited {
text-decoration:none;
}

#backToTop a:hover {
text-decoration:underline;
}



/*content pool tests-----------------*/

ul#toggleContent {
	list-style-type: none;
	}
	
ul#toggleContent li {
	display: inline;
	}
	
#contentPool div {
	display: none;
}


/* content pool tabs-----------------*/

	#toggleContent {
		width: 475px;
		height: 21px;
		background: transparent;
		margin:20px 0 0;
		padding: 0 0 0 10px;
		list-style:none;
		font-size: .9em;
		border-bottom: 1px solid #E4E4E4;
	}
	
	* html #toggleContent {
		margin: 0;
	}


 	/* all anchors */
	#toggleContent a {
		text-decoration: none;
				height: 18px;

	}

	/* all list elements */
	#toggleContent li { /*float all list items to make them horizontal*/
		margin: 0;
		padding: 0;
		float: left;
				height:21px;
				position:relative;
				top: 1px;
	}
	
	/*the top level nav individual anchors neutral state */
	#toggleContent li a {
		color: #000000;
		font-weight: bold;
		float:left;/*necessary for IE, otherwise stacks vertically*/
		display: block;
		width: auto;/*width of top level anchors. Firefox is OK with this, IE is not, tends to stack things as if block level*/
		padding: 2px 12px 0;/* padding height must be removed from the list height, see line approx 140 */
	}
	
/*supposed to be a commented backslash hack here to hide the above float from iE5-Mac, but it invoked the same problem up in IE-Win */

	/*the top level individual anchors current state */
	#toggleContent li.current a {
		color: #990000;
	}
	

	/*the top level anchors text hover*/
	#toggleContent li.topLevelNav a:hover { 
		text-decoration: underline;
	}


	#toggleContent a {
		display: block;
		position: relative;
		background: url(../images/toggleContent_matrix_left.png) no-repeat;
		margin:0;
		}

	#toggleContent li{
		background: url(../images/toggleContent_matrix_right.png) no-repeat;
		margin-right: 3px;
	}


/*neutral state*/

#toggleContent a {
 	background-position: 0 -22px;
 	color: #FFF;
 }
 
#toggleContent li {
 	background-position: 100% -22px;
 }
 

/*hover state*/

#toggleContent li a:hover {
	background-position: 0 0px;
}


#toggleContent li:hover {
	background-position: 100% 0px;
}


/* newsColumn ------------*/

#newsColumn {display:none;}


/*right column for 2 column layout ------------------------*/

#rightColumn {
position:absolute;
top:0;
right: 0;
display:block;
margin: 0 13px 50px 30px;
width: 200px;
color: #555533;
font-size: 90%;
padding-bottom: 50px;
z-index:90;
}

/*main column for 2 column layout ------------------------*/

#mainColumn {
width: 470px;
*width: 450px;
}

body.class-logovisualidentitydesign #mainColumn img {
display: block;
margin: 40px auto 80px auto;
}


/*remove brs from form feedback */

.formFeedback br {display:none;}









/* border definition 

#mainContent{
	border: 1px dotted green;
	}
	
#mainColumn{
	border: 1px dotted red;
	}
	
#rightColumn{
	border: 1px dotted blue;
	}

*/