/****************************************************************************/
/* This is the style sheet for the entire web site. It is                   */
/* intended to be simple and straightforward to allow maximum               */
/* flexity but with a template approach for all the pages to                */
/* provide a smooth flow between the pages.                                 */
/*                                                                          */
/* Following is the standard hierarchy of the html:                         */
/*                                                                          */
/*      +---------------------- BODY -----------------------------+         */
/*      | +------------------- Maintable (row 1)-----------------+ |         */
/*      | |                                                      | |         */
/*      | |  insignia   |              Ti Yogi Bowmen            | |         */
/*      | |             |                Page title              | |         */
/*      | |                                                      | |         */
/*      | +------------------------------------------------------+ |         */
/*      | +------------------- Maintable (row 2)-----------------+ |         */
/*      | |+--navtable---+ +----------- Subtable (row 1)---------+ |         */
/*      | || +-navlink-+ | | +--------- subnav (opt)-----------+ | |         */
/*      | || |         | | | | +-sublink-+                     | | |         */
/*      | || +---------+ | | | |         |                     | | |         */
/*      | ||             | | | +---------+                     | | |         */
/*      | ||             | | +---------------------------------+ | |         */
/*      | ||             | +----------- Subtable (row 2)---------+ |         */
/*      | ||             | |                                     | |         */
/*      | ||             | |                                     | |         */
/*      | ||             | |                                     | |         */
/*      | ||             | |                                     | |         */
/*      | ||             | |                                     | |         */
/*      | ||             | |                                     | |         */
/*      | ||             | |                                     | |         */
/*      | ||             | |                                     | |         */
/*      | ||             | |                                     | |         */
/*      | |+-------------+ +-------------------------------------+ |         */
/*      | +-----------------------------------------------------+ |         */
/*      +---------------------------------------------------------+         */
/*                                                                          */
/****************************************************************************/

BODY
{
  position:  static;
  margin:       0px;
  padding:      0px;
  font-family: "Comic sans MS", "Times New Roman", Times, serif;
  font-size:   100%;
  color:      green;
  color:      gray;
  background-color: silver;
  border: thin solid black;
}

H2, H3, H4 {
  text-indent:   0.5em;
  margin:         0em;
  padding:        0em;
  color: maroon;
}

H3 {
  text-indent:    1em;
}

H4 {
 text-indent:  1.5em;
}


UL {
  margin:       0em;
  padding:      0em;
  margin-left:  0em;
}

LI {
  margin:         0em;
  padding:        0em;
  margin-left:  3em;
  display: list-item;
  list-style-position: inside;
  list-style-position: outside;
  list-style-type: disc;
  text-indent:    1em;
  color: green;
}

PRE{
  text-indent:    0em;
  margin:         0em;
  padding:        0em;
  font-family: "Comic sans MS", "Times New Roman", Times, serif;
  font-size:     100%;
  color:        green;
}


DT {
  padding:        0em;
  padding-bottom: 1em;
  margin:         0em;
  text-indent:    2em;
}

DD
{
  position:    static;
  padding:        0em;
  padding-left:   2em;
  margin:         0em;
  text-align:    left;
  text-indent: -2.5em;   /* why is this needed??? */
  text-decoration: none;
/*background:  yellow; */
  color:        green;
}

TD {
  color: green;
  }

/* This is the entire content of the page */
#maintable {
  width: 100%;
  background-color: #66CC66;   /* main background color - green */
  border: thin solid black;
}

/**************************** Top row ******************************/
/* Ti Yogi insignia */
#insignia {
  position: static;
/*width:         92px; */       /* actual size */
/*height:       125px;*/        /* prevents header from getting too big */
  display:      block;
  margin:         0px;
  margin-left:   auto;         /* allows it to be centered */
  margin-right:  auto;
  padding-left:  34px;
  padding-right: 34px;        /*  92 + 34 + 34 = 160 = size of navbar */
  padding-top:   10px;
  padding-bottom:10px;
  background-color: #66CC66;
  background-image: url(../images/camoback.jpg);
/*border-right: thin solid black; */
}

/* Heading: Tiyogi Bowmen */
#headtiyogi
{
  margin:         0px;
  padding:        0px;
  text-align:  center;
  font-size:     250%;
  color:        green;
}

/* Specific page heading */
#headtitle
{
  margin-top:     5px;     /* larger raises 'Ti Yogi Bowmen' */
  text-align:  center;
  font-size:     200%;
  color:      maroon;      /* contacts, education, etc  */
}

/* Main page only */
#robin {
  position:  absolute;
  top:           60px;
  left:         250px;
  margin:         0px;
  padding:        0px;
}

/* Main page only */
#targetA{
  position:  absolute;
  top:           70px;
  left:         360px;
  padding:        0px;
}

/**************************** Second row ******************************/
/* Note navlink and navtable are two different methods of description */
/* div.navlink is good since you know it belongs to a div */

/* Major menu options running down the side ----------------------------------*/
#navtable {
  position:     static;
  width:         160px;
  padding:         0px;
  padding-bottom: 90px;
  margin:          0px;
  z-index:           5;
  background-color: #66CC66;
}

div.navlink {
  width:          80%;     /* controls width of boxes within navtable */
  margin:         3px;     /* This separates the boxes          */
  padding:        3px;     /* This pads the text INTO the boxes */
  margin-left:   10px;
  text-align:  center;
  font-weight:   bold;
  background-color: #E9F2DD;   /* very light green */
  color:      #cd9b1d;         /* goldenrod (on this page) */
  border:    thin solid green;
}

/* Regular link text */
div.navlink A {
  font-size:       100%;
  color:          green;
  text-decoration: none;
}

/* Duh...hover */
div.navlink A:hover
{
  color:               red;
  text-decoration:    none;
  background-color: yellow;
}

div.navlink A:active {
  font-style:  normal;
  color:         blue;    /* allows most links to be blue (with underline) */
}


/* This is for the menu options rnning along the top ------------------------*/
/* Note: margins and padding can overrun width */
#subnav {
  position:    static;
  float:         left;
  padding:        0px;
  padding-bottom: 5px;
  margin:         0px;
  width:         100%;
  z-index:          4;
  background-color: #66CC66;  /* green */
  border: thin solid black;
}

div.sublink {
  float: left;
  width:          80px;    /* controls width of boxes within navtable */
  margin:         3px;     /* This separates the boxes          */
  padding:        5px;     /* This pads the text INTO the boxes */
  text-align:  center;
  font-weight:   bold;
  background-color:  #E9F2DD;
  border: thin solid green;
}

/* Regular link text */
div.sublink A {
  font-size:        70%;
  color:          green;
  text-decoration: none;
}

/* Duh...hover */
div.sublink A:hover
{
  color:               red;
  text-decoration:    none;
  background-color: yellow;
}

div.sublink A:active {
  font-style:  normal;
  color:         blue;
}

/* Regular link text */
div.sublink A {
  font-size:        70%;
  color:         maroon;
  text-decoration: none;
}

div.nosublink {
  float: left;
  width:          80px;    /* controls width of boxes within navtable */
  margin:          3px;     /* This separates the boxes          */
  padding:         5px;     /* This pads the text INTO the boxes */
  text-align:   center;
  font-weight:    bold;
  background-color:  #E9F2DD;
  color:       #cd9b1d;     /* goldenrod */
  font-size:       70%;
  border:  thin solid green;
}

#rowtext {
  background-image: url(../images/gray-bg.gif);
  padding-top:  10px;
}

/* The main  content is placed here ------------------------------------------*/
P.content
{
  position:     static;
  padding:        0em;
  padding-right:  5em;
  padding-bottom:10px;
  margin:         0em;
  margin-top:     5px;
  margin-bottom:  1em;
  margin-left:    3em;
  text-align:    left;
/*text-indent:    1em; */
  text-decoration: none;
/*background: yellow; */
  color:        green;
}

TD.tyrow
{
  color: red;
}

#centertext
{
  text-align: center;
  color:      maroon;
}


IMG.adpic
{
  position: static;
  float:      left;
}

/* Ad page description */
p.ad
{
  position:     static;
  padding:         0em;
  padding-left:    2em;
  padding-bottom: 10px;
  margin:          0em;
  margin-top:      5px;
  margin-bottom:   1em;
  margin-left:     0em;
  text-align:     left;
  text-decoration:none;
  color:         green;
}

DIV.adtitle
{
  position:      static;
  font-size:       125%;
  font-weight:     bold;
  padding:          0em;
  padding-left:     1em;
  margin:           0em;
  text-align:      left;
  text-decoration: none;
  color:          green;
  color:         maroon;
}

DIV.addate
{
  position:      static;
  font-size:        50%;
  padding:          0em;
  padding-left:     2em;
  margin:           0em;
  text-align:      left;
  text-decoration: none;
  color:          green;
  color:            red;
}