/* generic defaults */
body {
  font-family : Helvetica, Arial, sans-serif;
  color : #585858;
  background : #fff;
  margin-top : 0px;
  padding-top : 0px;
}

hr {
   color: #dddddd;
}

h1 {
  font-family : Helvetica, Arial, sans-serif;
  font-size : 130%;
  color : #003366;

}

h2 {
  font-family : Helvetica, Arial, sans-serif;
  font-size : 120%;
  color : #002d62;
}

h3 {
  font-family : Helvetica, Arial, sans-serif;
  font-size : 120%;
  color : #003366;
}

strong {
}

blockquote {
       font-style:italic;
       color : #5987c6;
}


blockquote strong {
       font-style:bold;
       color : #5987c6;
}


div.cauchomain {
  width : 900px;
  padding-top : 0px;
  margin-top : 0px;
  margin-left : auto;
  margin-right : auto;
  background : #fff;
  border-left : solid 1px #ddd;
  border-right : solid 1px #ddd;
}

input {
  font-size : 80%;
  background : #fff;
  color : #666;
  border : solid 1px #ccc;
}

table.nav {
  width : 100%;
}

/* left nav */

.leftnav {
  margin : 0.4em 0.3em;
  padding : 0;

  font-family : Verdana, Helvetica, Arial, sans-serif;
  font-size : 90%;

  list-style : none;

}

a {
  color : #572600;
  text-decoration : none;
}

a:hover {
  color : #fdba31;
  text-decoration : none;
}

.leftnav a {
  color : #664400;
  font-family: Verdana, Helvetica, Arial, sans-serif;
}

.leftnav a:hover {
  color : #ffcc33;
  text-decoration:underline;
}

td .search
{
  vertical-align: top;
}

td .leftnav 
{
  width : 9em;
  padding-right: 1em;
}

.leftnav hr
{
  color : red;
}

#footer hr
{
  width: 100%;
}
#footer
{
  font-size: 80%;
  text-align: right;
}

/* main nav */

ul.main {
  list-style-type : none;
  padding : 0em;
  margin : 0;
  font-family: Verdana, Helvetica, Arial, sans-serif;
  font-size : 90%;
  text-align : left;
  border-bottom : solid 1px #999;
  whitespace : nowrap;
}
/* 0.0em 0.4em */
.main li {
  display : inline;
  border : solid 1px #999;
  margin : 0em 0em;
  padding : 0.1em 0.4em 0.0em 0.4em;
  background : #f4f4f4;
 }

li.current_page_item {
  background : #ccccdd;
}

li.current_page_item a {
  color : #444;
}

li.current_page_ancestor {
  background : #ccccdd;
}

li.current_page_ancestor a {
  color : #444;
}

.main a {
  color : #443311;
}

.main a:hover {
  color : #ffcc33;
}

/* submain nav */

div.submain {
  padding : 0.3em;
  margin-left : 0.1em;

  border : 1px solid #999;
  border-top : 1px #f4f4f4 solid;
  background : #f4f4f4;
  font-size : 90%;
}

ul.submain {
  padding : 0em;
  margin : 0;

  list-style-type : none;

  font-family: Verdana, Helvetica, Arial, sans-serif;
  text-align : left;
  color : #003366;
}

.submain li {
  background : #f4f4f4;
  display : inline;
  margin : 0em;
  padding : 0em;
}

.submain a {
  background : #f4f4f4;
  color : #999;
}

.submain a:hover {
  color : #ffcc33;
}

.submain > li:after {
  content: " / ";
}

/* bottom nav */

.bottom {
  font-family: Verdana, Helvetica, Arial, sans-serif;
  font-size : 90%;
  color : #999;
}

ul.bottom {
  list-style-type : none;
  padding : 0em;
  margin : 0;
  margin-top : 3em;
  text-align : center;
}

.bottom li {
  display : inline;
  margin : 0.1em 0.1em;
  padding : 0.0em;
}

.bottom a {
  color : #999;
}

.bottom a:hover {
  color : #ffcc33;
}

/* resin/quercus */

.quercus {
  font-family : Helvetica, Arial, sans-serif;

  color : #990033;
}

.resin {
  font-family : Helvetica, Arial, sans-serif;
  color : #003366;
}

sub {
  font-size : 40%;
}

/* sections */

div.s1 {
  margin-left : 1em;
}

.s3 {
  margin-left : 0.3em;
}

/* columns */
.columns td {
  padding : 0em 1em;
  vertical-align : top;
}

/* overview */

table.overview {
  margin-top : 1em;

  border : 1px solid #999;

  font-family : Arial, Helvetica, sans-serif;
  font-size : 110%;

  color : #999;
}

.overview td {
  padding : 1em;
}

.overview td.hr {
  padding : 0em 2em;
}

/* quote */

.quote {
  font-size : 100%;
  font-style : italic;
  color : #5987c6;
}

.quote strong {
  color : #5987c6;
}

.quote a {
  color : #5987c6;
}


.author {
  font-family : Helvetica, Arial, sans-serif;
  font-style : normal;

  text-align : right;
}


/* news section */

.news {
  font-family : Helvetica, Arial, sans-serif;
  font-size: 95%;
}

.news h2 {
  margin-bottom : 0.3em;
  border-bottom : 1px #999 solid;

  font-weight : normal;
  font-variant : small-caps;
  font-size : 120%;

  color : #003366;
}

.news h3 {
  margin-top : 0.1em;

  font-weight : normal;
  font-size : 110%;

  color : #999;
}

table.news {
  padding : 0;
  margin : 0;
  cellspacing : 0;
}

.date {
  font-weight : bold;
  color : black;
}

.news em {
  color : #003366;
}

/* rules */

hr {
  border : 0;
  height : 1px;
  background : #999;
  margin : 0.2em 0em;
  width : 80%;
}


/* bottom */

.about {
  color : #999;
  font-family : Helvetica, Arial, sans-serif;
  text-align : center;
  font-size : 90%;
}

div.about {
  margin-top : 1em;
}

/* download */

table.download {
  margin : 1em;
  width : 90%;
  padding : 0;
  border-collapse: collapse;
  font-family : Helvetica, Arial, sans-serif;
  border-color : #990033;
}

caption {
  padding : 0.3em 0em;
  font-style: bold;
  font-family: Helvetica, Arial, Helvetica, sans-serif;
  color : #990033;
  text-align : left;
  font-size : 120%
}

.header th {
  text-align : left;
  background : white;
  font-family: Arial, Helvetica, sans-serif;
  font-variant : small-caps;
  font-weight : normal;
  font-size : 85%;
  border-top : 1px solid #98012e;
  border-bottom : 1px solid #98012e;
  color : #666;
  padding : 0.3em 0.3em;
}

tr.a {
  background : #eee;
}

tr.b {
  background : #f8f8f8;
}

.download th {
}

.download td {
  font-size : 85%;
  color : #444;
}

div.example {
  margin : 1em 2em;
  padding : 1em;
  width : 87.5%;
  border : solid #999;
  border-width : 1px;
  background : #e5d1ac;
  color : black;
}

table.landing-page td {
  vertical-align: top;
  border: 1px solid #666;
  padding: 1em;
}

td.them {
  background: #ddd;
}

td.us {
  background: #ddd;
}

/** photo-box */
.photo-box {
  background : #e5d1ac;
  color : black;

  float : right;
  width : 100px;
  text-align: center;
  padding: 5px;
  margin-bottom: 15px;
}

