/*
 * Font etc. styling only 
 * (well, mostly, sadly Mambo uses td's to define fonts 
 * in many places)
 */

body 
{
  margin: 0;
  background-color : #a4b6c0;
  color : black;
  text-align: center;       /* usual IE hack */
/*  font-family: Verdana, Arial, Helvetica, sans-serif; */
  font-family: Helvetica, sans-serif;
  font-size: 76%;
}


p, h1, h2, form, ul, li
{
  margin: 0;
  padding: 0;
  color: black;
}

/* note - under Mambo, the default content
   <p> is used un-classed, a lot */
p
{
  padding-top: 10px;
  font-size: 1em;
}

/* banner headings */
h1
{
  color: #333367;
  font-size: 28px; 
  font-weight: normal;
  padding-top: 10px;
  letter-spacing: 1px;
  word-spacing: -8px;
}

h1.minispace
{
  font-size: 2px;
}

em
{
  color: white;
  border-bottom: 1px solid #333367;
  font-style: normal;
}

h2
{
  color: black;
  font-size: 17px; 
  letter-spacing: 1px;
  font-weight: bold;
  padding-bottom: 10px;
  padding-top: 3px;
}



/* 
 * LINKS generally 
 *
 * This default is used in un-classed left menu items
 * like the "latest news"
 */
a:link, a:visited, a:active
{
  color: #c4c59b;
  text-decoration: none;
}

a:hover 
{
  color: white;
}


/* 
 * Menu links 
 */
/* top nav bar */
a.mainnavlink,
a.mainnavlink:link,
a.mainnavlink:active,
a.mainnavlink:visited
{
  color: white;
  float: left;
  padding: 3px 14px 0px 14px;
  border-right: 1px solid white;
  font-weight: bold;
}  

a.mainnavlink:hover 
{
  color: #808080;
}

/* Left hand menu bar */
table.moduletable a
{
/* default as IE can't handle this class override */
}

table.moduletable th
{
  padding-bottom: 3px;
}

a.mainlevel,
a.mainlevel:link,
a.mainlevel:active,
a.mainlevel:visited
{
  display: none; 
}

a.sublevel,
a.sublevel:link 
a.sublevel:active
a.sublevel:visited 
{
  font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
  font-size: 1.2em;
  font-weight: bold;
  color: #c4c59b;
  text-decoration: none;
  float: right;
  clear: right;
  width: 136px;
  padding: 3px 0px 4px 0px;
  border-bottom: 1px solid white;
/*border: 1px solid white; */
}

a.sublevel:hover {
  color: white;
}


/*
 * Modules
 * (typically in left menu)
 */
table.latestnews
{
/*border: 1px solid white; */
  width: 90%;
}

table.latestnews tr
{
}

table.latestnews td
{
}




/* 
 * Content - Sections & Categories 
 */

/* Table cell (TD) content title - as entered for instance in a typed item */
/* Seen in News, */
td.contentheading,

/* this does the same as contentheading on Contact page 
 * (suspect this is a bug)
 */
td.componentheading,

/*
 * and it's a "span" on the Weblinks page
 */
span.componentheading

{
  color: white;
  font-weight: bold;
  font-size: 18px;
}

/* 
 * for some reason there is an unused form called "news" on the weblinks page 
 * either this or the use of span rather than TD means we need extra space here
 */
span.componentheading
{
/*  float: left; */
/*  padding-top: 36px; */
  width: 100%;
}

.contentheading img
{
/*border: 1px solid red; */
}


/* 
 * table for actual content
 * One of these contains a "contentheading" cell
 * Then a NEW one contains the actual content 
 * with *no further class control* of rows or columns
 * (on the home page at least)
 */
table.contentpaneopen 
{
  font-size: 12px;
}

table.contentpaneopen p, ul
{
  padding-right: 10px;
}

table.contentpaneopen ul
{
  padding-left: 40px;
}

table.contentpaneopen li
{
  padding: 10px 0 0px 0;
}


/* intro text (td) on the News and Weblinks pages */
td.contentdescription 
{
  text-align: justify;
}



/* 
 * Another type of main content *table*
 * Contains entire news section 
 * Contains entire weblinks section
 * Occurs twice in Contact us 
 *   - containing the title "Contact" 
 *   - containing the form
 *
 */
.contentpane 
{
  font-size: 12px;
/*border: 1px solid black; */
}


/* used in tables of content like lists of news items */
/* I've editted the core code rather than fiddle this pointlessly */
td.sectiontableheader
{
}

/* 
 * Contact page 
 *

 * "contact" (table)
 * "icons" (td) - the little icons like a telephone
 * "details" (td) - this one they got right, classes the actual details text items
 * (except bug - not "position" - and name has <b> around it hard coded)
 */
table.contact
{
  margin-left: 5px;
/*border: 1px solid black; */
}

td.details
{
  margin-left: 5px;
  font-size: 12px;
}  

td.icons
{
  background-color: transparent;
}

form.emailform
{
}

/* also used in search */
input.inputbox
{
/* default for now at least */
  margin-bottom: 2px;
  margin-right: 4px;
  padding-left:2px;
  padding-bottom: 2px;
}

textarea.inputbox
{
  /* usual font problem with textarea, fixed here */
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 12px;
  margin-bottom: 10px;
  padding-left: 4px;
}


/*
 * Searches
 */
table.searchintro
{
  margin-top: 20px;
}


input.button
{
  padding-top: 1px;
}

/* undiscovered yet ... */
/* For content item titles that are hyperlink instead of Read On */

a.contentpagetitle:link, 
a.contentpagetitle:visited 
{
  color: #fff;
  text-decoration:none;
}

a.contentpagetitle:hover 
{
  background-color: #505050;
  color: #fff;
}


/* the central main content pane */

#maincontent p
{
  font-size: 1em;
}

#maincontent a 
{ 
  text-decoration: underline;
  color: #000;
  font-weight: bold;
}

#maincontent a:link, 
#maincontent a:visited 
{ 
/*  text-decoration: none;  */
}

#maincontent a:hover, 
#maincontent a:active 
{ 
  text-decoration: underline; 
  color: #808080;
}



/* Footer */

p.gutter
{
  padding: 0;
  font-size: 0.8em;
  color: #333;
  text-decoration: none;
  font-weight: normal;
}

a.credits,
a.credits:active,
a.credits:link,
a.credits:visited
{
  color: #808080;
  font-size: 1em;
}

a.credits:hover
{
  color: white;
}


a.foottop,
a.foottop:link, 
a.foottop:active 
{
  color: #505050;
  text-decoration: none;
}

a.foottop:hover
{
  color: white;
}


/*
 * Cookie crumb trail
 */
.pathway 
{
  color: white;
  text-decoration: none;
  font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
  font-weight: bold;
  padding-top: 8px;
  padding-left: 4px;
/*  font-size: 2em; */
}

a.pathway
{
/*  font-size: 2em; */
}


/*
 * The datestamp
 */
p.datenow
{
  color: white;
  font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
  font-weight: bold;
  padding-top: 3px;
}


/*
 * NewsNow, the News Blog people
 */
img.newsnow
{
  float: left;
  border: none;
  padding: 0;
  margin: 0;
}

a.newsnow
{
  border: none;
}