<!-- This CSS page was created in January 2006, specific date not remembered
     Addition have been made and changes as well -->

link {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bolder;
        font-size: 12px;
        color: #6699FF;
}
a {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #6699FF;
}
a:visited {
        color: #660000;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
}
a:hover {
        color: #FF9B04;
}

<!-- The concept below is to label the function of the class in items such as TheBody,
     TheListHeader, and TheHeader.  HomeLink was also created but that is usurped by
     an imagemap, NavLink is also being used though an imagemap can control that -->
.TheBody {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14px;
        color: #333333;
        line-height: 20px;
        font-style: normal
        background: #ffffff

}
.TheListHeader {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14px;
        font-weight: bold;
        color: #333333;
        line-height: 20px;
}
 .TheHeader {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 20px;
        color: #FFFFFF;
        font-weight: bold;
        font-variant: small-caps;
        line-height: 32px;
}
.HomeLink {
        font-family: Arial, Helvetica, sans-serif;
        font-style: italic;
        color: #FFFFFF;
        font-size: 14px;
        font-weight: lighter;
        text-decoration: none;
}
.NavLink {
        font-family: Arial, Helvetica, sans-serif;
        font-style: italic; color: #FFFFFF;

}
LI {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 10px;
        font-style: normal;
        line-height: 24px;
        font-weight: bold;
        color: #333333;
        list-style-image: url(artwork/marker_blue.gif);
        vertical-align: middle;
}
.Info {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 9px;
        font-style: normal;
        line-height: 14px;
        font-weight: normal;
        color: #666666;
        vertical-align: middle;
}

ul {
        text-indent: 12px;
}

<!-- These are standard headers types.  Some of the above have been used for them as well -->

.H1 {
        font-family: "ZapfChan Md BT", helvetica, arial, sans-serif;
        font-size: 20px;
        line-height: 32 px;
        font-weight: bold;
        text-transform: uppercase;
        margin: 2px;
        padding: 2px;
        height: auto;
        width: auto;
        color: #333333;
        border: none;
}
.H2 {
        font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
        font-size: 16px;
        line-height: 26 px;
        font-weight: bold;
        text-transform: capitalize;
        margin: 2px;
        padding: 2px;
        height: auto;
        width: auto;
        color: #660000;
        border: none;
}
.H3 {
        font-family: Arial, Helvetica, sans-serif;
        font-style: italic;
        color: #FFFFFF;
        font-size: 14px;
        font-weight: lighter;
        text-decoration: none;
        border: none;
        margin: 2px;
        padding: 2px;
        height: auto;
        width: auto;
}
.H3_24 {
        font-family: Arial, Helvetica, sans-serif;
        font-style: italic;
        color: #FFFFFF;
        font-size: 24px;
        font-weight: lighter;
        text-decoration: none;
        border: none;
        margin: 2px;
        padding: 2px;
        height: auto;
        width: auto;
}
.H4 {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14px;
        font-weight: bold;
        color: #333333;
        line-height: 20px;
        border: none;

}
.H5 {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14px;
        color: #333333;
        line-height: 20px;
        font-style: normal
        background: #ffffff


}
.H6 {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 9px;
        font-style: normal;
        line-height: 14px;
        font-weight: normal;
        color: #666666;
        vertical-align: middle;
}
.blockquote1 {
          border-top: 2px;
          border-right: 2px;
          border-bottom: 2px;
          border-left: 2px;


          border-color: #333333;
}

<!-- Create a set of table styles
     #1 with lime green background (for no apparent reason) and a 4px border and dark gray border;
     change the font color to dark blue
     #2 creates a different "soft yellow" background for the cells, a dark red font color and 5px padding
     #3 basically similar to #1 with no margin elements
     [2/26]
     #4 table within a column which adds spacing and padding for cells
     #5 add a background image to table
     [3/5]-->

.table1 {
         border-top-width: 4px;
         border-right-width 4px;
         border-bottom-width 4px;
         border-left-width 4px;
         border-color: #666666;
         background-color: #99ccff;
         border-style: inset;
         color: #000066;
         margin-top: 20px;
         margin-right:90px
         margin-bottom: 20px;
         margin-left: 90px;
         border-collapse: collapse;
         padding-left-width: 5px;
         cellspacing = 0;
}

.table2 {
         padding-left-width: 5px;
         background-color: #f5f8ca;
         color: #660000;
         margin-left: 90px;
         border-collapse: collapse;

}

.table3  {
         border-top-width: 4px;
         border-right-width 4px;
         border-bottom-width 4px;
         border-left-width 4px;
         border-color: #666666;
         background-color: #ccff00;
         border-style: solid;
         padding-left: 5px;
}

.table4  {
          border-spacing: 5px 10px;
          padding-left: 5px;
          }

.table5   {
           background-image: url("images/redmain.png");
           border-color: #660000;
           }
<!-- Create column formatting so items can be placed in colums with breaks between cells.
     #1 - Set position to relative, float column left, set minimum height to table default 400px -->

.column1 {                    /* column for additional information on right side */
          width: 200px;
          min-height: 400px;
          background-color: #6699ff;
          float: right;
          top: 0;
          }
.column1_cell {
         background-color: #f5f8ca;

         top: 10;
         line-height: 15px;
         position: relative;
         border-style: outset;
         border-color: #660000;
         border: 5px;
         }
.column2 {                        /* column for menus */
           width: 170px;
           min-height: 400px;
           postition: static;
           background-color: #ff9b04;
           float: left;
           top: 0;
          }

.column_space   {
                 min-height: 18px;
                 }

.column_banner   {
                  width: 400px;
                  height: 100px;
                  color: #ffffff;
                  font-size: 16px;
                  top: 100px;
                  left: 260px;
                  position: fixed;
                  }

.column3_cell {
         background-color: #f5f8ca;
         width: 450px;
         max-height: 200px;
         top: 60px;
         left: 0px;
         position: relative;
         border-style: solid;
         border-color: #660000;
         border: 2px;

         }

.column4_cell {
         background-color: #ffffff;
         width: 450px;
         max-height: 200px;
         top: 60px;
         left: 0px;
         position: relative;
         border-style: solid;
         border-color: #660000;
         border: 2px;

         }
<!-- add menu item and content item for menu formatting -->

.menu_item {
            vertical-align: top;
            font-family: verdana, helvetica, arial, sans-serif;
            font-size: 12px;
            font-weight: bold;
            text-transform: uppercase;
            background-color: #f5f8ca;
            width: 20%;
            min-height: 440px;

            }
.content_item
             {
             font-family: arial, helvetica, sans-serif;
             background-color: #ffffff;
             vertical-align: top;
             font-size: 14px;
             color: #333333;
             }

<!--  Create formatting for a menu 2/19/06 -->
.menu {
       padding: 0px;
       margin: 0px;
       background-color: #f5f8ca;

       }
.menu ul
        {
        list-style: none;  /* do not want a bullet */
        padding: 0px;
        margin: 0px;
        text-align: left;
        }

.menu li
        {
        border-top: 5px solid #f5f8ca;
        }

.menu a
       {
       display: block;
       background-color: #99cc33;
       color: #333333;
       text-decoration: none;

       border-left: 20px solid #660000;
       padding-left: 2px;
       }

.menu a:hover
      {
      text-decoration: none;
      color: #ffffff;
      background-color: #333333;
      border-left: 20px solid #ff9b04;
      }

<!-- add footer formatting -->

.footer
       {
       padding: 0px;
       margin: 0px;
       }

.footer ul
        {
        list-style: none; /* do not want a bullet */
        padding: 3px;
        margin: 3px;
        }

.footer li
        {
        display: inline;
        }

.footer a
        {
        background-color: #99cc33;
        text-decoration: none;
        color: #f5f8ca;
        border: 1px solid #333333;
        padding-left: 4px;
        padding-right: 4px;
        }

.footer a:hover
        {
        color: #660000;
        background-color: #ff9b04;
        border: 2px solid #cccccc;
        }

@page   {
         size: 8.5in 11in;
         margin: .5in;
         page-break-after: left;
         }

.breadcrumbs {
              font-family: Myriad Pro, arial, helvetica, sans-serif;
              font-size: 9px;
              color: #660000;
              font-style: italic;
              }
.breadcrumbs a {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #333333;
}
.breadcrumbs a:visited {
        color: #660000;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
}
.breadcrumbs a:hover {
        color: #FF9B04;
}

.column_main	{
	background-image: url(../art/main_outline.gif);
	position: relative; 
	background-position: 370px 20px;
	background-repeat:no-repeat;
	vertical-align: top;
	}

.picture_frame 	{
	margin-top: 50 px;
	}
	
.column_main_text	{
	width: 500px;
    top: 40px;
    /* left: 40px; */
    position: relative;	
	font-family: verdana,arial,helvetica,san-serif;
	margin-left: 25px;	
	font-size: 18px;
	color: #305b7c;
	float: left;
	}
	
.column_add_text	{
	
	font-family: verdana,arial,helvetica,san-serif;
	margin-left: 25px;	
	font-size: 14px;
	font-weight: bold;
	color: #305b7c;
	float: left;
	}

.bottom_right 	{
	float: right;
	margin-right: 0px;
	}
	
.bottom_left	{
	margin-left: 40px;
	}
	
.margin_right	{
	margin-right: 40px;
	}