@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", Helvetica, sans-serif;
	color: #333333;
	font-size: 80%;
	line-height: 1.6em;
	height: 100%;
	}

h1, h2, h3, h4, h5, h6, p, li, a:link {
	margin: 0 0 .8em 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: .8em;
}

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


ul li, ol li{
margin: 0 0 .5em 0;
}


a {
	color: #83AAEB;
	text-decoration: underline;
}

a:visited {
	color: #313558;/*was 993*/
}

a:hover {
	color: #6847AD;
}

a:active {
	color: #6847AD;
}


.invisible {
	display: none;
}

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

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

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

img.Align-Left,
img.alignLeft,
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: #6847AD;
line-height: 1.2em;
}

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

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

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

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

h4 {
color: #6847AD;
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; 
}

hr {
height: 1px;
color: #313558;
background-color: #313558;
border: 0;
border: 0px solid #313558;
display:block; 
clear:both; 
margin: 25px 0 30px 0;
}

/*

hr {
  height: 15px;
  background: url(../images/hr_image.gif) 50% 0 no-repeat;
  border: 0;
  border: 0px solid #FFF;
  margin : 1em 0;
  color: #FFF;
}
*/



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

#perimeter {
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	min-height:100%;
	background: #84C8EB url(http://www.itchybrain.com.au/client/thinkingdog/images/bg_viewport.jpg) repeat-x 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: 20px auto 40px;
	padding: 20px;
	height: 100%;
	position: relative;
background: #84C8EB url(http://www.itchybrain.com.au/client/thinkingdog/images/bg_page.jpg) no-repeat top center;
	width: 900px; /*standards-compliant browsers: physical screen-pixel-width-requirement minus the sum of any left and right borders and padding*/
	/*border:1px solid #6847AD;*/
	border-top:none;
}


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

#upperNavigation {
	background: #6847AD url(../images/xbg_topStrip.gif) repeat-x 0px -8px;
	overflow: hidden;
	padding-top: 9px;
	margin:0;
	height: 0px;	
	text-align: left;
	font-size: .8em;
	width: 900px; /*standards-compliant browsers: physical screen-pixel-width-requirement minus the sum of any left and right borders and padding*/

	
}


#masthead {
position: relative;
background: #fff;
height: 200px;
overflow: hidden;
margin:0;
border-bottom: 4px solid #6847AD;
width: 900px;/*must be set explicitly*/
}

img#header {
margin: 0 0 0 260px;
border-left: 1px solid #6847AD;
}


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

#mastheadLead img{
margin:0;
}


#mastheadTail {
	display: none;
}


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

img#logo {
position: relative;
margin: 10px 0 0 37px!important;
display:block;
}


#content {
	padding: 0 0 0 0;
	width: auto;
	margin: 0;
	border-right: 1px dotted #EEE;
}

#mainContentLead {
margin:0;
padding:20px 0 0 0;
}

#mainContent{
	float:left;
	margin: 0;
	padding: 0px 0 10px 20px;
	display: inline; 
	background: #FFF url() 0 0 repeat-x;
	border-left: 1px solid #6847AD;
	z-index: 90;
	width: 600px;
	min-height: 300px;
	_height: 300px;/* making use of a <IE7 bug which will expand to fit the contents beyond 300px */
}



#leftContent, #rightContent  {
	float:left;
	display: inline;
	width: 260px;
	margin:0;
}


#rightContent  {
	float:left;
	display: none;
}




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


#pageFoot {
	display:none;
}

#pageFoot a {
}

#footer {
	color: #FFF;
	text-align:left;
	margin: 5px auto 0;
	width:auto;
	font-size:.8em;
	padding:10px 0 0 20px;
height: 30px;
position: relative;
background: #6847AD url(../images/dotted_rule.gif) repeat-x top left;
border-top: 1px solid #DDD;
margin:0;
}

#footer ul {
margin-bottom:0;
position:relative;
_top: 3px;/*IE only */
}

#footer li {
	display: inline;
}

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

#footer ul li a {/*more specific so as not to affect backToTop link */
	display: inline;
	margin-right: 10px;
}

#footer ul li a:hover {
	background:#3DEE8FC!important;
}

#footer ul li a:visited {
	color: #FFF;
}













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





#upperNavigation ul {
	margin:3px 0 0 250px;
	_margin-top: 17px;
	padding:0;
}

#upperNavigation li {
	display: inline;
	height: 20px;
	text-transform: uppercase;
	margin-right: 20px;
}

#upperNavigation a {
	color: #FFFFFF;
	display: inline;
	padding: 0px 0px 0px 13px;
	border-bottom: none;
	text-decoration:none;
	background: transparent url(../images/_bullet_triCross.gif) no-repeat center left;
}

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







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

#contactDetails {
float: right;
width: 150px;
background: #DEE8FC;/* a bit lighter than the form*/
padding: 10px 10px 0 10px;
margin-left: 20px;
margin-right:0;
border: 2px solid #6847AD;/*#D6D6FF*/
color: #6847AD;
}


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

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


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

#leftContent h3 {
	background: #ccc;
	text-transform: uppercase;
	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;
}







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


#backToTop {
	float: right;
	position: relative;
	bottom:2px;
	z-index: 90;
	margin: 2px 20px 0 0;
	display:inline;/*fix the doubled-margin float bug*/
	padding:0;
}


#backToTop a {
	text-decoration: none;
	background: url(../images/arrow_backToTop.gif) no-repeat right center;
	padding-right: 15px;
	margin:0;
	color: #6847AD;
}

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






/*
----------------------------------------------------------------------
tests
---------------------------------------------------------------------- 
*/



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

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




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

fieldset  {
	}


legend  {
	color: #FFFFFF;
	background-color: #E4dafb;
	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: #E4DAFB;
border: 0px solid #bbb;
}

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

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

#input-valid-firstName,
#input-valid-lastName,
#input-valid-subject,
#input-valid-email,
#input-valid-message {
	width: 300px;
	background-color: #FFFFFF;
	color: #000000;
	margin: 0;
	padding: 2px;
	border: 1px solid #D0DAF4;
	}
	
#input-valid-message {
	width: 350px;
	}
	
#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: 2px solid #6847AD;
width: 150px;
padding: 10px;
margin: 0 0 10px 20px;
background: #DEE8FC;
}

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

























.rightPanel {
float: right;
width: 120px;
color: #993;
margin-left: 25px;
padding-left: 25px;
font-size: 11px;
background: url() 0 0 repeat-y;
}

.rightPanel a{
font-size: 11px;
}

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
















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





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

/*menu flyout*/

div#mainMenu  {
	float: left;
	margin: 0;
	padding: 0;
	font-size:.8em;
	margin: 0px 0px 20px 0px;
	display:inline;
	position: relative;
	}


#mainMenu ul {
	float: left;
	padding: 0;
	width: 260px;
	margin: 0;
	list-style-type: none;
	}

#mainMenu li {
	float : left;
	margin:0;
	padding: 0;
	z-index: 98;
	width: 260px;
	background: transparent url(../images/bg_nav.gif) repeat-x top left;
	text-transform: ;
	border-bottom:1px solid #DDD;
	}
	
* html #mainMenu li {
	width: 250px;/*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: #6847AD;
	font-weight : normal;
	text-decoration : none;
	padding : 4px 0px 4px 10px;
	margin: 0;
	white-space: normal;
	line-height: 1.2em;
	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*/
}

/* Expanding submenu */

#mainMenu ul ul { 
	display:none;
	}
	
#mainMenu ul ul li { /* submenu individual list items */
	float : left; 
	margin:0;
	padding: 3px 5px 3px 20px;
	text-transform: none;
	}
	
#mainMenu ul ul li a {
	white-space: normal;
	margin:0;
	padding: 0;
	
	}
	
	
#mainMenu li a:hover,
#mainMenu li.current ul.submenu li a:hover {
	text-decoration: none;
	}
	
#mainMenu li:hover  {
	border-bottom: 1px solid #6847AD;
	}

	


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

/*to show treatment on the primary nav item*/
#mainMenu li.current a,
#mainMenu li.current a:hover,
#mainMenu li.current a:visited,
#mainMenu li.current a:focus,
#mainMenu li.current a:active
{
	color : #6847AD;
	font-weight: bold;
	text-decoration: none;
	background: transparent url(../images/_bullet_mainNav.gif) no-repeat 18px center;
	}
	
	
#mainMenu li.current {
	border-bottom: 1px solid #DDDDDD;
	background: transparent url(../images/bg_nav_current.gif) repeat-x top left;
	}
	
* html #mainMenu li.current {
	/*width: auto;subtract the border and padding*/
	border-bottom: 1px solid #DDDDDD;
	}
	
#mainMenu li.current li {
	border-bottom: none;
	width: 235px;
	background: #E5EAF9 url(../images/bg_nav_current_sub.gif) repeat-x top left;/*deeper nav item over two lines */
	}
	
/*to retain normal state of colours in submenus*/
#mainMenu li.current ul.submenu li a,
#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 : #6847AD;
	font-weight: normal;
	border-left: none;
	background: none;
	padding-left:0;
	border-bottom: none;
	}
	
/*to allow the current submenus item to differ*/
#mainMenu li.current ul.submenu li.current a,
#mainMenu li.current ul.submenu li.current a:hover,
#mainMenu li.current ul.submenu li.current a:visited,
#mainMenu li.current ul.submenu li.current a:focus,
#mainMenu li.current ul.submenu li.current a:active
{
	font-weight: bold;
	}
	
/*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 : #000000;
	font-weight: normal;
	text-decoration:underline;
	}

/* The expanded submenu */
#mainMenu li.current ul
{
	display:block;
	height: auto;
	}
	
#mainMenu li.current ul.submenu li a {/*ensures that the subnav items do not gain the you-are-here hover colours*/
	padding : 0;
	}



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

#breadcrumbs {
float: left;
font-size: .8em;
margin: 10px 0 10px 0;
padding: 0;
width: 100%;
clear: both; 
position: relative;
height: 20px;
line-height: 1;
z-index: 100;
border-bottom: 1px solid #DDD;
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 {
text-decoration: none;
}

#breadcrumbs a:visited {
}

#breadcrumbs a:hover {
text-decoration: underline;

}

#breadcrumbs a:active {

}


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

#searchContainer {
position: absolute;
top: 10px;
left: 100%;
z-index: 100;
width: 250px;
margin-left: -250px;
text-align: right;
}

#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: #E4dafb;
border-top: 4px solid #6847AD;
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; width:100px;}

#searchSubmitButton {
border:none;
background: #D0DAF4;
color: #6847AD;
padding: 1px 2px;
_padding: 1px 0;
margin-right: 20px;
}

* html #searchSubmitButton {
padding: 0px 2px;
}


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

#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:#993;
	}
  
#menuList .current a:hover {
	text-decoration:none;
	}








/*--------------------------------
NEWS IN BRIEF
----------------------------------*/

#newsInBrief {
float: right;
border: 1px solid #9297C3;
width: 150px;
padding: 0 10px 10px;
background: url(../images/newsInBrief.gif) no-repeat top right;
}


#newsInBrief H4{
color: #FFFFFF;
margin: .5em 0 1em 0;
}



/*--------------------------------
MISC
----------------------------------*/

img#rspca {
margin-left: 30px;
}