.body
{
        color: #000000;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 100%;
}

/*
A:link
{
        color: #000000;
        text-decoration: none;
}
A:visited
{
        color: #0f68a2;
        text-decoration: none;
}
A:hover
{
        color: #770000;
        text-decoration: underline;
}
A:active
{
        color: #000000;
        font-family: Verdana, Arial, Helvetica, sans-serif;
}
*/ 

/* main content area of the page.. */
.main
{
        padding: 8px 0px 8px 8px;
        border-bottom-style: solid;
        border-bottom-color: #FFFFFF;
        color: #FFFFFF;
        background-color: #FFFFFF;
        border: #0f68a2;
        border-bottom-width: 2px
}
 
/* the banner class defines the top div of the website. */
.banner
{
        font-size: 11px;
        background-color: #FFFFFF;
        border-color: #FFFFFF;
        border-bottom-width: 2px;
        background-repeat: repeat;
        margin-top: 1px;
        margin-bottom: 1px;
}
 
/* the nav class defines the navigation bar div */
.nav
{
        vertical-align: bottom;
        border-bottom-style: solid;
        border-bottom-color: #ffffff;
        background-color: #0f68a2;
        border-color: #ffffff;
        background-repeat: repeat;
        border-bottom-width: 1px
}
 
/* this defines the individual table cells of the nav class */
.navcell
{
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 5px;
        font-size: 11px;
        font-weight: bold;
        text-align: center;
        vertical-align: bottom;
        padding-bottom: 5px;
        color: #FFFFFF;
}
 
.navcell:hover
{
        background: #FFFFFF;
        color: #0f68a2;
        margin-top: 2px;
}

.navcell:hover a
{
        background: #FFFFFF;
        color: #0f68a2;
        margin-top: 2px;
} 

.navcell:visited a
{
        color: #ffffff;
        margin-top: 2px;
}

.navcell a
{
        color: #ffffff;
        margin-top: 2px;
}
 
/* this is the spacer div for navcells.... */
.navspacer
{
        height: 18px;
        top: 4px;
}

/* this is the left column of the website. */
.leftnav
{
        padding: 5px 5px;
        height: auto;
        text-align: left;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-weight: bold;
        color: #FFFFFF;
        border:  2px #b22222 solid;
        background-color: #b22222;
        margin:   4px 4px 2px 10px;
}
 
/* the h1 is the part that says Online Catalog */
.leftnav h1
{
        font-size: 13px;
        color: #333333;
        background: #FFFFFF;
        font-weight: bold;
        padding-top: 2px;
        padding-bottom: 3px;
        padding-left: 5px;
margin: 0px;
}
 
/* these are the list of products */
.leftnav ul
{
        margin:0;
        padding:0;

}
 
.leftnav ul li
{
        font-size: 11px;
        color: #333333;
        padding: 1px;
        list-style-type: none;
}
c.a:link
{
        color: #333333;
        text-decoration: none;
}
c.a:hover
{
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-weight: bold;
        color: #333333;
        text-decoration: underline
}
c.a:visited
{
        color: #333333;
        text-decoration: none;
}
 
/* this is the content area of the page. */
.content
{
 padding-top: 0px;
 border:  2px #0f68a2 solid;
 font-size: 11px;
}

a.maroon:link
{
	background-color: Maroon;
	color: White;
	cursor: pointer;
}

a.maroon
{
	background-color: Maroon;
	color: #FFFFFF;
	cursor: pointer;
}

a.maroon:hover
{
	background-color: Maroon;
	text-decoration: underline;
	color: #FFFFFF;
	cursor: pointer;
}

a.maroon:visited
{
	background-color: Maroon;
	color: #FFFFFF;
	cursor: pointer;
}

.maroon
{
	background-color: Maroon;
	color: #FFFFFF;
}

.content
{
        color: #000000;
}
 
/* this is the footer website. */
.footer
{
        margin-top: 12px;
        padding-top: 10px;
        color: #000000;
        font-size: 10px;
        padding-bottom: 50px;
}

td.footer { color:black; }
td.footer  a { color:black;}
  
/* no brainers */

/* these classes define the display of certain text... */
.small
{
        font-size: 70%;
        font-family: Arial, sans serif;
}
.med-small
{
        font-size: 85%;
        font-family: Arial, sans serif;
}
.medium
{
        font-size: 100%;
        font-family: Arial, sans serif;
}
.big
{
        font-size: 115%;
        font-family: Arial, sans serif;
}
.xbig
{
        font-size: 130%;
        font-family: Arial, sans serif;
}
.status
{
        font-size: small;
        color: #eeeeee;
        font-family: Arial, sans serif;
}
.warning
{
        font-size: big;
        color: #cc0000;
        font-family: Arial, sans serif;
}
 
/* these classes define the different alternating rows found throughout the site */
.alpha_row
{
        background-color: #606076;
}
.beta_row
{
        background-color: #C2C2D1;
}
.theta_row
{
        background-color: #E8E8F2;
}


/* these classes define the calendar styles */
.cal-header-big
{
  font-size: 13px;
  font-weight: bold;
  color: #FFFFFF;
  background-color: #0f68a2;
  height: 33px;
  vertical-align:middle;
}
.cal-header-small
{
	font-size: 13px;
	font-weight: bold;
  color: #FFFFFF;
	background-color: #556b2f;
  height: 20px;
}
.cal-weekdays-big
{
	font-size: 13px;
	font-weight: bold;
  color: #333333;
	background-color: #efefd2;
  width: 81px;
  height: 20px;
}
.cal-weekdays-small
{
	font-size: 13px;
	font-weight: bold;
  color: #333333;
	background-color: #efefd2;
  width: 23px;
  height: 20px;
}
.cal-font-small
{
	font-size: 11px;
	font-weight: normal;
  color:#000000;
}
.cal-font-medium
{
	font-size: 12px;
	font-weight: normal;
  color:#333333;
}

.cal-font-small-hot
{
	font-size: 11px;
	font-weight: normal;
  color:#f08049;
}
a.cal-font-small:visited,a.cal-font-small
{
  font-size: 11px;
  font-weight: normal;
  color:#000000;
  text-decoration:none;
}
a.cal-font-small:hover
{
  font-size: 11px;
  font-weight: normal;
  color:#000000;
  text-decoration:underline;
}
.cal-font-big
{
	font-size: 13px;
	font-weight: bold;
  color:#000000;
}
.cal-font-big-hot
{
	font-size: 13px;
	font-weight: bold;
  color:#000000;
}
.cal-white
{
	background-color: #ffffff;
}
.cal-gray
{
	background-color: #f3f3f3;
}
.cal-light
{
	background-color: #efefd2;
}
.cal-dark
{
	background-color: #556b2f;
}
.cal-border
{
  border: 1px solid #556b2f;
}
.cal-date-small
{
  font-size: 11px;
  font-weight: normal;
  color:#000000;
  width: 23px;
  height: 20px;
}
a.cal-date-small-hot,a.cal-date-small-hot:link,a.cal-date-small-hot:visited
{
  font-size: 11px;
  font-weight: normal;
  color:#f08049;
  text-decoration:none;
}
a.cal-date-small-hot:hover
{
  font-size: 11px;
  font-weight: normal;
  color:#f08049;
  text-decoration:underline;
}
.cal-date-big
{
  font-size: 13px;
  font-weight: bold;
  color:#000000;
}
.cal-date-big-hot
{
  font-size: 13px;
  font-weight: bold;
  color:#f08049;
}
.cal-date-selected,a.cal-date-selected,a.cal-date-selected:link,a.cal-date-selected:visited
{
  font-size: 11px;
  font-weight: normal;
  color:#ffffff;
  background-color: #556b2f;
  text-decoration:none;
}

/* this is the misc list navs on the website. */
.listnav
{
        position: relative;
        float: left;
        padding-left: 5px;
        padding-top: 5px;
        height: auto;
        text-align: left;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        margin:   0px 0px 0px 0px
}

div.rightCol
{
        float: right;
        width: auto;
}
.cellcontent
{
  font-size: 11px;
  font-weight: normal;
  color:#000000;
  width: 23px;
  height: 20px;
}
a.whitetext
{
  font-size: 11px;
  font-weight: normal;
  color:#FFFFFF;
  width: 23px;
  height: 20px;
}

a.boldlink
{
  font-size: 11px;
  font-weight: bold;
  color:#000000;
}