@import url("gallery.css");

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

* {
margin: 0;
padding: 0;
}

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: #345588;
	font-size: 75%;
	line-height: 1.6em;
	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.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: #005489;
	text-decoration: underline;
}

a:link:visited {
	color: #879FC2;
}

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

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


.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;
border: 1px solid white;
}

.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: #00558B;
letter-spacing: -0.04em;
line-height: 1.2em;
}

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

h2 {
color: #7B9EC1;/*9CB3D3*/
line-height: 1.2em;
text-transform: uppercase;
font-weight:normal;
margin-top: 1.5em;
}

h1 + h2 {
margin-top:-.5em;
*margin-top:0;
}


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

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

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




.floatRight, #floatRight {
	float: right;
}

.floatLeft, #floatLeft {
	float: left;
}

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


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

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

body#id-1 #perimeter {
	background-image: url(../images/bg_home.png);
}


* 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;
	height: 100%;
	position: relative;
	background: transparent url(../images/masthead.png) top center no-repeat;
	width: 800px;
}


#innerContainer {
	background: transparent;
	border-bottom: none;
	margin: 0;
	padding:0;
	height:100%;
	width: 800px;	
	position: relative;
}

* html #innerContainer {
	margin: 0;/*removed margin in IE as it was forcing outercontainer out further */
}



#upperNavigation {
	background: transparent;
	overflow: hidden;
	padding: 9px 0 0 0;
	margin: 0 0 5px 0;
	height: 30px;		
	width: 770px;
	position: absolute;
}

#masthead {
position: relative;
border: none;
background: transparent;
height: 97px;
overflow: visible;
}

#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 {
	display: none;
}

#identity {
position: absolute;
top:95px;
left:3px;
z-index:100;
width: 255px;
height: 44px;
}

body#id-1 #identity {
top:115px;
left:30px;
position:relative;
}

body#id-1 #identity a {

display:block;
}

#identity img#logo {
position: relative;
}

body#id-1 #identity img#logo {
left:-999em;
}

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

body#id-1 #content{
	margin-top: 155px;
}

#mainContent{
	float:left;
	margin: 0;
	padding: 0;
	display: inline; 
	background: transparent url() 0 0 repeat-x;
	z-index: 90;
	/*width: 758px;interdependent with left and right padding*/
}


* html #mainContent{
	margin: 0 0 0 20px;
}


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


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


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

#pageFoot a {
}

#footer {
	color: #345588;
	text-align:left;
	margin: 5px auto 0;
	width:auto;
	font-size:10px;
	padding:20px 0 0 0;
height: 65px;
position: relative;
border-top: 3px solid #DDE9F6;
background: transparent url(../images/footer.png) bottom left no-repeat;
}


#footer li {
	display: inline;
}

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

#footer a {
	display: inline;
	margin-right: 10px;
	text-decoration: none;
	padding:20px;
	color: #005489;
}

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


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

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











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


#upperNavigation ul {
	margin:10px 0 0;
	padding:0;
	list-style-image: url (../images/miniArrow.gif);

}

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








#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: transparent url (../images/miniArrow.gif) 0 0 no-repeat;
	line-height: 30px;
	padding: 7px 10px 10px;
	border-bottom: 0;
	margin: 0;
	border-left: 1px solid #777;
	border-right: 1px solid #444;
	color: white;
	height: 30px;
	text-decoration: none;

}


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


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

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








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

#contactDetails {
float: right;
width: 200px;
background: #FFF;
padding: 0 10px 10px;
margin-left: 20px;
margin-right:0;
border-left: 1px solid #CEE0F3;/*#D6D6FF*/
}


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



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


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


#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;
	padding:0;
}

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

#backToTop a {
	background-color: #00558B;
	padding: 5px;
	text-decoration: none;
	color: white;
border: 2px solid #DDE9F6;

}

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





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


legend  {
	color: #FFFFFF;
	font-family: "arial black";
	background-color: #DDE9F6;
	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 #DDE9F6;
	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 #DDE9F6;
border-right: 2px solid #DDE9F6;
border-bottom: 1px solid #DDE9F6;
border-left: 2px solid #DDE9F6;
height: 30px;
font-weight: bold;
}


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

fieldset#contactFormFieldset label {
color: #000000;
text-shadow: 0px 1px 0px #ffffff;
}

/*in normal state*/
#valid-firstName,
#valid-lastName,
#valid-subject,
#valid-email,
#valid-message {
background: transparent;
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 #CEE0F3;
	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;
	}















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

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


p.Paragraph-Boxed {
background: #F7F3E6;
border: 2px solid #CEE0F3;
padding: 20px;
}

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













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


#feature {
display:none;
}

body#id-1 #feature {
position: absolute;
top: 75px;
left: 0px;
height: 150px;
width: 811px;
background: transparent url(../images/masthead_type3.jpg) no-repeat top left;
z-index: 90;
display:block;
}


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




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



	#primaryNav {
		position: absolute;/*set new positioning context*/
		width: 800px;
		width: 790px;
		height: 71px;
		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: 0;
		list-style:none;
		margin-left: 0px;
		font-size: 1.1em;
		top:0;
		left:0;
		border-left: 1px solid #97B1D3;
	}
	
	* html #primaryNav {
		margin: 0;
	}


 	/* all anchors */
	#primaryNav a {
		text-decoration: none;
		line-height: 71px;
	}

	/* all list elements */
	#primaryNav li { /*float all list items to make them horizontal*/
		margin: 0;
		padding: 0;
		float: left;
	}
	
	/*the top level nav individual anchors neutral state */
	#primaryNav li a {
		color: #FFFFFF;
		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: 0 25px;/* padding height must be removed from the list height, see line approx 140 */
		padding: 0 20px;/* 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 */
	#primaryNav li.current a {
		color: #990000;
	}
	

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


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

	#primaryNav li.topLevelNav,
	#primaryNav li.current{
		background: url(../images/bg_primaryNav_leftMatrix.gif) 100% 142px no-repeat; /* two-thirds the depth */
	}
	
	li.current a {}


/*neutral state*/

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

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




/*current state*/

#primaryNav li.current a {
 	background-position: 0 -142px; /* negative two-thirds the depth */
 	color: #FFF;
 }
 
#primaryNav li.current {
 	background-position: 100% -142px; /* negative two-thirds the depth */
 }
 

 
 

/*hover state*/

#primaryNav li.topLevelNav a:hover, #primaryNav li.topLevelNav:hover a, #primaryNav li.topLevelNav.over a {
	background-position: 0 -71px; /* negative one-third the depth */
}


#primaryNav li.topLevelNav:hover, #primaryNav li.topLevelNav.over {
	background-position: 100% -71px; /* negative one-third the depth */
}



/*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 -142px;  /* negative two-thirds the depth */
}

#primaryNav li.topLevelNav.current:hover, #primaryNav li.topLevelNav.current.over {
 	background-position: 100% -142px;  /* negative two-thirds the depth */
}




/*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;
	}
	
	/*reveal specific second level lists */
	#primaryNav li.current ul {
		display: block;
		position: absolute;
		top: 105px;
		left: 300px;
		width: 500px;
	}
	
	/*make the lists vertical */
	#primaryNav li.current li {
		/*float:left;*/
		/*display:inline;*/
		background: url(../images/icon_subpage_neutral.gif) 0 0 no-repeat;
		padding: 2px 20px 2px 20px;
		margin-bottom: 6px;
		border-left: 1px solid #000;
	}
	
	#primaryNav li.current li:hover {
		background: url(../images/icon_subpage_hover.gif) 0 0 no-repeat;
		text-decoration: underline;
	}
	
	/* change the color */
	#primaryNav li.current li a {
		color:#000;
		background-image:none;
		/*float:none;*/
		height: auto;
		font-weight: normal;
		padding:0;
		line-height: 1;

	}
	
	
	/* you-are-here effects */
	#primaryNav li.current li.current {
		background: url(../images/icon_subpage_hover.gif) 0 0 no-repeat;
	}
	
	#primaryNav li.current li.current a{
		font-weight: bold;
	}







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






















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

body.class-home #breadcrumbs,
body.class-search #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 {
color: #005489;
text-decoration: none;
}

#breadcrumbs a:visited {
color: #005489;
text-decoration: none;
}

#breadcrumbs a:hover {
color: #005489;
text-decoration: underline;
}

#breadcrumbs a:active {
color: #005489;
text-decoration: underline;
}


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

#searchContainer {
position: absolute;
_top:22px;
top:0;
vertical-align:middle;
line-height: 71px;
left:100%;
z-index: 100;
margin-left: -200px;
_margin-left: -210px;
width: 200px;
text-align: right;
height: 71px;
/*border-right: 1px solid #97B1D3;*/
padding-right: 0px;
}

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

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

#searchInput {margin: 25px 5px 0 0; width: 100px;}

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

p#searchResults {
background: #F3F5F7;
border-top: 4px solid #93AACB;
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
---------------------------------------------------------------------- 
*/



#localNav {
	float:right;
	font-size:.8em;
	line-height:normal;
	display: block;
	width: 100%;
	margin: 0 0 40px 30px;
	background: #EFF6FE;
	padding:10px;
	width: 140px;
	border: 2px solid #CEE0F3;
	}

#localNav ul {
	display: inline;
	}

#localNav li {
	list-style-type:none;
	float:left;
	white-space: wrap;
	padding:0 0 0 9px;
	height: auto;
	line-height: 1.2em;
	margin-bottom: 1em;
	}

#localNav a {
	display:block;
	float:left;
	text-decoration:none;
	font-weight:normal;
	color:#00558B;
	padding:0;
	margin:0;
	}

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

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

#localNav .current a {
	font-weight:bold;
	text-transform: uppercase;
	}
  
#menuList .current a:hover {
	text-decoration:none;
	}







#mainContentLead {
display:none;
}

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


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



body.class-home #innerContainer {
background: transparent url(../images/faux_right_column.gif) 100% 250px no-repeat;

}

* html body.class-home #innerContainer {
background: transparent url(../images/faux_right_column.gif) 570px 250px no-repeat;

}

ul#siteMap {
margin:0;
padding:0;
list-style:inside;
}

ul#siteMap ul li {

}