/* CSS (c) Folding Software Limited, All rights reserved. */

/* Overall page structure */
body {
  height: 100%;
  width: 100%;
  margin:0;
  padding:0;
  background:#EBE8D0;
  color:#333;
  text-align:center;
  font:x-small Georgia,Serif;
  voice-family: "\"}\""; voice-family:inherit;
  font-size:small;
  } 
html>body {font-size:small;}

#hd {
    width: 100%;
}

#bd {
    width: 100%;
}

#ft {
    width: 100%;
    margin-bottom: 40px;
}

#header
{
  width: 100%;
  height: 262px;
  background: url("/images/header-bg-repeat.png") repeat-x;
}

#header #banner
{
  border-left: 1px solid #A79355;
  border-right: 1px solid #A79355;

  /* om+aw gold like colour #fed802 for folding software text */
  background: url("/images/banner.png") repeat-x 0px 72px;

  height: 117px;
  width: 732px;
  padding-top: 71px;
  margin:0 auto;
  text-align:left;
}

#footer {
  margin:1.75em 0 0;
  padding:10px 0px 10px 0px;
  border:1px solid #A79355;
  border-width:1px 0;
  font:85% Verdana,Arial,Sans-serif;
  text-align:center;
}


#container {
  height: 100%;
  position:relative;
  width:732px;
  margin:0 auto;
  text-align:left;

}

#footer {
  width:732px;
  position:relative;
  margin-left: auto;
  margin-right: auto;
}

#content
{
    height: 100%;
    float: right;
    /* width of heading banners */
    width: 490px;
    /* left hand border line dividing navigation from content items - line is dashed. */
    background: url("/images/navigation-bg.png") repeat-y;
}

#navigation
{
    float: left;
    width: 228px;
    /*doesn't work as it can't extend the length of the right hand content. 
      The solution is to cheat with a bg image on the content, with a 'line'
      on the left (see #content)
    border-right: 1px solid #A79355; */
}

#bird
{
    float: left;
    margin-top: 90px;
    margin-left: -128px;
}

.clear 
{
    clear: both;
}



/* Content And Navigation Styling 
*/
.item {
    float: right; 
    width: 472px;
}

#content {
  padding-left: 8px;
}

#content h3, #navigation h3 
{ 
    color: white;
    padding: 0px; 
    margin: 0px;
    font-size: 2em;
}

#content .item h3, #content .item p
{
    margin-top: 10px;
}

/*
Gold for header:

#b4b561
*/
#content h3 {
    height: 48px;
    background: url("/images/heading-one.png") no-repeat;
    margin-top: 4px;
    padding-left: 10px;
}


#navigation h3 {
    height: 43px;
    background: url("/images/navigation-heading.png") no-repeat;
    margin-top: 10px;
    padding-top: 4px;
    padding-left: 10px;
}

#navigation ul {
  margin:1em 0 1.5em;
  padding:0;
  font-size:93%;
  list-style:none;
  }

#navigation ul .parent {
  background: url("/images/list-item-icon.png") no-repeat 0 center;
  line-height: 20px;
  padding-top: 4px;
  padding-left: 20px;
  padding-bottom: 4px;
  margin-left: 8px;
  color:#A79355;
  clear: both;
}

#navigation .submenu {
    float: left;       
}

#navigation .submenu li {
  line-height: 2em;
}




#siteversion {
}



/* links
--------------------------------- */
a:link, a:visited {
  color:#703F0E;
  background-color:transparent;
  font-weight:bold;
  text-decoration:none;
  }
a:hover {
  color:#616623;
  background-color:transparent;
  text-decoration:underline;
  }