body {
    color: #000;
    background-color: #eff0e0;
    margin: 0px;
    padding: 0px;
}

form {
    margin:0px;
    padding:0px;
}

/* MAIN LINK STYLES */
/* ===================================================== */
              
a  {
   font-family: Arial, Helvetica, sans-serif;
   text-decoration: none;
 /*  font-weight: bold; */
}



a:link, a:visited {
   color: #553; 
}

a:hover, a:active{
   color: #006;
}
a:visited:hover{
   color: #505;
}

small  { 
font-size: 90%; 
}
small small, 
small small small, 
small small small small { 
font-size: 100%; 
}

/* FOUNDATION STYLES */
/* ===================================================== */
th, td, ul, ol, dl, dt, dd, p, div, blockquote,  h4 {
    color: #000000;
    font-family: "Times New Roman", Times, serif;
}

h1, h2, h3 {
    color: #595730;
    font-family: Arial, Helvetica, sans-serif;
}


pre, code {
    font-family: "courier new", monospace;
}

b, strong {
    font-weight: bold;
/*    color: #595730; */
    color: #8e2a10;
}

i, em {
    font-style: italic;
}

ul {
    margin-left: 18px;
    padding-left: 16px
}

ol {
    margin-left: 26px;
    padding-left: 16px
}

img {
    padding: 0;
    margin: 0;
}

h1 {
    font-size: 145%;
    font-weight:bold;
    margin: 6px 0px 0px 0px;
}

h2 {
    font-size: 135%;
    font-weight:bold;
    margin-bottom: 0px
}

h3 {
    font-size: 120%;
    font-weight:bold;
    margin-bottom: 0px
}

h4 {
    font-size: 100%;
}

hr 
{ 
  border: 0;
  height: 2px;
  width: 80%;
  color: #b3b59d;
  background-color: #b3b59d;
}



/* SMALL TEXT-SIZES */
/* For more information about this hack go here:
http://www.phespirit.info/cafe/css_hacks.htm  */          
/* ===================================================== */

p, td, ul, ol, dl, dt, dd, div, blockquote, pre, 
{
    font-size : normal;
}

/*/*/a{}

body p, body th, body td, body ul, body ol, body dl, body dt, 
body dd, body div,  body blockquote, body pre 
{
    font-size : small;
}

html>head:first-child+body p, html>head:first-child+body th, html>head:first-child+body td, 
html>head:first-child+body ul, html>head:first-child+body ol, html>head:first-child+body dl, 
html>head:first-child+body dt, html>head:first-child+body dd, html>head:first-child+body div,  
html>head:first-child+body blockquote, html>head:first-child+body pre
{
    font-size : normal;
}

/* */
/* end of text-size trickery */


/* top links:
 - slightly different colour from normal links.
 - link text weight reduced from default bold.
 - fixed font size.
*/

p.top-links {
    font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #646543;
    font-weight: 100;
    margin: 2px;
}

p.top-links a, p.top-links a:link, p.top-links a:visited, p.top-links a:hover,
p.top-links a:active 
{
    color: #646543;
    font-weight: 100;
    text-decoration: none;
}

div.very-top-ad
{ float: right; 
  padding: 0;
  margin: 0;
}

/* main table structure:
  __________
  |.topad  |
  |--------|
  |.columns|
  ----------
 */

table.utter-top-table 
{
  width:790px; 
}

td.topad, td.very-top {
  border-left: solid 1px #b3b59d;
  border-right: solid 1px #b3b59d;
  background: white;
/*  border-top: solid 1px #b3b59d; */
}


td.columns {
    background-color: #ffffff;
    border-top: solid 1px #b3b59d;
    border-left: solid 1px #b3b59d;
    border-right: solid 1px #b3b59d;
}

body.scoop td.columns { 
  background-color: #fff;
}

body.scoop td.topad, body.scoop td.very-top {
  border-left: solid 1px #b3b59d;
  border-right: solid 1px #b3b59d;
  background-color: #fff;
/*  border-top: solid 1px #b3b59d; */
}



#bottom-ad { 
  text-align: center; 
  padding: 5px 0px;
  border-top: none;
}

/*generic form input style:
 solid dark grey borders, with a spot of padding.

*/
input[type=text], 
input[type=password], 
textarea
{ 
  border: solid 1px #666;
  padding: 2px;
  font-family: Arial, Helvetica, sans-serif;
}

form.signin input
{
margin: 1px;
}

/*login at top:
 same colour as top links, light weight.
*/

div.login, table.login td, table.login th
{
  font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #646543;
  font-weight: 100;
  padding: 1px;                                         
}

#username, #password {
    border:solid 1px #666;
    font-size: 10px;
    padding: 2px;
    height: 13px;
    width: 100px;
}

/* common styles between navigation bar and navigation column */

table td.search, table.navcol td.search 
{
  height: 33px;
  background: #d2c857;
  font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #646635;
  font-weight: 100;
  padding-left: 1px;                                 
  text-align: center;
  width: 159px;
  border-left: solid 1px #b3b59d;
}

td.search input{
  vertical-align: middle;
}

/*search form input */

input.words, #words, input#q 
{
  border: solid 1px #666;
  padding: 2px;
  height: 15px;
  margin: 0px;
  font-weight: bold;
  background: white url(/images/google.gif) no-repeat;
}

td.navbar a:link, td.navbar-left a:link, table.navcol td a:link,
td.navbar a:visited, td.navbar-left a:visited, table.navcol td a:visited {
    font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #8e3a20;
    font-weight: bold; 
}

td.navbar a:hover, td.navbar-left a:hover, table.navcol td a:hover 
{ 
  color: #502;
}


/*navigation bar:
 border between elements using same colour as 
 side borders.
    
*/

table.navbar {
    border-bottom: solid 1px #b3b59d;
    height: 33px;
}


table.crumbsbar {
    width: 790px;
    height: 33px;
}

table.navbar input.words,
table.crumbsbar input.words
{
  width: 85px;
}

td.navbar {
    font-size: 12px;
    color: #646635; 
    font-weight: 100;
    padding: 0px 2px;
    height: 33px;
    background: #ece9c0;
    border-left: solid 1px #b3b59d;
    text-align: center;
}

/*next two for the "wires" sign */

td.navbar-left
{ 
  font-size: 12px;
  color: #646635;
  font-weight: 100;
  padding: 0px 2px 0px 2px;
  height: 33px;
  text-align: center;
  background: #ece9c0;
  border: none; 
}

td.navbar-title
{
  padding: 0px 7px 0px 2px;
  height: 33px;
  color: #646635;
/*  border-left: solid 1px #b3b59d; */
  text-align: center;
  background: #e3da92  url(/images/navbar-arrow-tip-inverse.gif) no-repeat center right; 
  font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: 100;
}


/* navigation column -
like navbar but a column

*/

.navcol #words, .navcol #q, navcol input.words {
    width:85px;
}
    
table.navcol td 
{
  font-size: 12px;
  color: #646635;
  text-align: left;
  /*font-weight: 100; */ 
  vertical-align: center;
  padding: 0px 5px;
  height: 22px;
  width: 159px;
  background: #ece9c0;                  
  border-right: solid 1px #b3b59d;
  border-bottom: solid 1px #b3b59d;
}

table.navcol td.with_links {
  font-size: 12px;
  color: #646635;
  text-align: left;
  /*font-weight: 100; */ 
  vertical-align: center;
  padding: 0px 5px;
  height: 22px;
  width: 159px;
  background: #ece9c0;                  
  /*border-right: 0px;
  border-bottom: 0px; */
  border-right: solid 1px #b3b59d;
  border-bottom: solid 1px #b3b59d;
}

table.navcol { 
width: 160px;
 }

td.navcol-head { 
  background:  #e6de9e url(/images/navcol-arrow-tip-inverse.gif) repeat-x bottom;
  color: #646635;
  border-right: solid 1px #b3b59d;
  font-weight: thin;
  width: 160px;
  height: 33px;
  text-align: center;
}

table.navcol td.links {
  font-size: 12px;
  color: #646635;
  text-align: left;
  vertical-align: center;
  height: 22px;
  width: 159px;

  padding: 3px 0px 3px 20px;
  background: #fbfcdc;
  border-right: solid 1px #b3b59d;
  border-bottom: solid 1px #b3b59d;
}

table.breadcrumbs  { 
 height:33px;
 padding:0px;
 margin:0px;
 }

td.breadcrumbs { 
 font-family:  Arial, Helvetica, sans-serif;
 padding-left: 4px;
 background: #ece9c0;
 text-align: left;
 }


/*  subnavigation in section or page ("issue bar").

*/

table.localnav {  
    border-top:solid 1px #666;
    border-left:solid 1px #666;
    border-bottom:solid 1px #666;
    width: 360px;
    height: 24px;
    margin: 2px;
}

#about-table { width: 450px;  }

#issuebar-table {
    width: 360px;
}

td.issuebar {
    height: 24px;
    background: #fbfcdc;
    border-right:solid 1px #666;
    text-align: center;
}

#issuebar-arrow {
    background : #f7f3a9 url(/images/issuebar_arrow.png) no-repeat right;
    border-right:solid 1px #fbfcdc;
    font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #646635;
    font-weight:thin;
    padding: 0px 0px;
    height: 24px;
}

td.issuebar a, .localnav a, td.issuebar a:visited, .localnav a:visited {
    font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
    font-weight: 100;
    color: #8e3a20;
    text-decoration: none;
    font-size: 11px;
}

/* main table - contains main columns below 
navbar.

*/

#main-table-news {
    background-color: #ffffff;
}

#main-table-scoop {
    background-color: #fff;
}
#main-table-scoop h1 {
  margin-top: 20px;
}

/*center column of the page */

#centre-column {
    text-align: left;
    margin: 0px 10px;
/* oringinal has syntax error    padding: 0px; 20px;  */
    padding: 0px;	
}




#centre-column-story {
    text-align: left;
    margin: 0px 10px;
    padding: 0px; 20px; 
}

#centre-column-wire {
    text-align: left;
    margin: 0px 10px;
    padding: 0px; 20px; 
}

#centre-column-story h1 {
    font-size: 135%;
    font-weight:bold;
    margin: 6px 0px 0px 0px;
}

#centre-column-story a:link, #centre-column-story a:visited 
{ 
  max-width: 400px;
  display: inline-block;
  font-family: "Times New Roman", Times, serif;
}

#centre-column-story blockquote
{ 
  margin: 0px 0px 0px 20px;
  width: 400px;
 } 

#lead_story img
{ 
 margin-right: 4px;
 }

/* because msie doesn't get attribute selectors.*/
a img,
.section img {
margin: 2px 4px 2px 0px;
}
img[align=left]
{ 
float: left;
margin: 2px 4px 2px 0px;
}

img[align=right]
{ 
float: right;
margin: 2px 0px 2px 4px;
}



/*
#centre-column-story table.story-top
{ 
  border:red 1px solid;
 } 
*/

div.centre-ad-outside { 
    float:left;
    margin: 3px 3px 3px 0px;
    text-align:center;
    font-size: x-small;
}
div.centre-ad 
{ float:left;
  padding: 3px;
  border: 1px solid black;
 }
div.centre-ad img
{ border: 0;
 }


/* text ads */

#textad {
    text-align: left;
    vertical-align: middle;
    margin: 5px 10px;
    padding: 0px 0px 0px 25px;
    background: url(/images/text_ad.png) #ffffff left no-repeat;
}

#textad a {
  font-family: "Verdana", sans-serif;
    font-size: 100%;
    font-weight: bold;
    color: #943517; 
    text-decoration: underline;
}

#textad a:hover {
  font-family: "Verdana", sans-serif;
    font-size: 100%;
    font-weight: bold;
    color: blue; 
    text-decoration: underline;
}

/* lead section */    

#lead_section {
    text-align:left;
    margin: 5px 10px;
    background: #f5f5eb;
}
    
#lead_left {
    background: url(/images/story-quotes_left-smaller35x40.gif) #f5f5eb top no-repeat;
    width:35px;
}

#lead_story {
    text-align:left;
}

#lead_right {
    background: url(/images/story-quotes_right-smaller36x40.gif) #f5f5eb bottom right no-repeat;
    width: 36px;
}

/* sections */

.section {
    text-align:left;
    margin: 5px 10px;
}

.section-head {
    text-align:left;
    margin: 0px;
    padding: 3px 10px;
    background: url(/images/section_head.jpg) #e5dd9c right repeat-y;
    font-weight:bold;
    font-family: Arial, Helvetica, sans-serif;
    font-size:large;

}


/* wires -- on side columns of main page */

.wire_head 
{
  text-align: left;
  margin: 7px 20px 2px 10px;
  padding: 0px;
  border-bottom: 1px dotted #b82b00;
/*    background: url(/images/wired_head.gif) #fff bottom repeat-x; */
}

div.sideblock{
    text-align: left;
    font-size: 11px;
    background: #fafaf2; 
/*    border-right: 1px solid #e5e5db; */
    margin: 2px;
    padding: 1px;
}
div.sideblock a{
    font-size: 11px;
}



table.sidebar-text-ad 
{  
  margin:0px;
}

div.nav-text-ad-wrapper{
  margin: 1px 0px;
}
.nav-text-ad,
.nav-text-ad-wrapper div
{ 
  font-family: "Verdana", sans-serif;
  font-size: 9px;
  /*font-weight:bold;*/
  line-height: 9px;
  vertical-align: center;
  width: 152px;
  height: 11px;
  margin: 1px 0px;
  padding: 1px 1px 1px 5px;
  border: 1px solid #c30;
  text-align:left;
}
.nav-text-ad a,
.nav-text-ad-wrapper div a
{ 
  font-family: "Verdana", sans-serif;
  /*font-weight: 900;*/
  color: blue;
  /*text-decoration: underline;*/
}




table.sidebar-text-ad td a
{ 
  font-family: "Verdana", sans-serif;
  font-size: 11px;
  line-height: 11px;
  font-weight: 100;
  color: black;
}
table.sidebar-text-ad td 
{ 
  width: 155px;
  height: 15px;
  margin: 0px;
  padding: 1px;
  border: 1px solid #c30;
  font-family: "Verdana", sans-serif;
  font-size: 11px;
  line-height: 11px;
}
table.sidebar-text-ad td img
{ 
  vertical-align: middle;
  }

.wire_head a {
    font-weight: bold;
    color:#b82b00;
    font-family:  Arial, Helvetica, sans-serif;
    padding: 0px;
    font-size:16px;
}

.wire_head a:link, .wire_head a:visited,
.wire_head a:hover, .wire_head a:active {
   color: #b82b00;
}

.wire {
    text-align: left;
    background: #ffffff;
    margin: 4px 10px 0px 10px;
    padding: 0px; 15px 0px 10px; 
}

.wire-column img { 
 margin: 1px 0px 1px 2px;                  
}

div.story-block 
{ padding-bottom: 3px;
  line-height:13px;
}


.wire a.story 
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  line-height: 13px;
  font-weight: bold;
  color: #673;
  margin: 0px 0px 0px 0px;
}

.wire a:link, .wire a:visited {
  
    color: #140;
/* color: #250;    */
}

.wire a:hover, .wire a:active, .wire .timebyline a:hover  {
   color: #006;
}

.wire a:visited:hover, .timebyline a:visited:hover  {
   color: #526;
}


.wire .timebyline 
{
  font-family: "Times New Roman", Times, serif;
  font-size: 10px;
  line-height: 13px;
  color: #555;
  display: inline-block;
  margin: 0px 3px 0px 3px;
  padding-bottom: 6px;                  
}

.wire .timebyline a 
{ 
 color: #222;
 }



.wire .more {
    text-align: right;
    margin: 2px 1px;
}

.wire .more a {
    vertical-align: middle;
    color: #bd1008;
}

.wire .more img {
    vertical-align: middle;
}


/* miscellaneous, should probably be sorted out */




.righting 
{ 
  float: right;
  text-align: right;
  margin-right:3px;
}

img.icon 
{ 
  margin: 0px;
  position:relative;
  top: -2px;
 }

span.icon small{ 
font-size:9px;
position:relative;
top: 7px;
left: -18px;
 }

span.icon:hover small{ 
font-size:11px;
 }



#centre-column-wire p.timebyline 
{
  font-family: "Times New Roman", Times, serif;
  font-size: 12px;
  line-height: 13px;
  color: #555;
  margin: 1px 3px 1px 3px;
}

.byline, .byline b{ 
 font-size: x-small;
 font-family: sans-serif;
 font-weight: normal;
 }
*.byline{ 
font-size: xx-small
 }

#centre-column-wire p 
{
  margin: 5px 3px 5px 3px;
}

body.scoop 
{ 
  background: #eceddd;
}

.story-end
{ 
  font-style: italic;
  text-align: center;
}


pre.mail-preview,  pre.mail-preview *,  pre.mail-preview * *  
{ 
  border: solid 1px #666;
  padding: 2px;
  font-size: 12px;
  font-family: monospace ! important;
  overflow: scroll;
  height:300px;
}

div.archive-selection-box
{ 
margin: 5px;
padding-top: 0px;
padding-left: 12px ;
padding-bottom: 12px ;
background: #eff0e0;
border: 1px solid #b3b59d;
 }

#archive-categories
{ float:right;
  width:40%;
 background: white;
 margin: 3px 3px 0px 0px;
border: 1px solid #b3b59d;
  }

#archive-dates
{ 
 background: white;
 margin: 3px 0px 0px 3px;
border: 1px solid #b3b59d;
 }


div.archive-stories-by-date
{  }

h3.archive-section {
    text-align: left;
    margin-left: 2px;
}

ul.archive-list {
    text-align: left;
}


/*stuff for swallow campaign */

#centre-column-swallow {
    text-align: left;
    margin: 0px 10px;
    padding: 0px 5px 0px 20px; 
}

#centre-column-swallow h1{
    font-size: 40px;
    color:  #8e2a10;
}

#centre-column-swallow big big{
 font-size:19px;
}

#centre-column-swallow li{
 margin-left:6px;
}


#right-column-swallow {
  text-align: left;
}

#right-column-swallow h3 a, #right-column-swallow a h3 
{  
  font-size:15px;
  color:  #8e2a10;
  text-decoration: none;
}

#right-column-swallow li a h3 {
  /*color:  #8e2a10;*/
  margin: 0px 0px 4px 0px;
}



/* regurgitator video index table */
table.video-index th{
 text-align:left;
 color: #8e2a10;
 font-size: 110%;
}

table.video-index a{
 font-size:120%;
 margin-left: 10px;
}
table.video-index a.img{
 margin-left: 0px;
}