body, table {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: black;
font-size: 0.9em;
}

body {
text-align:center; /* /*Part of layout centering for <IE6 */
} 

body a {
color: #8F0000;
text-decoration: none;
}

body ul {
list-style: disc;
}

table {
margin-left:20px;
}

#wrapper {
width: 800px;
position: relative;
margin: 0 auto;
text-align: left; /*Part of layout centering. Aligns centred text back to left in <IE6 (which is why body text is centre-aligned in row 7 above). Need to use this method cos content div is positioned as absolute*/
}

#blue_strip {
height: 10px;
width: 740px;
background: url(../images/blue_square.gif) top left repeat-x;
position: absolute;
top: 41px;
left: 10px;
margin: 0;
padding: 0;
}

#blue_strip p {
margin: 0;
background: url(../images/shadow_tr.gif) top right no-repeat;
}

#header {
width: 760px;
background-color: #FFF;
border-left: solid 10px #00A0C6;
position: absolute;
top: 51px;
left: 10px;
background: url(../images/shadow_r.gif) top right repeat-y;
}

#top_tabs {
margin: 0;
display: block;
padding: 0 0;
list-style: none;
float: left;
font-size: 1.1em;
color: black;
}

#top_tabs a {
display: block;
padding: 0;
text-decoration:none;
}

#top_tabs li { 
margin-right: 0;
float: left;
}

#top_tabs span, #big_button span {
text-indent: -5000px;
}

#big_button {
height: 100px;
list-style-type: none;
position: relative;
left: 430px;
/*CHANGED*/
top: -95px;
}

#big_button li {
list-style-type: none;
float: left;
}

#big_button a {
display: block;
height: 60px;
float: left;
}

#logo {
width: 320px;
height: 77px;
background: url(../images/logo.gif) top right no-repeat;
position: relative;
top: 5px;
left:25px;
}

#logo p {
width: 96px;
height: 58px;
background: url(../images/stamp.gif) top right no-repeat;
position: relative;
/*CHANGED*/
top: 15px;
left:330px;
}

#sphider_search {
position: relative; 
/*changed from 183 for Firefox3. Other browser stylesheets changed to 183*/
left: 203px; 
top: -87px; 
}

/*for sphider*/
#results, #result_report, #powered_by, #other_pages { 
margin: 0 20px 0 20px;
/*padding: 0 20px 0 20px;*/
}

hr {
border: 0;
color: #000;
background-color: #000;
height: 1px;
width: 714px;
position: relative;
margin: 0 auto;
margin-top: -10px;
top: 103px;
}

#content {
width: 770px;
position: absolute;
left: 10px;
top: 200px;
z-index: 4;
margin-top: -30px;
background: url(../images/shadow_r.gif) top right repeat-y;
}

#content p {
padding-left: 20px;
padding-right: 20px;
}

#shadow_tr {
height: 5px;
width: 9px;
position: absolute;
top: -4px;
left: 751px;
background: url(../images/shadow_tr.gif) top right no-repeat;
}

/* main page from here */

h2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 2.0em;
color: #666666;
padding-left: 0.5em;
margin: 0 0 10px 0;
}

h3 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.2em;
font-weight: bold;
color: #8F0000;
padding-left: 0.5em;
margin: 0 0 10px 0;
}

h3 a {
color: #8F0000;
text-decoration: none;
border-bottom: 1px dotted #8F0000;
}

h4 {
font-family: Arial, Helvetica, sans-serif;
font-size: 1.0em;
color: #666666;
padding-left: 0.5em;
}

.articles  {
background: url(../images/paper_large_horizontal.gif) no-repeat left center;
line-height: 2.4em;
padding-left: 40px;
margin-left: 18px !important;
margin-left: 22px;
}

#home_left {
font-family: Arial, Helvetica, sans-serif;
width: 360px;
float: left;
padding-left: 10px;
border-left: solid 10px #00A0C6;
margin-bottom: -12px !important;
margin-bottom: -5px; /*To make footer left border connect to border of content in IE6*/
font-size: 90%;
}

#home_left p, #trans_corner_left p, #trans_corner_right p {
margin: 4px 0 0 0  !important;
margin: 4px; 0 0 -4px; /*left alignment in IE6*/
}

#home_left img {
border:0; 
vertical-align:middle;
}

#trans_corner_left {
font-family: Arial, Helvetica, sans-serif;
width: 360px;
float: left;
padding-left: 10px;
border-left: solid 10px #00A0C6;
font-size: 90%;
margin-bottom: -10px !important;
margin-bottom: -10px; /*To make footer left border connect to border of content in IE6*/
}

#trans_corner_right {
font-family: Arial, Helvetica, sans-serif;
width: 360px;
float: left; 
font-size: 90%;
margin-top: 68px !important;
margin-top: 55px;
margin-bottom: -10px !important;
margin-bottom: -3px; /*To make footer left border connect to border of content in IE6*/
} 

.trans_corner_header {
background: url(../images/megaphone_large.gif) top left no-repeat;
line-height: 2.4em;
padding-left: 40px;
margin-left: 18px !important;
margin-left: 22px;
margin-top: 25px !important;
margin-top: 12px;
}
/*
#trans_corner {
font-family: Arial, Helvetica, sans-serif;
width: 660px;
float: left;
padding-left: 10px;
border-left: solid 10px #00A0C6;
margin: 0 0 -12px 0!important;
margin: 0 -5px 0 0; /*To make footer left border connect to border of content in IE6
font-size: 90%;
}

#trans_corner {
margin-left:  0 !important;
}
*/

/*#home_left ul, #home_right ul {
font-family: Arial, Helvetica, sans-serif;
font-size: 0.9em;
color: 3F3F3F;
line-height: 1.7em;
margin: 5px 5px 5px -10px;
list-style-type: none;
}

#home_left li, #home_right li {
background: url(../images/paper_small.gif) top left no-repeat;
padding-left: 30px;
margin-left: -10px !important;
margin-left: 25px;
list-style-type: none;
}
*/

#home_right {
font-family: Arial, Helvetica, sans-serif;
width: 360px;
float: left; 
} 

#home_right h3 {
margin-top: 10px;
}

#home_right h2 { /* experiment only june 07*/
margin-top: 10px;
font-size: 150%;
}


#home_right p { 
font-size: 90%;
} 

.interviews {
background: url(../images/movie_large.gif) no-repeat left center;
line-height: 2.1em;
padding-left: 45px;
margin-left: 10px;
margin-top: 25px;
}

.interviews_small {
height: 18px;
background: url(../images/movie_small.gif) 0 50% no-repeat;
line-height: 2.0em;
padding: 5px 0 5px 30px; /*for image to appear correctly*/
margin-left: -2px;
}

.img_cont img {
float: left;
padding: 10px;
} 

.img_cont p {
float: left;
padding-top: 0 !important;
padding-top: 10px;
font-size: 85%;
width: 200px; /*Placing the width here instead of in home_right p means it only governs text on right of photos and stops it overflowing*/
} 

.img_cont_viddler object {
float: left;
padding: 10px;
} 

.img_cont_viddler p {
float: left;
padding-top: 0 !important;
padding-top: 10px;
font-size: 85%;
width: 200px; /*Placing the width here instead of in home_right p means it only governs text on right of photos and stops it overflowing*/
} 


#text_content, #top_pages {
width: 740px;
float: left;
padding-left: 10px;
border-left: solid 10px #00A0C6;
margin-bottom: -12px !important;
margin-bottom: -5px; /*To make footer left border connect to border of content in IE*/
}

#top_pages h4 {
padding-top: 0 !important;
padding-top: 10px; /*To make the header appear properly in IE*/
margin-left: 15px;
}

#text_content li { /*testing jan 2008*/
margin-left: 0px; !important;
margin-left: 20px; 
margin-right: 0px; !important;
margin-right: 20px; 
}

#text_content ul { /*altered June 2007 from li to ul*/
list-style: disc;
margin-left: 10px;
margin-right: 10px;
line-height: 1.3em;
margin-bottom: 10px !important;
}

#text_content ol {
list-style:decimal;
margin-left:20px;
}


#text_content h3, #text_content h4, #text_content h5, #text_content h6 {
color: #404040;
padding: 0 20px 0 20px;
}

#text_content h4 {
margin-top: -5px;
}

#text_content h5 {
font-size: 1.0em;
}

#text_content h6 {
font-size: 0.8em;
}

.author, .author_small {
font-size: 0.9em;
}

.author_small {
background: url(../images/paper_extra_small.gif) -2px 0% no-repeat;
line-height: 1.5em;
/*padding: 5px 0 5px 20px; for image to appear correctly*/
padding-left: 18px;
}

.trans_corner_small {
background: url(../images/megaphone_small.gif) -2px 0% no-repeat;
line-height: 1.5em;
/*padding: 5px 0 5px 20px; for image to appear correctly*/
padding-left: 22px;
}


/*.author_small {
height: 20px;
background: url(../images/paper_small.gif) 0 50% no-repeat;
line-height: 2.1em;
padding-left: 30px;
margin-left: -10px !important;
margin-left: 25px;
}*/

.by {
color: #8C8C8C;
}

#footer {
width: 100%;
clear:both;
margin-top: -1px !important;
margin-top: 0;
text-align: center;
font-size: 0.8em;
background: url(../images/shadow_b_full4.gif) 8px 100% no-repeat;
}
#footer p {
padding-top: 5px !important;
padding-top: 15px;
margin-bottom:0;
border-left: solid 10px #00A0C6;
}

.clear {
height: 0;
line-height: 0;
margin: 0;
padding: 0;
clear: both;
}

#shad {
position: relative;
top:50px !important;
top:0px;
left: 0px;
margin-top: 5px;
margin-right: 0;
height: 20px;
width:700px;
}

/* Top tabs li section for non-PNG browswers*/
#tt1 {
width: 39px;
height: 41px;
position: relative;
}
#tt1 span {
background: url(../images/top_button1.gif) no-repeat; 
position: absolute;
width: 100%;
height: 100%;
}
#tt2 {
width: 45px;
height: 61px;
position: relative;
}
#tt2 span {
background: url(../images/top_button2_home.gif) no-repeat;
position: absolute;
width: 100%;
height: 100%;
}
#tt3 {
width: 35px;
height: 41px;
position: relative;
}
#tt3 span {
background: url(../images/top_button3.gif) no-repeat; 
position: absolute;
width: 100%;
height: 100%;
}
#tt4 {
width: 48px;
height: 41px;
position: relative;
}
#tt4 span {
background: url(../images/top_button4_editorial.gif) no-repeat; 
position: absolute;
width: 100%;
height: 100%;
}
#tt5 {
width: 34px;
height: 41px;
position: relative;
}
#tt5 span {
background: url(../images/top_button5.gif) no-repeat; 
position: absolute;
width: 100%;
height: 100%;
}
#tt6 {
width: 46px;
height: 41px;
position: relative;
}
#tt6 span {
background: url(../images/top_button6_events.gif) no-repeat; 
position: absolute;
width: 100%;
height: 100%;
}
#tt7 {
width: 36px;
height: 41px;
position: relative;
}
#tt7 span {
background: url(../images/top_button7.gif) no-repeat; 
position: absolute;
width: 100%;
height: 100%;
}
#tt8 {
width: 46px;
height: 41px;
position: relative;
}
#tt8 span {
background: url(../images/top_button8_about.gif) no-repeat; 
position: absolute;
width: 100%;
height: 100%;
}
#tt9 {
width: 35px;
height: 41px;
position: relative;
}
#tt9 span {
background: url(../images/top_button9.gif) no-repeat; 
position: absolute;
width: 100%;
height: 100%;
}
#tt10 {
width: 49px;
height: 41px;
position: relative;
}
#tt10 span {
background: url(../images/top_button10_contact.gif) no-repeat; 
position: absolute;
width: 100%;
height: 100%;
}
#tt11 {
width: 36px;
height: 41px;
position: relative;
}
#tt11 span {
background: url(../images/top_button11.gif) no-repeat; 
position: absolute;
width: 100%;
height: 100%;
}
#tt12 {
width: 98px;
height: 41px;
position: relative;
}
#tt12 span {
background: url(../images/top_button12_help.gif) no-repeat;
position: absolute;
width: 100%;
height: 100%;
}
#bb1 {
width: 106px;
height: 49px;
position: relative;
}
#bb1 span {
background: url(../images/big_button1_archive.gif) no-repeat; 
position: absolute;
width: 100%;
height: 100%;
}
#bb2 {
width: 43px;
height: 49px;
position: relative;
}
#bb2 span {
background: url(../images/big_button2.gif) no-repeat; 
position: absolute;
width: 100%;
height: 100%;
}
#bb3 {
height: 49px;
width: 120px;
position: relative;
}
#bb3 span {
background: url(../images/big_button3_search.gif) no-repeat;
position: absolute;
width: 100%;
height: 100%;
}

/**/
#interview_header {
margin: 0 0 10px -20px;
}

.toc table { /*TOC header only*/
table-border:collapse;
font-size: 0.9em;
margin-right: 20px;
}

.toc th, .toc td { /*TOC header only*/
padding: 0.3em;
}

.toc td { /*TOC header only*/
border-bottom: 1px dotted #666;
}

.toc h4 { /*TOC header only*/
font-size: 1.5em;
font-weight: bold;
}

.toc h5 { /*TOC header only*/
font-size: 1.3em;
font-weight: bold;
}

.toc h4, .toc h5 { /*TOC header only*/
margin: 0 0 10px -20px;
}

.toc_top { /*TOC header only*/
border-top: 1px dotted #666;
}

.toc p { /*for interview questions only, to allow icons on right to stay in position and also to reduce margins between rows*/
margin-top: 0;
margin-bottom: 0;
}

.interviews_2 { /*interview question pages only using header_toc.inc*/
background: url(../images/movie_large.gif) top left no-repeat;
line-height: 2.1em;
margin-left: 20px;
margin-top: 25px;
font-family: Arial, Helvetica, sans-serif;
font-size: 1.0em;
color: #666666;
/* padding-left for bg image had to be done inline - dk why*/
}

.img_cont_2 {
margin-bottom: -40px !important;
margin-bottom: 0;
}

.img_cont_2 img, .img_cont_3 img { //*interview question + splash pages only using header_toc.inc*/
float: left;
padding: 0 20px 20px 0 !important;
padding: 0 20px 0 0;
margin-left: 20px;
} 

.img_cont_2 h4, .img_cont_3 h4 { /*interview question + splash pages only using header_toc.inc*/
width: 420px;
position: relative;
top: -80px !important;
top: 30px;
left: 100px !important;
left: -10px;
}

.img_cont_3 {
margin-bottom: -60px !important;
margin-bottom: 0;
}

.img_cont_3 h4 {
width: 580px;
position: relative;
left: 100px; /*added july 2008*/
top: -100px !important;
top: -80px; /*changed july 2008 from 10px*/
}

.img_cont_4, img_cont_5 {
padding: 0 20px 0 20px !important;
padding: 0 20px 0 20px;
margin-bottom: -20px;
}

.img_cont_4 h4 {
width: 580px;
position: relative;
left: 100px;
top: -80px !important;
top: -80px;
}

.img_cont_5 img {
margin-left: 20px;
}

.wmv56 { /*interview question pages only using header_toc.inc*/
height: 30px;
width: 30px;
background: url(../images/wm56_30.jpg) top left no-repeat;
margin-right:-30px;
}
.wmv256  { /*interview question pages only using header_toc.inc*/
height: 30px;
width: 30px;
background: url(../images/wm256_30.jpg) top left no-repeat;
margin-right:-30px;
}

.wmv300 { /*interview question pages only using header_toc.inc*/
height: 30px;
width: 30px;
background: url(../images/wm300_30.jpg) top left no-repeat;
margin-right:-30px;
}

.wmv500 { /*interview question pages only using header_toc.inc*/
height: 30px;
width: 30px;
background: url(../images/wm500_30.jpg) top left no-repeat;
margin-right:-30px;
}

.no_bot { /*files using header_top.inc*/
margin-bottom: 0;
}
.no_top { /*files using header_top.inc*/
margin-top: 0;
}

form { /*search.php only, using header_top.inc*/
margin-left: 20px;
}

.show { /*archive only*/ 
display: block;
}
.hide { /*archive only*/
display: none;
}

#archive_left { /*archive only*/
width: 210px;
float: left;
padding-left: 10px;
margin-top: 15px;
}

#archive_right { /*archive only*/
width: 500px;
float: left; 
margin-bottom: 30px !important;
margin-top: 15px;
} 

#archive_right h3 { /*archive only*/
margin-top: 10px;
}

#archive_right p { /*archive only*/ /*Enable text to float next to pictures in FFox*/
width: 200px;
font-size: 0.8em;
} 

#archive_left p { /*archive only*/
font-size: 0.8em;
margin-top: 0;
}

#archive_left a { /*archive only*/
font-size: 0.9em;
font-weight: bold;
margin-left: 10px;
}

#archive_right th { /*archive only*/
border-bottom: 1px dotted;
}

#archive_right table { /*archive only*/
border: 1px dotted gray;
padding-left: -20px;
}

.breadcrumb {
font-size: 0.9em;
font-weight:bold;
margin-bottom: 20px;
margin-top: -10px !important;
margin-top: 0;
}

.drop {
float: left;
font-size: 420%;
line-height: 0.8em;
}

.abstract_font {
font-size: 0.9em;
}

.quote {
font-size: 0.9em;
}

.biog_pic { /*for author photo*/
float:right;
margin: 0 0 10px 10px;
border: 1px solid #666;
padding: 2px;
}

.indent20 {
margin: 0 20px 0 20px;
}

.box_outline {
border: 1px solid gray;
margin: 0 20px 0 20px;
}

blockquote {
 font-size: 90%;
}

.blue_author { /*homepage only*/
font-weight:bold;
}

.rss_image {
border:0;
margin-top:-5px;
position:relative;
left:20px;
top:-25px;
}

.rss_text {
font-size:0.8em;
border:0;
position:relative;
left:280px;
top:-77px;
}


#rss_small { /*top left of each article*/
border:0;
position:absolute;
left:725px;
top:-8px;
}

.table_border_1 {
border-width: 0 0 1px 1px;
border-spacing: 0;
border-collapse: collapse;
}

.table_border_1 td {
border: solid 1px;
}

/*.restricted_width_table is for tables that overflow the wrapper*/
.restricted_width_table {
table-layout:fixed; /*use this and set a width for each column in the first row. This property applies these values to all cells, allowing table to load faster*/
width: 690px;
border-collapse:collapse;
}

.restricted_width_table td {
margin: -10px;
border:1px solid;
}

.restricted_width_table p {
margin-left: -10px;/*text-align:left doesn't seem to work. Only way to adjust padding is to style margin on p elements in td. Negative padding not allowed in CSS*/
}

.table_border_top_bottom { /*table with border at top and bottom only. No border in cells*/
border-top: 1px solid; 
border-bottom: 1px solid;
border-collapse:collapse;
}

.table_light_grey { /*table cells with light grey border*/
background-color: #CCCCCC;
}

.table_header_grey_with_top_bottom_border { /*table cells with top border*/
background-color: #CCCCCC;
border-top: 1px solid;
border-bottom: 1px solid;
}

.table_row_bottom_border { /*table cells with bottom border*/
border-bottom: 1px solid;
}

ol.r {list-style-type:lower-roman;} /*for lower-case Roman numerals class="lr"*/


/*.unbloat_table {
    border-collapse: collapse;
    border: 1px solid black;
	border-spacing: -20px;
  }
table.unbloat_table td{
    border: 1px solid black;
	padding: 0 5px 0 0;
	height: 10px;
	  }*/

table.unbloat_table p{
    line-height: 0.8;
	  }