/*                    Copyright 2006 Wilsonworks                */
/* *********************** style.css ************************** */
/*  rgb(133,194,219); bright blue */
/*  rgb(218,37,29);  red */
/*  rgb(222,222,221);  light gray */

html 
{
  /* browser window colour */
  background-color: rgb(133,194,219);
}

body
{
  text-align: center; /* horizontally centre container in browser window */
}

body, ul, table, p
{
  font-family: Arial, Helvetica, sans-serif;
}

.container
{
  background-color: white;
  border-color: #dee3e3 gray gray #dee3e3; /* top/right/bottom/left */
  border-width: thick;
  border-style: solid;
  padding: 0em 0em 0em 0em; /* top/right/bottom/left */
  line-height: 1.5em; /* global, but mainly for "tabs" section */
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  width: 96%; /* width of container, remainder is browser background */
}

.main
{
  padding-left: 1em; /* hanging indent */
  padding-right: 1em; /* hanging indent from right edge */
  text-align: left;
  line-height: 1.2em; /* text not so tall for "main" section */
  margin-bottom: 1em;
}

.logo
{
  margin-bottom: 0.5em;
}

ul
{
  list-style-image: url(images/square.gif);
}

h2
{
  color: rgb(218,37,29); /* red */
  margin-top: 1em;
  margin-bottom: 0.5em;
  line-height: 1em;
}

h3
{
  margin-top: 2em; /* more space above the heading */
  color: navy;
  font-size: 110%;
}

.inactivetabs
{
  background-color: rgb(218,37,29); /* red */
}

.activetab
{
  background-color: navy;
}

.inactivetabs2
{
  background-color: white;
}

#tabs a
{
  padding-bottom: 0.3em; /* reduce to hide IE bug */
  padding-left: 0.5em;
  padding-right: 0.5em;
  padding-top: 0.5em;
  color: white;
  text-decoration: none;
  border-right: thin solid white;
  font-size: 70%;
  font-weight: bold;
  text-align: center;
}

#tabs a:hover
{
  text-decoration: underline;
}

.smallcaps
{
  font-variant: small-caps;
  font-weight: bold;
  font-size: 80%;
}

.smallnums
{
  font-size: 80%;
}

.alternate
{
  background-color: rgb(222,222,221);
}

.blue
{
  color: navy;
  font-weight: bold;
}

.frontpage
{
  color: navy;
  line-height: 0.8em;
  font-size: 90%;
  font-weight: bold;
}

.frontpage2
{
  color: navy;
  font-size: 90%;
}

.motto
{
  color: navy;
  text-align: center;
  display: block;
  border: thin solid navy;
  font-size: 90%;
  font-weight: bold;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  background-color: white;
}

.author
{
  font-weight: bold;
}

.title
{
  color: navy;
  margin-left: 2em;
  font-size: 90%;
}

.publisher
{
  font-size: 90%;
  margin-left: 2em;
  margin-bottom: 1em;
}

.highlight
{
  background-color:  rgb(222,222,221);
  color: navy;
  font-size: 120%;
  font-style: italic;
  display: block;
  width: 15em;
  text-align: center;
  padding: 0.2em;
  border: thin solid black;
}

.highlight:first-letter 
{
  color: #ff0000;
  font-size: xx-large;
}

.hibg
{
  background-color: rgb(222,222,221);
  padding: 0.5em;
}

#tabs2 a
{
  color: red;
  font-size: 70%;
  padding-left: 1em;
  text-decoration: none;
}

#tabs2 a:hover
{
  text-decoration: underline;
}

.wilsonworks, #wilsonworks
{
  color: navy;
  text-decoration: underline;
  font-size: 90%;
}