/* Created by Charles Ross
   Copyright 2004 Chivalry Software, LLC
   Built using BBEdit 7.1.4
   
   Version 1.0 created 11/8/04
   
   Many thanks to the information found at:
   http://www.maxdesign.com.au/presentation/process/index.cfm
*/

/*************************************************************/
/********** Colors *******************************************/
/*************************************************************/
/* 333333 (Dark Gray)
     body - color
     slogan a - color
   666666 (Gray)
     slogan a:hover - background-color
   FFFFFF (White)
     a:hover - color
     a:active - color
     header - border-bottom
     mainnav li a:hover - color
     slogan a:hover - color
   009E8F (Light Bluegreen)
     body - background-color
     mininav - background-color
     mininav li a:hover - background-color
     footer - background-color
   006F64  (Dark Bluegreen)
     a:link - color
     a:visited - color
     a:hover - background-color
     a:active - background-color
     h2 - color
   C5C877 (Light Gold)
     column - border-left
     .article - border-bottom
     mainnav ul - border-left
     mainnav li - border-right
     li.currentlistitem - background-color
     .colmnsection - border-bottom
     .firstsection - border-bottom
     .imageright - border
     .imageleft - border
   5B5E0E (Dark Gold)
     h3 - color
   272900 (Deep Gold)
     mainnav - color
     mainnav li a - color
     footer - color
 */
/*************************************************************/

/*************************************************************/
/********** Default Stylings *********************************/
/*************************************************************/

body
{
  margin: 0;
  padding: 0;
  font: 85% arial, hevetica, sans-serif;
  text-align: center;
  color: #333333;
  background-color: #009E8F;
}

a:link
{
  color: #006F64;
}

a:visited
{
  color: #006F64;
}

a:hover, a:active
{
  color: #FFFFFF;
  background-color: #006F64;
}

h2
{
  color: #006F64;
  font: 120% georgia, times, "times new roman", serif;
  font-weight: bold;
  margin: 0 0 2px 0;
}

/***** What would happen if we removed this rule? *****/
h2 a
{
  text-decoration: none;
}

h3
{
  color: #5B5E0E;
  font: 106% georgia, times, "times new roman", serif;
  font-weight: bold;
  margin-top: 15px;
}

/*************************************************************/
/********** Container Stylings *******************************/
/*************************************************************/
/* The container is, of all things, the container for all    */
/* other content.                                            */
/*************************************************************/

#container
{
  margin: 1em auto;
  width: 700px;
  text-align: left;
  /*For some reason, the background-color property only works
    properly in Safari, not in IE or Firefox. The
    background-image and background-repeat are workarounds
    for this problem. */
  background-color: FFFFFF;
  background-image: url(/images/white_square.jpg);
  background-repeat: repeat;
  /* I took this border out, but would perhaps like to
     put it in other IDs so that the border appears around
     the container but not around the mainnav and footer. */
  /*border: 1px solid #676767;*/
}

/*************************************************************/
/********** Header Stylings **********************************/
/*************************************************************/
/* The header currently has our logo and slogan with a link  */
/* to our home page.                                         */
/*************************************************************/

#header
{
  height: 150px;
  background-image: url(/images/Header.gif);
  background-repeat: no-repeat;
  background-position: 0 0;
  border-bottom: 1px solid #FFFFFF;
  position: relative;
}

/* The styling for h1 tags within the header.
   The header's h1 tag has some invisible text that I think
   is primarily there for Google, which is why it is set to
   a font size of 1 pixel. */
#header h1
{
  font-size: 1px;
  text-align: right;
  color: #fff;
  margin: 0;
  padding: 0;
}

/*************************************************************/
/********** Main Navigation Stylings *************************/
/*************************************************************/
/* This is the row of buttons below the header that provides */
/* navigation to the major sections of the web site.         */
/*************************************************************/

#mainnav
{
  background-color: #009E8F;
  color: #272900;
  padding: 2px 0;
  margin-bottom: 22px;
}

/* The styling for the ul tags in the mainnav.
   The ul tags separate each of the individual links in the
   mainnav. */
#mainnav ul
{
  margin: 0 0 0 20px;
  padding: 0;
  list-style-type: none;
  border-left: 1px solid #C5C877;
}

/* The styling for the li tags within the mainnav.
   It is the display property that allows this list of links
   to be displayed on a single line. */
#mainnav li
{
  display: inline;
  padding: 0 10px;
  border-right: 1px solid #C5C877;
}

#mainnav li a
{
  text-decoration: none;
  color: #272900;
  font-weight: bold;
}

#mainnav li a:hover
{
  text-decoration: none;
  color: #FFFFFF;
  background-color: #009E8F;
  font-weight: bold;
}

li.currentlistitem
{
  background-color: #C5C877;
}

/*************************************************************/
/********** Column Stylings **********************************/
/*************************************************************/
/* The column appears along the right side of the web page,  */
/* and is used for auxiliary links useful for the current    */
/* page. On the home page, this includes links to news items */
/* and articles (?). On product pages, this will include a   */
/* list of features, perhaps.                                */
/*************************************************************/

#column
{
  float: right;
  width: 230px;
  border-left: 1px solid #C5C877;
  padding-left: 15px;
  background-image: url(/images/white_square.jpg);
  background-repeat: repeat;
  background-color: FFFFFF;
}

#column ul
{
  margin-left: 0;
  margin-top: 0;
  padding-top: 0;
  padding-left: 0;
  padding-bottom: 15px;
  list-style-type: none;
  line-height: 130%;
}

#column li
{
  margin-bottom: 5px;
}

#column a
{
  font-weight: bold;
}

.columnsection
{
  border-bottom: 1px solid #C5C877;
}

.firstsection
{
  border-top: 1px solid #C5C877;
  border-bottom: 1px solid #C5C877;
}

/*************************************************************/
/********** Contents Stylings ********************************/
/*************************************************************/
/* The contents are for the main section of each web page,   */
/* such as the product description or employee bio.          */
/*************************************************************/

#contents
{
  margin: 0 265px 40px 20px;
  background-color: FFFFFF;
}

#contents p
{
  line-height: 165%;
}

#contents code
{
  font-family: Monaco, Courier, Courier New, monospace;
  /* font-size: smaller; */
  line-height: 100%;
}

/* The main text in the contents. */
.article
{
  border-bottom: 1px solid #C5C877;
}

/* The ul and li tags were used to display a list of links
   after the article appeared, showing, for instance, a link
   to the comments for a blog entry. So far, we don't need
   this, but I'll keep the code in for a while in case it's
   useful later. */
.article ul
{
  list-style-type: none;
  text-align: right;
  margin: 1em 0;
  padding: 0;
  font-size: 95%;
}

.article li
{
  display: inline;
  padding: 0 0 0 7px;
}

/* For images that show along the right side of the article. */
.imageright
{
  float: right;
  padding: 2px;
  border: 1px solid #C5C877;
  margin: 0 0 10px 10px;
}

/* For images that show along the left side of the article.
   There may be a better way to integrate the .imagefloatright
   and .imagefloatleft classes, as they differ only in the
   float and margin properties.*/
.imageleft
{
  float: left;
  padding: 2px;
  border: 1px solid #C5C877;
  margin: 10px 10px 0 0;
}

.emphasize
{
  font-size: 110%;
  font-weight: bold;
}

.note
{
  margin-left: 50px;
  font-style: italic;
  font-size: smaller;
}

.magazine_reference
{
  font-style: italic;
}

.inline_code
{
  font-family: Monaco, Courier, Courier New, monospace;
  font-size: smaller;
}

.os_font
{
  font-family: "Lucinda Grande", Chicago, Arial, sans-serif;
}
  
/*************************************************************/
/********** Footer Stylings **********************************/
/*************************************************************/
/* The footer currently contains only copyright information. */
/*************************************************************/

#footer  
{
  clear: both;
  color: #272900;
  background-color: #009E8F;
  text-align: right;
  padding: 5px;
  font-size:90%;
}
  
/*************************************************************/
/********** Slogan Stylings **********************************/
/*************************************************************/
/* The slogan appears in the header, and we may be able to   */
/* simplify this into a single declaration (or at most two). */
/*************************************************************/

#slogan
{
  font-size: 150%;
  position: absolute;
  right: 100px;
  top: 80px;
}
  
#slogan a
{
  color: #333333;
  text-decoration: none;
}
  
#slogan a:hover
{
  color: #FFFFFF;
  background-color: #666666;
  text-decoration: none;
}