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

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

body {
	text-align: left;/*for editor, usually would be center*/
	background: #CE631A url(../images/bgd-strip3.gif) top center repeat-y;
	color: #41464E;
	font: 70%/1.6em "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	height: 100%;
	}

h1 {
	margin: 0 0 .35em 0;
}

h2 {
	margin: 0 0 .35em 0;
}

h3 {
	margin: 0 0 .35em 0;
}

h4 {
	margin: 0 0 1em 0;
}

h5, h6 {
	margin: 0 0 .35em 0;
}

p {
font-size: 1em;
margin-bottom: .8em;
}




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


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


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


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


ul li, ol li{
margin: 0;
}


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

a:visited {
	color: #41464E;
}

a:hover {
	color: #900;
}

a:active {
	color: #900;
}


.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 {
	text-decoration: none;
	border: 0 none;

}


h1 {
color: #900;
letter-spacing: -0.04em;
line-height: 1.2em;
font-size: 1.8em;/*made a bit smaller to suit safari*/
}

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

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

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


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

* html h3 {
font-size: 140%;
}


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

h2+p+h2 {
margin-top:0;
}

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

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

#perimeter {
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	min-height:100%;
	background: url(../images/masthead4.jpg) top center no-repeat;
	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;
	
			
/*'Tantek box model hack' adjustment for the incorrect box-model implementation in IE5.xWin*/
	width: 746px; /*parse to IE5.xWin, the physical screen-pixel-width-requirement */
	voice-family: "\"}\"";voice-family:inherit;/*to stop IE5.xWin reading the next line*/
	width: 746px; /*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: 746px; /*parse to IE5.xWin, the physical screen-pixel-width-requirement */
	voice-family: "\"}\"";voice-family:inherit;/*to stop IE5.xWin reading the next line*/
	width: 746px; /*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*/
}

#upperNavigation {
	background: transparent;
	overflow: hidden;
	padding-top: 9px;
	margin-bottom: 5px;
	height: 30px;
	
			
/*'Tantek box model hack' adjustment for the incorrect box-model implementation in IE5.xWin*/
	width: 746px; /*parse to IE5.xWin, the physical screen-pixel-width-requirement */
	voice-family: "\"}\"";voice-family:inherit;/*to stop IE5.xWin reading the next line*/
	width: 746px; /*parse to standards-compliant browsers: physical screen-pixel-width-requirement minus the sum of any left and right borders and padding*/
}




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

#mastheadLead img{
margin:0;
}


#mastheadTail {
	display: none;
}















/*this was different*/
#identity {

}



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



#mainContent{
	float:left;
	margin: 0 20px 0 0;
	padding: 0px 20px 10px 20px;
	display: inline; 
	z-index: 90;
	/*background: transparent url(../images/leftMarginRule.gif) 250px 0px repeat-y;*/


			
/*'Tantek box model hack' adjustment for the incorrect box-model implementation in IE5.xWin*/
	width: 700px; /*parse to IE5.xWin, the physical screen-pixel-width-requirement */
	voice-family: "\"}\"";voice-family:inherit;/*to stop IE5.xWin reading the next line*/
	width: 700px; /*parse to standards-compliant browsers: physical screen-pixel-width-requirement minus the sum of any left and right borders and padding*/
}






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

#pageFoot a {
}

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

















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





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

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









#footer li {
	display: inline;
}

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

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

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


#lowerNavigation li {
	display: inline;
}

#lowerNavigation a {
	font-size: 11px;
	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;
}







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

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


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



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

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

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

.invisible {
	display:none;
}



#search, #breadcrumbs {
	display: none;
}


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

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


/*be aware, the nav is in the left content */

#leftContent p, 
#leftContent li, 
#leftContent a,
#rightContent p, 
#rightContent li, 
#rightContent a {
	font-size: 10px;/*the nav*/
	line-height: 15px;
}


#upperNavigation {
	text-align: right;
	font-size: 10px;
	color: white;
}

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






/*
----------------------------------------------------------------------
generated content
---------------------------------------------------------------------- 
*/





/*
----------------------------------------------------------------------
hovers
---------------------------------------------------------------------- 
*/


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

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



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

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


/* wireframe */


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

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



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

fieldset  {
	}


legend  {
	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;
padding:10px;
background: #eeeeee;
/*border: 1px solid #ddd;*/
clear: both;
}

fieldset#contactFormFieldset #yourDetails {
margin: 0px 0 20px 5px;
padding-top: 10px;
}


fieldset#contactFormFieldset #fileLimit,
fieldset#contactFormFieldset #bePatient
{
margin: 10px 0 20px 5px;
}

fieldset#contactFormFieldset #attachFiles
{
margin: 40px 0 20px 5px;
}

fieldset#contactFormFieldset #coverLetter,
fieldset#contactFormFieldset #cvResume,
fieldset#contactFormFieldset #portfolio
{
margin: 10px 0 10px 5px;
}

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

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


#input-valid-firstName,
#input-valid-lastName,
#input-valid-subject,
#input-valid-email,
#input-valid-message,
#input-valid-phoneNumber,
#input-valid-file1
{
	width: 300px;
	border: 1px solid #564B73;
	background-color: #FFFFFF;
	color: #000000;
	margin: 0;
	padding: 2px;
	}
	
	#input-valid-message
{
	width: 650px;
	}
	
	
#input-valid-firstName p,
#input-valid-lastName p,
#input-valid-subject p,
#input-valid-email p,
#input-valid-message p,
#input-valid-phoneNumber,
#input-valid-file1,
#input-valid-file2,
#input-valid-file3
{
	color: #000000;
	}
	
#valid-jobseekerfile1,
#valid-jobseekerfile2,
#valid-jobseekerfile3
{
	margin-left: 5px;
	}
	
	#valid-jobseekerfile1 label,
#valid-jobseekerfile2 label,
#valid-jobseekerfile3 label
{
	display:block;
position: relative;
top:-5px;
font-size: 1em;
font-weight: normal;
	}
	


fieldset#contactFormFieldset p.alert {
color: red;
background: url(../images/alert_bright.gif) 0px center no-repeat;
padding-left: 20px;
margin-top: 5px;
}






















#rightColumn {
width: 340px;
float: right;
margin-left: 30px;
padding-left: 20px;
margin-right: 90px;
background: transparent url(../images/leftMarginRule.gif) 0px 0px repeat-y;
}

* html #rightColumn {
margin-right: 40px;
overflow: visible;
}


#maincontent {
overflow: visible;
}






















span.extraSpaceBelow img {
margin-bottom: 2em;
}






















#identity img#logo {
position: relative;
}




#feature {
position: absolute;
top: 60px;
height: 30px;
margin-left: 180px;
border: 1px dotted green;
display: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(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;
	}













/* from the legacy css system, integrate as soon as convenient */










h1, h3 {
color: #005883;
}

h2 {
color: #CC6600;
}



#masthead {
position: relative;
	border: none;
	background:none;
height: 160px;
overflow: hidden;
}

#masthead img {
	display:none;
}







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


#backToTop {
	float: right;
	position: relative;
	bottom:-50px;
	z-index: 90;
	height: 20px;
}


#backToTop a {
	padding: 5px;
	text-decoration: none;
	color: white;
	background-color: #CE631A;
	border: 1px solid #333333;

}


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










/*
------------------------------------------------------------------------
PRIMARY NAVIGATION - HORIZONTAL MENU WITH POPDOWNS
------------------------------------------------------------------------
*/

/*POSITIONING CONTAINER */

#primaryNavigation {
background: transparent;
	position: absolute;
	left:20px;
	top: 174px;
}


/* Level 1 - Section navigation*/

#mainMenu { 
	font-family: Meta, "Lucida Grande", "Trebuchet MS", Verdana;
	margin: 0;
	padding: 0;
	z-index: 99;
	margin-top: 0px;
}


#mainMenu ul  { /*the overall ul container */
	padding: 0;
	margin: 0;
	list-style: none;
}

#mainMenu li { /* all list items */
	float:left;
	position: relative;
	padding: 0;
	margin: 0;
	background: transparent url("../images/left_tab.gif") no-repeat left top;
}

#mainMenu a {
	display: block;
	padding: 5px 15px 3px 15px;
	background: transparent url("../images/right_tab.gif") no-repeat right top;
	color:black;
	text-decoration:none;
	white-space: normal;
	margin:0;
	font-size: 1em;
}

#mainMenu a:hover/* all menu anchors, used to also include #mainMenu li.current ul li a:hover*/ { 
	text-decoration: underline;
	background-color: silver;
}

/* Fix IE. Hide from IE Mac \*/
* html #mainMenu ul li { float: left; height: 1%; }
/* End */






/* Level 2 - Sub section navigation*/

#mainMenu ul ul {
  	position: absolute;
	background-color:  transparent;
	width: auto;/*this applies the variable width. Make 1% to satisfy IE*/
	left: -999em;
	padding:0;
	margin:0;
	padding-right: 0px;/*for all except IE. Not an IE bug, IE seems to be behaving as expected here...removed as it did seem to be affecting things in Mac FF*/
	z-index:100;
	border: 1px solid #ccc;
	border-top: none;
}


* html #mainMenu ul ul {/*fixes nonIE bug, see above rule*/
	padding-right: 0px ;
}

#mainMenu ul ul li {
	width: 14.5em;/*use for all except IE*/
	border-top: none;
	padding:0;
	margin:0;
	background-color: #ddd;
	background-image: none;
	border-bottom: none;
	position:relative;
	float: none; /*so the dropdowns stack vertically */
}

* html #mainMenu ul ul li
 { /* subnav individual list items */
	width: 1em;/*keep ridiculously short, IE will fill it out*/
}

#mainMenu ul ul a {
	background-image: none;/*takes the bgd image off second-level menu*/
	padding-left: 15px;
	padding-bottom: 7px;
	}


* html #mainMenu ul ul a {  /*	only applies to anchors within list items of fixed widths */
	width:100%;/* for IE5.x/Win, needs a width to be full-width-clickable, and will extend to the size of the parent li. Since the top level menus are not fixed widths does not apply to them, so this rule is nested deeper.*/
	padding: 7px 4px 7px 15px;/*space around the anchor words themselves*/
}

/*main setting for IE6, affects both levels of list items*/


/* star filter combined with slash filter, targets IE 6 only */
* html #mainMenu ul ul a {  /* only applies to anchors within list items of fixed widths, and is designed to help position the flyouts by reducing the anchor width in IE6*/
	w\idth: 10.4em;
}

#mainMenu ul ul a:hover { /* all submenu anchors*/
	background-color: #ccc;
	color: black;
	text-decoration: none;
	display: block;
}




/*
----------------------------------------------------------------------
Popdown hover visibility, including Suckerfish scripting
---------------------------------------------------------------------- 
*/


#mainMenu li:hover ul ul, 
#mainMenu li:hover ul ul ul {/*hide all submenus until required (upon rollover)*/
	left: -999em; /* using left positioning to hide menus instead of display attribute, because display:none isn't read by screen readers */
}

#mainMenu li:hover ul,
#mainMenu li li:hover ul,
#mainMenu li li li:hover ul { /* targets submenus nested under hovered list items, ie. ALL lists from top level down */
	left: 0px;/*keeps the dropdown shape aligned with the left edges from whence they came. Couples with the position:relative of list parents*/
}
	
	
#mainMenu li:hover, #mainMenu li.sfhover  {
	background-color: silver/*transparent*/;
	}

#mainMenu li:hover ul ul, #mainMenu li:hover ul ul ul, #mainMenu li.sfhover ul ul, #mainMenu li.sfhover ul ul ul {
	left: -999em;
	}
	
#mainMenu li:hover ul, #mainMenu li li:hover ul, #mainMenu li li li:hover ul, #mainMenu li.sfhover ul, #mainMenu li li.sfhover ul, #mainMenu li li li.sfhover ul { /* lists nested under hovered list items */
	left: 0px;/*keeps the dropdown shape aligned with the left edges from whence they came. Couples with the position:relative of list parents*/
	}



/*
----------------------------------------------------------------------
Navigation 'you are here' highlighting effect
---------------------------------------------------------------------- 
*/

/* Level 1 - Section navigation*/

#mainMenu li.current {
	background: #005883;
	}
	
#mainMenu li.current a:link,
#mainMenu li.current a:visited
{
	color : #fff;
	text-decoration: none;
  	background: transparent url("../images/right_tab.gif") no-repeat 100% -150px;
	}
	
	
#mainMenu li.current a:hover{
		background-color: ;
	}	
	

	
	
/* Level 2 - Sub section navigation*/

	
#mainMenu li.current li {
	width: 13.8em;/* only works for non IE browsers, a little bit wider to accomodate for the bold font of the current parent text */
	border-top: none;
	padding:0;
	margin:0;
	background-color: #ddd;
	background-image: none;
	border-bottom: none;
}


* html #mainMenu li.current li {/*IE hack*/
	width: 1em;/*keep ridiculously short, IE will fill it out*/
}


#mainMenu li.current li a:link,
#mainMenu li.current li a:visited
{
	color : black;
	text-decoration: none;
  	background-image: none;
  	font-weight: normal;
	}
	

#mainMenu li.current li a:hover,
#mainMenu li.current li a:focus,
#mainMenu li.current li a:active {
	color: black;
	text-decoration: none;
	background: #ccc;
	}




/*
----------------------------------------------------------------------
Paragraphs
---------------------------------------------------------------------- 
*/




p.Paragraph-Alert {
border-top: 3px solid #ff9900;
border-bottom: 3px solid #ff9900;
padding: 20px;
color: #000;
background: #EFEAFF;
margin: 20px 0 20px 0;
text-align: justify;
font-weight: bold;
}

p.Paragraph-Alert a:link,
p.Paragraph-Alert a:visited{
color: #000;
font-weight: bold;
}

p.Paragraph-Alert a:hover,
p.Paragraph-Alert a:active{
color: red;
font-weight: bold;
}

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

p.PullQuoteLeft {
float: left;
clear: left;
border-right: 1px dotted #005883;
width: 130px;
padding: 10px;
background: #fff;
margin: 5px 20px 10px 0;
text-align: right;
font: italic 1.2em/1.6em georgia, times;
color: black;
}

p.PullQuoteRight {
float: right;
clear: right;
width: 130px;
padding: 10px;
background:#CC6600;
color: #FFF;
margin-left: -20px;
text-align: left;
font: normal 1.2em/1.6em georgia, times;
position: relative;
left: 60px;
}

p.PullQuoteRight a:link,
p.PullQuoteRight a:visited{
color: #ff9900;
font-weight: bold;
}

p.PullQuoteRight a:hover{
color: #FFF;
}

p.PullQuoteRight a:focus,
p.PullQuoteRight a:active{
color: #CCFF99;
}


p.Paragraph-BoxedOutline {
background: #F0F6FA;
border: 1px solid #005883;
padding: 20px;
margin: 20px 0;
text-align: justify;
}

p.Paragraph-BoxedSolid {
background: #005883;
border: none;
padding: 20px;
margin: 20px 0;
text-align: justify;
color: white;
font-weight: 600;
}

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

p + h2 {margin-top: 2em;}




/*
----------------------------------------------------------------------
Paragraphs
---------------------------------------------------------------------- 
*/




.galleryOuter {
position: relative;
width: 100%;
float:left;
margin-top: 10px;
}


.galleryOuter * {
	margin:0;
	padding:0;
}

.galleryOuter H1{
margin-bottom: 10px;
}

/*reversing from main css*/
#mainContent .galleryOuter img {
margin:0;
}






/*container around evrything prior to descriptions*/

.galleryInner {
position: relative;
width: 100%;
height: 300px;
/*border: 1px solid green;*/
}






/*container around the thumbs*/

.thumbnailContainer {
width: 180px;
height: 100%;
/*border-right: 1px solid red;*/
overflow: auto;
padding: 0;
margin: 0;
float:right;
text-align: center;
}







/* the actual listing */

ul#imageGalleryThumbs {
	width:auto;
	padding: 0;
	margin: 0;
}

#id-6 #imageGalleryThumbs {

}


#imageGalleryThumbs li {
	float: left;
	padding: 0;
	margin: 0 0 5px .8em;
	list-style: none;
	display: inline;
	vertical-align: middle;/*only needed for the horizontal gallery displays*/
}

#imageGalleryThumbs a {
	color: #c60;
	background-color: transparent;
	font-weight: bold;
	text-decoration: none;
	padding: 0;
	margin: 0;
}

#imageGalleryThumbs li a img {
  border: 4px solid #f2f2f2;
  margin:0;
}





/*just the image plus title */

#mediumImageAndTitle {
float:left;
width: 350px;
padding:0;
margin:0;
text-align: center;
overflow: hidden;
border: 1px solid #f2f2f2;
}


/*just the medium image */

#mediumImage {
width: 100%;
height: 300px;
line-height: 300px;
/*background: transparent url(../images/diag.gif) 0 0;*/
}

img#placeholder {
margin: 0;
padding:0;
display:inline;
vertical-align: middle;
}


* html #placeholderCell {
position: absolute;
top: 50%;
left: 0;
width: 100%;
}

* html #placeholder {
position: relative;
top: -50%;
}

* html body#id-6 #placeholder {
top: -60%;
}




/*just the title */

#imageTitle {
background: #f7f7f7;
line-height: 1.4;
font-weight: normal;
font-size: 1.2em;
padding: 8px;
}






/*the extra info*/

ul.fullInfo {
position: absolute;
left:0;
top: 360px;
text-align: left;
display:none;
}





/*for stage 2 dev*/
.scrollBack {
position: absolute;
left: 0;
margin: 5px 10px 0 10px;
}

.scrollForth {
position: absolute;
right: 0;
margin: 5px 10px 0 10px;
}




#metadata {
margin-top: 30px;
padding-top: 20px;
/*border-top:1px solid #ddd;*/
}

.galleryInfo {
width: 110px;
border: 1px solid #ddd;
background: #f2f2f2;
float: right;
font-size: .7em;
padding: 10px;
margin-right: -20px;
}

.playSlideshow {
}







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


#localNav {
position:absolute;
top:270px;
left:20px;
list-style:none;
margin:0;
padding:0;
}

#localNav li {
margin:0;
padding:3px 0;
}

/* file upload iframe ----------------*/

iframe#file_upload_iframe {
padding-top: 20px!important;  
padding-left: 10px!important;  
margin-top: 0px!important;  
background-color: #FFFFFF!important; 
overflow-x: hidden!important; 
display: block!important;  
border: 1px solid #CCCCCC!important; 
background-image: url(http://www.design-emergency.com.au/images/form_gradient.png)!important; 
background-repeat: repeat-x!important; 
background-position: bottom left;
}