@charset "utf-8";
/*change bgnd to 000 from 101010 also media padding color altered from #222 to #000*/
/*Global Settings*/
/* 
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.6.0
*/
@import url("reset-fonts.css");					/*yui global reset*/
@font-face{font-family: OldNewspaperTypes; 
				src: url('fonts/(OldNewspaperTypes.ttf') format('truetype');}
/*typography*/
/*	Reference
	62.5%  => 10px
	68.8%  => 11px
	75%    => 12px
	81.3%  => 13px
	87.5%  => 14px
	100%   => 16px
	112.5% => 18px
	125%   => 20px
=================================================
	Proportions based on typographic scale
	14, 16, 18, 21, 24, 32, 48
=================================================
*/

 body { 
	font-size: 75%;
	line-height: 1.5;
}

h1 {
  font-size: 3.4285714285714284em;
  line-height: 1.3125em;
}

h2 {
  font-size: 2.2857142857142856em;
  line-height: 1.96875em;
}

h3 {
  font-size: 1.7142857142857142em;
  line-height: 1.75em;
}

h4 {
  font-size: 1.5em;
  line-height: 2em;
}

h5 {
  font-size: 1.2857142857142858em;
  line-height: 2.3333333333333335em;
}

h6 {
  font-size: 1.1428571428571428em;
  line-height: 2.625em;
}

p {
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
    margin-bottom: 1.5em;
}


html,body  {
		margin:0px;  /*
		overflow: hidden; */ /*   fixes scroll bars on main screen but no good for small screen devices - pity */
		padding:0px;
		background-color: #000; /*background changed from #FFF to stop white appearing below body when browser zooms to small scale*/
	    
		/* color:#b8b8b8 */color:#e0e0e0
		}

body {
		/* color:#b0b0b0; */ 	
		text-align:left;
		height: auto;
		}			

/*Page Types*/			

.homepage, .standard_page  {
		width:960px;
		padding-top: 0px;
		position: relative;
		height: auto;
		margin: 0 auto;
	    /* background: url(../Images/840by900NewPortraitBackgr04.jpg) no-repeat; */
		/* background: url(../Images/scratched_slate.jpg) repeat-y;  */
		/* border:1px solid #282828;	 */ border-left:0.125em solid #444;border-right:0.125em solid #444;	border-bottom:0.125em solid #444;
		}
		
/*#recordings_page {}	*/		

/*End of Site Page Types---------------------------------------- */
/*typography --------------------------- */
html{font-family:Verdana, Geneva, sans-serif}
a:link,  a:visited 	{
		color: #f90; 
		text-decoration: none;
		/* letter-spacing: 0.015em; */
		/* font: 100% "Trebuchet MS"; */
		/* padding-top:2px; */
		}
		
a:hover	{
		color: #F0f0f0; 
		text-decoration: none;
		}

p.culturebox{	padding: 1.5em 0 !important	
		}
h3.culturebox{ margin:3.5em 0 0 0}
		
.typewriter {font-family:courier; background: url(../Images/scratched_slate.jpg) repeat-y;  }
.typewriter2 {font-family:OldNewspaperTypes;letter-spacing: 0.05em;background: url(../Images/scratched_slate.jpg) repeat-y;  }	
.expired{color:#606064 !important}

h1,h2,h3,h4 {	font-family:Georgia; color:#d0d0d0}
h2 {margin:1.96875em 0}
h1 {margin: 1.3125em 0;}
		
em, i, dfn {font-style: italic; color:#fff;letter-spacing: 0.015em;font-weight: bold;}
.date_bold {color:#ddd;font-weight: bold; padding-right: 1.0em}

#PageRight h2 {
		font-weight: bold;
		text-align: left;
		}

#PageRight p {	padding: 10px 10px}
#CentrePage p {padding: 0em 8em 0em 0.5em} 
#CentrePage_1col p {padding: 0em 8em 0em 0.5em;text-align: left} 
#CentrePage p.no_top_pad  {padding: 0em 8em 0em 0.5em}		
#Footer p {
		color:#666;
		font-size:85%;
		}

h1.note {
		display:inline-block; 	/*header (with correct padding) postscript on same line in biog2 page*/
		}
		
#Vert_navlist li  {
	/* 	font-family: "Trebuchet MS";color:#aaa; */
		}
		
.homepage #CentrePage p  {}
.homepage #CentrePage img{/* padding:60px 3px 0px 10px; */
		} 
.standard_page p  {}
.content_box h3 {
		/* padding: 0px 0px 5px 0px;  */
		}
p.photo_attrib{font-size:85%;
	padding:0;
	color:#888;}		
/*  /typography --------------------------- */
/* Header---------------------------------------- */

#header {
		/* height: 9.00em;
		width: auto; 
		margin:0 15px; */
		/* border-bottom-color: #2f2f2f;  			
		border-bottom-width: 1px;
		border-bottom-style: solid; */
		}

#header2 a img  {
		border: none;							/*stops blue border draw round image used as link*/
		/* float:left; */
		}
#header2 {
 		height: 218px;
		width: auto; 
		margin:0.75em 0 0;padding:0;
		border-top:0.125em solid #ccc;
		border-bottom:0.125em solid #ccc;
		}		

#breadcrumbs  {height: 1.7143em;width: auto;/* margin:1.7143em 0 0 0; */font-size: 87.5%;line-height:1.7143em;text-align: right;padding-right: 255px;color:#808080;}		
#breadcrumbs a:link, #breadcrumbs a:visited  {padding:0px 1px;text-decoration:none;color:#cc7a00;}
#breadcrumbs {}		

/*End of Header*/


.clearFloat { 
		clear:both;
		}

/*Content Area
---------------------------------------- */

#ContentArea {
		width: 100%;
		height: auto;
		position: relative; 
		text-align: left;
		padding:0 0 1.5em;
		overflow:hidden;
		}

/*For Home Page Layout
---------------------------------------- */

#PageLeft {
		width: 200px;  /* 230 start 198 gmean*/
		height: 100%;
		left: 0px;
		margin: 0px;
		top: 0px;
		float: left;
		}
		
#CentrePage {
		clear:none;
		margin: 0px;
		top: 0px;
		width: 540px;
		float: left;
		background-repeat: repeat; min-height:487px;
		/* border-left:1px solid #222;border-right:1px solid #222; */
		}
#CentrePage_1col {
		clear:none;
		margin: 0px;
		top: 0px;
		width: 730px;
		float: left;
		min-height:640px;
		/* border-top: 1px solid #222; */
		/* border-left: 1px solid #222; */
		/* overflow:auto;  */
		}
#PageRight {
		width: 200px;
		height: auto;
		margin: 0px;
		top: 0px;
		float: right;
 		padding-top: 9.0em;
		}
#Footer {
		height: auto;
		position: relative;
		width: auto;
		text-align: center;
		padding: 1em;
/* 		border-top-color: #2f2f2f;  				
		border-top-width: 1px;
		border-top-style: solid; */
		}

/*End of Homepage Main Content*/

/*Footer
---------------------------------------- */


#Footer p  {
/* 		padding: 5px; */
		}


/*End of Footer*/
#mediabox{
		margin:9em 0em 0em;padding:3em 0;
			
		}
#mediaspace{
		margin:0 0em;padding:0em 0 0;
		/* background: url(../Images/scratched_slate.jpg) repeat-y; */
		/* border-color: #2f2f2f;   */				/*#F90 gold*/
		border-color: #111;
		border-width: 0.125em;
		border-style: solid;		
		/* background-color:  #222222; #000; */
		}
/* #mediaspace {
		margin:0em;padding:0em 0;
		border-color: #111;
		border-width: 0.125em;
		border-style: solid;		
		} */
/*nav bars
---------------------------------------- */
									
												/* adding in the new top nav*/
.horiz_navbar {									/*need to float both bar and li elements*/
		float: right;
		list-style-type: none;					/*turn off the list symbols - they do not appear in ie if list is horizontal*/
		margin: 2px;
		padding: 0;
		font-size:85%;
		font-weight:900;
		width: 300px;
		}
		.horiz_navbar li  {
				float: right;					/*this makes the list horizontal on left or right side of container*/
				padding: 2px 10px;				/*set spacing between and above list elements note height of border is = to 2*padding + text*/
				border-right-width: thin; 		/*sets the partition line between elements*/
				border-right-color: #EC6E00;
				border-right-style: solid;
				}
		.horiz_navbar a:link, .horiz_navbar a:visited  {
				color: #EC6E00;
				text-decoration: none;
				}
		.horiz_navbar a:hover  {
				color: #efefef;
				text-decoration: none;
				border-top-style: none;
				border-right-style: none;
				border-bottom-style: double;
				border-left-style: none;
				border-top-width: thin;
				border-top-color: #EC6E00;
				}
/* Social media menu icons (small) */
ul.menu {
  border: none;
  list-style: none;
  text-align: left; /* LTR */
}
#Footer .menu{
		display:block;
		float:left;
	}
#Footer div#social-media div.content ul.menu{
		clear:both;
		margin: 0;
		padding-bottom: 1.5em;
		float: right;
	}
        .content ul li {
			list-style: none;
			margin: 2px 2px 2px 0;
			padding: 0;
			display:block;
			float:left;
       } 
			.content ul li a {
				display: block;
				float: left;
				color: #fff;
			}
#social-media div.content ul li.last {
	margin:0 3em 0 0;
}
#social-media div.content li {
	/* float:right; */
 	display:block;
	width: 40px;
	height: 30px;
}
#social-media div.content li a {
	text-indent: -99999px;
	display:block;
	width: 43px;
	height: 30px;
}

#social-media li a.menu-facebook {
	background: url("../image/icon_facebook.png") no-repeat;
}
#social-media li a.menu-twitter {
	background: url("../image/icon_twitter.png") no-repeat;
}
#social-media li a.menu-google {
	background: url("../image/icon_google.png") no-repeat;
}
#social-media li a.menu-rss {
	background: url("../image/icon_rss.png") no-repeat;
}
#social-media li a.menu-linkedin {
	background: url("../image/icon_linkedin.png") no-repeat;
}
#social-media li a.menu-youtube {margin-top:2px;
	background: url("../image/icon_youtube.png") no-repeat;
}
				
/*end of content area*/

#navcontainer  {
		padding-top: 0;
		}
		
#Vert_navlist  {
		margin: 0;
		text-transform:uppercase;
		letter-spacing: 1px;
		padding: 9.00em 1em 0;
		}
		
#Vert_navlist li  {
		list-style: none;	
		padding: 0.0em 0.5em 0.0em 0.75em;
		text-align: left;						
		}		

		#Vert_navlist li.title  {
				text-align:left;
				}

		#Vert_navlist li.last  {
				list-style: none;
				margin: 0;
				text-align: left;
				}
		
		#Vert_navlist li a  {
				display: block;
				text-decoration: none;
				}
		
		#Vert_navlist li a:link  {
				/* color: #ffc773; */
				}

		#Vert_navlist li a:visited  {
				/* color: #ffcc99; */
				}

		
		#Vert_navlist li a:hover  {
				color: #f0f0f0;
				}
 #Vert_navlist  #current {color:#aaa;text-decoration:none;}
 
/*---------------------------------------- */
ul.video_clips li{margin:3.0em 1.0em 1.5em;}
ul.event img.fltrt{margin:0 1em;float:right}
ul.event {margin:0 1.5em 1.5em;padding:0 0 0 0.5em;min-height:3em}
ul.event li {list-style:square;margin:0.0em 1.0em;padding:1.5em 0 0 0.5em}/*nb vert margins between list boxes collapse*/
html body div.standard_page div#ContentArea div#CentrePage_1col div#container div.scroll-pane div.jspContainer div.jspPane h3{margin-left:0.25em}
#CentrePage_1col img {padding: 0em 0em 1.5em 0.5em;}
 .content_box {
			position: relative;
			height: 400px;
			width: 620px;
			padding: 1em 0.5em;
			}
.content_box img{
			border: 1px solid #333; margin:0 0.5em;
			}
.cd{padding: 4em 0em 0; height:auto;
}
.testbox{
			border: none;
			opacity:0.4;
			filter:alpha(opacity=40); /* For IE8 and earlier */
			padding: 4.5em 0em 1.5em;
			/* visibility:hidden; */
		}
.testbox img  {
			border: none;
			padding: 0.5em 0.5em 0.5em 1.75em;
		}
.cd_image_strip	{border: none;
			/* opacity:0.4;
			filter:alpha(opacity=40); */ /* For IE8 and earlier */
		}	
.cd_image_strip	img{border: none;float:right;
			margin: 0 1.5em;padding-bottom:0.25em
		}			
/* 		
.standard_page #PageRight img{padding-left: 25px;	}
.homepage #PageRight img  {}
.section 	{
			} */
.fadein { position:relative; height:400px; width:500px;margin:0.75em 0px; }
.fadein img { position:absolute; left:0; top:0.125em; }/**/