/*   http://www.davidorchard.com/online/homepage.css   */

@import "do2style.css";

@media all { 
	.quotesource {
		font-style : italic;
		text-align : right;
		float : right;
		clear : left
	} 
}

@media all {           /* THIS MEDIA DECLARATION EXCLUDES IE4 AND NETSCAPE4 and earlier*/

/* substitute the declaration below this one  20041024-dp
	p.av { 
		font-size: 1.1em; 
		padding: 0 15px !important; 
		line-height: 1.3em;
		text-align:justify
		}
*/

	p.av { 					/* 20041024-dp */
		font-size: .9em; 
		padding: 0 px !important; 
		line-height: 1.5em;
		text-align:left
		}



	td.pad, h3.headpanel { 
		padding: 15px !important 
	}

	td.bluepad { 
		padding: 15px !important; 
		list-style-position: outside;
		color:#aaddff; 
		background: #000066; 
	}
}

body {
	color: #000000;
	background: url(/online/images/2bg-pages.gif) #ffffff;
}

body, td, th, h4 {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 12px
}

a {
	color : #0066cc
}

a.audio {
	text-decoration : none;
	font-size : 12px
}

a.audio:link, a.audio:visited {
	background : #6699CC;
	color : #CCFFFF;
	text-decoration : underline
}

a.audio:hover {
	background : #6699CC;
	color : #FFFFCC;
	text-decoration : none
}

a.do {
	background-color : #000066;
	color : #ffffcc;
	font-weight : bold;
	text-decoration : none
}

a.do-2 {
	background-color : #000033;
	color : #ffff99;
	font-weight : bold;
	text-decoration : none
}

li {
	margin-bottom : 1.5em
}

ul.tight li {
	margin-top: .4em;
	margin-bottom: .4em;
}

td.yellowbox2 a.do-3 {
	background-color : transparent;
	color : #000066 !important;
	font-weight : bold;
	text-decoration : none;
}

a.do:hover, a.do-2:hover, a.do-3:hover {
	text-decoration : underline
}

a.heading:link, a.heading:visited {
	font-weight : bold;
	font-size : 12px;
	font-family : Arial, Helvetica, sans-serif;
	text-decoration : none !important
}

a.heading:hover, a.heading:active {
	/* or cc9966 */
	background-color : transparent;
	color : #ff99ff !important
}

body {
	font-size : 13px
}

.centrealign {
	text-align : center !important;
}

h2.newsbox {
	font-size : 1.9em;
	font-style : italic;
	text-align : center;
	color : #f00;
	background : transparent;	
}

.lmargin-15, .smalltext { 
	margin-left: 15px; 
	margin-right: 15px }

p.smalltext {
	position: relative;
	margin-top: -15px !important;
	font-weight: normal;
	font-size: 1em;
	line-height: 1.2em;
}

td h4.newsbox {
/*	margin-left : 15px;
	margin-right : 15px; 
*/	font-weight : bold;
	line-height : 1.3em;
	text-align : left;
	margin: 15px !important
}

div.lead-1 {
	color: #000066;
	background: #ffffff;
	border: solid 5px #99CCFF;
	border-left-color: #336699 !important;
	border-top-color: #336699 !important;
}

div.lead-1 p { 
	margin: 15px;
	font-size: 12px;
}

h3.green {
	background-color : #ccffcc;
	color : #000099
}

td h4.headpanel {			/* This code hack causes full text justification in all 5+ browsers EXCEPT IE5 */
    voice-family:"\"}\"";
    voice-family:inherit;
    text-align : justify;
}

td h4.headpanel {
	background-color : #000066;
	color : #aaddff !important;
	line-height : 130%;
	padding-left : 15px;
	padding-right : 15px;
}

td h4.headpanel-2 {
	background-color : #000033;
	color : #fff !important;
	text-align : left;
	line-height : 130%;
}

p {
	font-size : 11px;
}

p.footer {
	color : #003399;
	background : transparent;
	font-weight : bold;
	font-style : italic;
}

table.newsbox { 
	text-align : left
}

table.newsbox p.centre {
	text-align : center
}

table.centre {
	margin-left : auto !important;
	margin-right : auto !important;
}

td.audiovisual {
	background : url(/online/images/audio_table_bg.jpg) #336699 50% 50% no-repeat !important;
	color : #ffffff !important;
/*	border-top : 6px solid #6699cc;
	border-right : 5px solid #99ccff;
	border-bottom : 5px solid #99ccff;
	border-left : 6px solid #6699cc;*/
	padding : 20px;
}

table.yellowbox, div.yellowbox {
	background-color : #ffc;
	color : #c03;
	text-align: center;
	width: 400px;
	margin-left: auto;
	margin-right: auto;
	border : 1px double #99c
}

table.bluebox {
	background-color : #006;
	color : #cfc;
	text-align : center;
	width : 400px;
	margin-left : auto;
	margin-right : auto;
	border : 2px inset #9CC;
	padding : 3px
}

table.bluebox td {
	padding : 5px !important;
}

table.bluebox td h5 {
	margin-bottom : 0;
	font-size : .9em;
}

table.yellowbox td.yellowbox2 {
	text-align: center;
	padding : 15px 15px 0 15px;
	font-size : 1.8em;
}

table.yellowbox td.yellowbox2 h3 {
	background-color : transparent;
	color: c03;
}

td.audiovisual a {
	color : #ffff99 !important;
	font-weight : bold;
}

td.audiovisual h2 {
	font-family : Garamond, 'Times New Roman', Times, serif;
	font-size : 2em;
	text-align : center
}

td.quotebox {
	background-color : #cce5ff;
	color : #336699;
	font-weight : bold;
	border-top : 6px solid #003399;
	border-right : 5px solid #336699;
	border-bottom : 5px solid #336699;
	border-left : 6px solid #003399
}

.author {
	font-size : 11px;
	font-weight : bold
}

.blue {
	background-color : #ffffff;
	color : #003399
}

.green {
	background-color : #ffffff;
	color : #009900
}

.greentitle {
	background-color : transparent;
	color : #090;
	font-weight : bold;
	text-align : center;
}

div.lead-1 p.indent { 
	position: relative; 
	width : 90%; 
	margin-top : -1em !important;
	margin-left : 40px !important; 
	text-align : left 
}

.events {
/*	text-align: center; */
	font-size: .9em;
	font-style: italic;
	line-height: 3.5em;
	margin: 0 15px 15px;
}	

.events a:link, .events a:visited  {
	background-color: #ffd;	
	color: #c03;
	padding: 4px 5px;
	border: 2px solid;
	border-top-color: #d9d99b;
	border-left-color: #d9d99b;
	border-bottom-color: #885;
	border-right-color: #885;
	text-decoration: none;
	white-space: nowrap;
}

.events a:hover {
	background-color: #57b;
	color: #FFFF99;
	border-top-color: #258;
	border-left-color: #258;
	border-bottom-color: #69c;
	border-right-color: #69c;
	white-space: nowrap;
}

.linespacing-med {
	line-height : 190%;
	text-align : left
}

.linespacing-normal {
	line-height : 130%
}

.linespacing-small {
	line-height : 125%
}

.links {
	background-color : #000066;
	color : #99ccff;
	font-size : 13px;
	margin-left : 15px;
}

.news {
	clear : both;
	line-height : 110%;
	font-size : .9em;
	font-family : Georgia,"Times New Roman","New York", Times, serif
}

.nobold {
	font-weight : normal
}

.noitalics {
	font-style : normal
}

.quotesource {
	font-style : italic;
	text-align : right;
	font-weight : normal
}

.redbox a:link, .redbox a:visited {
	background-color: #FFFF99;
	color: #FF0033 !important;
	padding: 1px;
	border:1px solid;
	border-top-color: #e9e9ab;
	border-left-color: #e9e9ab;
	border-bottom-color: #996;
	border-right-color: #996;
	text-decoration:none;
}

.yellowboxx {						/* same as redbox but without links 20040910-dp */
	background-color: #FFFF99;
	color: #FF0033 !important;
	padding: 1px;
	border:1px solid;
	border-top-color: #e9e9ab;
	border-left-color: #e9e9ab;
	border-bottom-color: #996;
	border-right-color: #996;
	text-decoration:none;
}

.redbox a:hover {
	background-color: #CC0033;
	color: #FFFF99 !important;
	border-top-color: #300;
	border-left-color: #300;
	border-bottom-color: #fad;
	border-right-color: #fad;
}

.reddate {
	background-color : #FFFFFF;
	color : #CC3333;
	font-weight : bold
}

.redtitle {
	background-color : transparent;
	color : #c33;
	font-weight : bold;
	text-align : center
}

.source {
	font-size : 1em;
	font-style : italic;
	line-height : 12px;
}

table.width550 {
	margin-right:12px
}

.title {
	background-color : #ffffff;
/*	color : #cc0000;	*/  	/*	20041216-dp as per RM */
	color : #990000;			/*	20041216-dp as per RM */
/*	font-size : 15px;	*/		/*	20041216-dp as per RM */
	font-size : 12px;			/*	20041216-dp as per RM */
	font-weight : bold;
	padding-bottom: 4px;
}

a.title {						/*	20041216-dp as per RM */
	color : #990000;
	text-decoration : none;
}

a.title:hover {				/*	20041216-dp as per RM */
	text-decoration : underline
}

.underline {
	text-decoration : underline
}

.venue {
	background-color : #ffffff;
	color : #000099;
	font-size : 16px;
	font-weight : bold;
	font-style : italic;
	font-family : Arial, Helvetica, sans-serif
}

.whitebox {
	background-color: #ffffff; 
	color: #000033;
	padding:10px; 
	border:solid 1px #ccc;
	line-height:1.6em /* increase from 1.3 to 1.6 Doug 20040706 */
}



@media all {          /* THIS MEDIA DECLARATION EXCLUDES IE4 AND NETSCAPE4 and earlier */
	table.widthEN {  
	width:540  /* THIS LINE SETS THE INITIAL WIDTH OF THE AFFECTED TABLES */
	w\idth:100%;  /* THIS LINE RESETS THE WIDTH TO 100% OF THE FRAME EXCEPT IN IE5 - (IT AVOIDS AN IE5 BUG) */
	max-width:700px;
	}
	
	table.widthFR { /* FRENCH HOME PAGE VERSION OF THE ABOVE (BECAUSE THE FRENCH RIGHT FRAME IS 26 PX WIDER) */
	width:512px;
	w\idth:100%;
	max-width:700px;
	}
}

/* Doug's play pen */