/* New pwc styles */
/* Last Edited:
26/08/2010 - various changes to top nav, landing pages and the overall template - merged the rebrand and main css.  robin.
17/08/2010 - amended top nav and footer elements for the regional sites.  to be extracted out into another css soon.  robin.
06/08/2010 - amended top nav to have hover behaviour on a not li, amended font size on lp main content, centred page, added publications detail styles, amended h3 bullet style
05/08/2010 - amended RHN on tall landing page, added styles for selected state on top nav
04/08/2010 - added landing page amendments for standard and full page, added styles for links and lists in main content., adjusted padding on lhn
03/08/2010 - amended pop up menu border to 1px, amended height of main nav to 21 px,adjusted position of pop up menu 
02/08/2010 - added landing page styles & home page style. 
02/08/2010 - changed styles for h6 to h4
30/07/2010 - added styles for publication index page, amended main-nav-selected styles // amended RHN to be secondary color of tangerine pallette 
29/07/2010 - general page done and sent for sign off - KH sign off not received so new email sent 2/08/2010
*/

/* Sections */ 
/*
*** generic & general page layout***

1.  LAYOUT CONTAINERS 
2. TOP SECTION  
3. MAIN SECTION  
4. LEFT HAND SECTION  
5. CONTENT SECTION  
6. RIGHT HAND SECTION 
7. FOOTER

*** specific pages ***

8. HOME PAGE
9. PUBLICATIONS HOME PAGE
10. LANDING PAGES

/*

/* ********** COLOUR PALETTE ********** */

/*

tangerine
	solid 			#EB8C00
	25percent		#FAE2BF		
	10percent		#FDF4E5
	
orange
	solid				#DC6900
	25percent		#F6DABF
	10percent		#FBF0E5
	
red
	solid				#E0301E
	25percent		#F7CBC7
	10percent		#FCEAE9
	
rose
	solid				#DB536A
	25percent		#F6D4DA
	10percent		#FBEEF0
	
burgundy
	solid 			#A32020
	25percent		#E8C7C7
	10percent		#F6E9E9
	
maroon
	solid				#602320
	25percent		#D7C8C7
	10percent		#EFE9E9
	
grey
	solid				#968C6D
	25percent		#E5E2DB
	10percent		#F5F4F0

70percent-black
	solid				#6D6E71
	25percent		#C7C8CA
	10percent		#E7E7E8

*/

/* ********** RESET BEGINS ********** */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
}

ol {padding-left:40px;}

}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* ********** RESET ENDS ********** */

/* ********** GENERIC BEGINS ********** */

body {
	background-color:#F2F2F2;
	border:0 none;
	color:#404041;
	font-family:Arial,Helvetica,sans-serif;
	font-size:0.75em;
	margin:0;
 }

div.clear {
clear:both;
}
 
a {
text-decoration: none;
}
 

dl, dt, dd {
display: inline;
}

h1, h2, h3, h4, h5, h6 {
font-family: georgia;
font-weight: bold;
}
 
h1 {
color:  #EB8C00; /* colour change */
font-size:  185%;
font-style: italic;
margin-bottom: 0px;
}
 
h2 {
font-size:  125%;
color:#000;
padding-bottom: 6px;
}

#content-section h2 {
font-style: italic;
margin-top: 5px;
}

#content-section h3 {
background-image: url('/common/images//tangerine/bullet.gif'); /* colour change */
background-repeat: no-repeat;
background-position: 0px 10px;
padding-left: 15px;
color:#404041;
padding-bottom: 6px;
padding-top: 5px;
}
 
 #right-section h4, #right-section h4 a {
 border-color: #DC6900; /* colour change */
 }
 
hr {
color: #fff; 
background-color: #fff; 
border: 1px dotted #C7C8CA; 
border-style: none none dotted; 
}
 
p {
		font-size: 0.95em;
		margin: 0.85em 0;
		letter-spacing: 0.004em;
}
 
.borderless { 
border-top: none; 
border-left: none; 
border-right: none; 
border-bottom: none; 
} 
 
/* ********** GENERIC ENDS ********** */

/* ********** SITE WIDE ********** */
/* ********** LAYOUT CONTAINERS ********** */
/* this section contains the dimensions for the general layout */

#outer { /* altered by robin to help match up with the global css */
	/*
	margin: 0 auto;
	background-color: #FFF;
	width: 980px;
	padding: 0 10px 15px 10px;
	height: 100%;
	*/
	background:none repeat scroll 0 0 #FFFFFF;
	font-size:small;
	margin-left:auto;
	margin-right:auto;
	padding:0 10px 15px;
	position:relative;
	width:980px;
}
 
#top-section {
	padding:0 0 15px;
}

#top-left {
	float:left;
	margin-top:30px;
	width:980px;
	height:50px;
}

/* added an auto height for the new footer, incase the user ups the font size - robin */
#footer-section {
	width: 980px;
	height:auto;
	padding: 0px;
}

/* change by robin to match the global site */
#top-nav  {
	clear:left;
	display:table;
	width:100%;
	font-size:.9em !important;
}
 
#main-section {
width: 980px;
padding: 28px 0px 10px 0px;
border-bottom: 1px dotted #C7C8CA;
margin-bottom: 1px;
}
 
#content-section {
display: inline;
float: left;
border: 0;
margin: 0px 20px 0px 0px;
width: 768px;
}
 
#right-section {
display: inline;
float: left;
padding: 0;
margin: 0;
width: 192px;
}
  
/* ********** TOP SECTION BEGINS ********** */

#top-site-name {
	color:#6D6E71;
	display:inline;
	font-family:Georgia,"Times New Roman";
	font-size:1.2em;
	font-weight:bold;
	margin:0 20px;
}

#top-site-name span {
	display:inline-block;
	margin:5px 0;
}

ul#main-nav, 
ul#footer-section  {
width: 980px;
display:block;
position:absolute;
}

ul#main-nav, 
ul#footer-top-links {
font-family: georgia;
}
		
ul#main-nav li a {
margin-bottom:3px;
}		
ul#main-nav ul {
position: absolute;
/* Aaron changed */
top:100%;
/* Aaron removed*/
visibility: hidden;
/*display:none;*/
border: 0;
z-index: 1000;
background-color: #FFF;
height: 145px;
}	

ul#main-nav ul a {
display: block;
text-decoration: none;
/*font-size: 12px;*/
padding: 5px 15px 5px 5px;
}

ul#main-nav li.main-nav-item,
ul#footer-top-links li {
float: left;
margin: 0px 6px 0px 6px;
width: 112px;
background-color: #FFFFFF;
display: block;
}

/* regional nav override - added by robin */

ul#main-nav li.region-main-nav-item
{
float: left;
margin: 0px 6px 0px 6px;
width: 185px;
background-color: #FFFFFF;
display: block;
}

ul#main-nav li.region-main-nav-item a
{
	padding-top:2px;
}

ul#main-nav li a, ul#footer-top-links li a {
border-top: 4px solid #6D6E71;
}

ul#main-nav li.main-nav-last {
	margin-right:0px;
	}
ul#main-nav li.main-nav-last ul {
	right:0px;
	}	
ul#main-nav li.main-nav-first, ul#footer-top-links li.footer-first, ul#footer-top-links li.footer-right  {
margin: 0px 6px 0px 0px;
}

/* regional override for the 5th nav item added by robin */
ul#main-nav li.region-main-nav-last  {
	width:192px;
	margin-right:0px;
	}	

ul#main-nav li.region-main-nav-last ul {
	right:0px;
	}	

/* Added by Aaron, and then edit by Robin*/
ul#main-nav li.main-nav-item ul.sub-nav li {
	/* width:150px; */
	width:236px;
	}

/*remove the border from the sub-nav */
ul#main-nav ul li a, ul#main-nav ul li a:hover  {
border-top: 0;
}

ul#main-nav li a,
ul#footer-top-links li a {
display:block;
vertical-align:middle;
text-align:left;
text-decoration:none;
}

ul#main-nav li a:link, 
ul#main-nav li a:active, 
ul#main-nav li a:visited, 
ul#main-nav ul li a:link, 
ul#main-nav ul li a:active, 
ul#main-nav ul li a:visited, 
ul#footer-top-links li a:link, 
ul#footer-top-links li a:active, 
ul#footer-top-links li a:hover, 
ul#footer-top-links li a:visited  {
color: #6D6E71;
}

ul#footer-top-links li a:hover {
border-top-color:#EB8C00;
color: #EB8C00;
}

/* change the color for each main tab on rollover*/
ul#main-nav li.tangerine a.main-nav-selected, ul#main-nav .tangerine a:hover  {
border-top-color: #EB8C00;
color: #EB8C00; 
}

ul#main-nav .orange a.main-nav-selected, ul#main-nav .orange a:hover  {
border-top-color: #DC6900;
color: #DC6900; 
}

ul#main-nav li.red a.main-nav-selected,  ul#main-nav .red a:hover {
border-top-color:  #E0301E;
color: #E0301E; 
}

ul#main-nav li.rose a.main-nav-selected, ul#main-nav .rose a:hover  {
border-top-color: #DB536A;
color: #DB536A; 
}

ul#main-nav li.burgundy a.main-nav-selected, ul#main-nav .burgundy a:hover   {
border-top-color: #A32020;
color: #A32020; 
}

ul#main-nav li.maroon a.main-nav-selected, ul#main-nav .maroon a:hover   {
border-top-color: #602320;
color: #602320; 
}
/* ********** TOP SECTION ENDS ********** */	

/* ********** MAIN SECTION BEGINS ********** */	

/*** colour ***/
#content-section {
/* changed to 4px by robin for the global changes */
border-top: 4px solid #EB8C00; 
padding-top: 6px;
}
					
/* ********** CONTENT SECTION BEGINS ********** */	
		
#pic {background-image:url('images/peter_clokey.jpg'); height:112px; width:100px;
      float:left;margin:30px 10px 10px 0;}

#content-banner {
margin-bottom: 10px;
}

#content-section a:link {
color:#404041;
text-decoration:underline;
}

/*colour change */
#content-section a:hover {
color: #EB8C00;
text-decoration:underline;
}

#content-section a:visited {
color:#6d6e71;
text-decoration:underline;}

#content-section ul a:link {
color:#EB8C00; /* colour change */
text-decoration:none;
}

#content-section ul a:hover {
text-decoration:underline;
}

#content-section ul li {
list-style: outside;
list-style-type: square;
margin-left: 20px;   
}
		
/* ********** CONTENT SECTION ENDS ********** */		
/* ********** RIGHT HAND SECTION BEGINS ********** */	
		
#contact-block, #share-block, #links-block ul, #info-block, #publications-search-block {
background-color: #F5F4F0;
padding: 10px;
margin-bottom: 10px;
}

#contact-block, #publications-search-block, #share-block {
border-top: 4px solid #968C6D; 
}

#contact-block a:hover, #share-block ul a:hover, #links-block ul a:hover {
text-decoration: underline;
}

#share-block ul a, #links-block ul a {
color:  #404041;
text-decoration: none;
}

#share-block ul a:hover, #links-block ul a:hover {
color: #DC6900; /* colour change */
text-decoration: none;
}

#share-print {
background-image: url('images/print.gif');
}

#share-email {
background-image: url('images/email.gif');
}

#share-email, #share-print {
line-height: 20px;
background-repeat: no-repeat;
background-position: left;
padding-left: 30px;
margin-bottom: 5px;
}
	
/* ********** RIGHT HAND SECTION ENDS ********** */			
	
/* ********** MAIN SECTION ENDS ********** */	

/* ********** FOOTER BEGINS ********** */

/*some footer styles are taken from the main-nav styles - please refer to that section also */
#footer-top-links {
padding-bottom: 20px;
}
ul#footer-top-links li.footer-right 
{
width: 248px;
float: right;
margin-right:0px;
}

#footer-text {
font-size:0.85em;
letter-spacing:0.004em;
line-height:1.5em;
padding:5px 10px 0 0;
}

#footer-bottom-links {
	float:left;
}

#footer-bottom-links li {
font-size:0.85em;
display: block;
float: left;
margin: 0px 0px 10px 0px;
padding: 0px 6px 0px 6px;
border-left: 1px solid #6D6E71;
}

#footer-bottom-links li.footer-first {
padding: 0px 6px 0px 0px;
border-left: 0px;
} 

#footer-section a {
color: #6D6E71;
}

#footer-bottom-links a:hover {
color: #EB8C00;
}
	
/* ********** FOOTER ENDS ********** */

/* ********** GENERAL PAGE ENDS ********** */