/*
 * Usual letter-box design, extending vertically 
 * to encompass extended content
 *
 * Note that banner and main content are in-line
 * so can't be floated so use of padding on contained
 * elements is limited
 */

#container
{
  width: 850px;
  margin: 10px auto 0 auto;
  border-top: 2px solid white; 
  border-bottom: 2px solid white; 
  padding: 0px;
  background-image: url(../images/bgnd.gif);
  background-repeat: repeat-y;
  background-color: transparent;
  text-align: left;
/*  min-height: 600px; */
}

/* secondary nav and other bits */
#leftbar
{
  float: left;
  width: 160px;
  padding-top: 160px;
  background-color: transparent;
/*border: 1px solid black;  */
}

#banner 
{
  float: right; 
  margin-right: 10px;
  background-color: transparent;
}

/* primary navigation is within the banner area */
#mainnav
{
  float: right;
  clear: right;
  width: 622px;
  height: 3em;
  border-top: 1px solid white;
  background-color: transparent;
}

/* search and banner ads */
#rightbar 
{
  float: right;
  clear: right;
  width: 160px;
  padding-right: 14px;
  background-color: transparent;
}

#maincontent 
{
  margin-top: 12em;
  margin-left: 225px;
  width: 435px;            
  background-color: transparent;
/*border: 1px solid black; */
}


#footer 
{
  clear: both;
  width: 100%;
  background-color: transparent;
  text-align: center;
}

#rssfeed
{
  text-align: center;
  padding-left: 4px;
}

#rssfeed img
{
  margin-top: 4px;
}



/*
 * The main MODULE table type that contains the principal
 * navigation system. This includes:
 *  Main Menu
 *  Template Chooser
 *  Latest News
 *  User Menu
 * No way to choose between them (shame they don't know 
 * about ID's) - so far I've turned off all TH's and now
 * seeing if I can put in hard-coded title as and when
 * (specifically "Latest News")
 */

table
{
  border: 0;
  margin: 0;
  padding: 0;
  border-collapse: collapse;
  width: 100%;
  font-size: 1em;
/*border: 1px solid white;  */
}

table.moduletable 
{
  width: 141px;   /* 141 */
  margin-left: 33px;
/*border: 1px solid white;   */
}

table.moduletable th 
{
  color: white;
  text-align: left;
  padding-left: 2px;
}
  
table.moduletable td
{
  padding-right: 2px; 
  padding-bottom: 4px;
  font-size: 12px;
  color: white;
 
}
