/* CSS Document */
body
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  color:#000000;
  background-color: #666666;          /* Define gray color */
  margin-left: 0px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
}

/* Define default hyperlink behavior */
a
{
  color: #14552D;
  text-decoration:none;
  font-weight:bold;
}
	
a:hover
{
  color: #FF3300;
  text-decoration:none;
  font-weight:bold;}

a:visited
{
  color: #14552D;
  text-decoration:none;
  font-weight:bold;}

#wrapper
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  color:#000000;
  background-color: #FFFFCC;          /* Define Cream color */
  position: absolute;
  top: 10px;
  left: 10px;
  width: 840px;
  height:auto;
}

#topBannerPF
{
  display: none;
}

#topBanner
{
  position:relative;
  width: 840px;
  height: auto;
}

#leftBarLocate
{
  position:relative;
  float:left;
  width: 144px;
}

#leftBarSpacer
{
  position: relative;
  height: 62px;
}

#leftbar
{
  padding-bottom: 2px;
}

/* The next two statements remove the default indend from the UL & LI */
#leftbar ul
{
  padding:0;
  margin:0;
}

#leftbar li
{
  padding:0;
}

#leftbar ul li
{
  display:block;
  list-style-type:none;
}

#leftbar ul li a
{
  font-family: Arial, Helvetica, sans-serif;
  color:#000000;
  font-size: 11px;
  font-weight:bold;
  text-decoration: none;
  display:block;

  /* The real button size is 124 x 27 - this size is to compensate for the padding */
  width:124px;
  height:21px;

  background:transparent url(images/JamesFrameButtonStackStarburst.gif) no-repeat 0 0;
  margin-bottom:6px;                 /* This defines the spacing between buttons */
  margin-left:20px;                  /* This is to indent the button images */

  /* padding is used to position the text on the image */
  padding-top: 6px;
  text-align:center;
/*  text-indent:12px; */
}

/*
 The background-position: x y;
   The first value is the horizontal position and the second value is the vertical.
   The top left corner is 0 0. Units can be pixels (0px 0px) or any other CSS units.
   If you only specify one value, the other value will be 50%. You can mix % and positions.
   
   Assuming the height of each button is 27 pixels:
   The image located at: 0   0 is the link button state
                         0 -27 is the visited button state
                         0 -54 is the hover button state
                         0 -81 is the active button state
*/

#leftbar ul li a:link
{
  background-position: 0 0px;
  text-decoration: none;
}

#leftbar ul li a:visited
{
  background-position: 0 -27px;
  text-decoration: none;
}

#leftbar ul li a:hover
{
  background-position: 0 -54px;
  color:#FF0000;                  /* Select RED font color */
  text-decoration: none;
}

#leftbar ul li a:active
{
  background-position: 0 -81px;
  color:#FF0033;                  /* Select REDish font color */
  text-decoration: none;
}

#contentTitle
{
/*  background-image:url(images/WoodBG.jpg); */
  font-family: Garamond, Georgia, serif;
  font-size: 32px;               /* choose a large size for the title text */
  font-weight:bold;
/*  text-shadow: #000000 2px 2px 2px; */
  color: #14552D;
  padding-right: 15px;
  position: relative;
  float: right;
  width: 645px;
  height: 52px;
}

/* Used to vertically position the title text in the banner */
#TitlePosn
{
  position: relative;
  top: 8px;
}

#content
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #000000;
  padding-right: 15px;
  position: relative;
  float: right;
  width: 645px;
}

#bottomBorderPF
{
  display: none;
}

#bottomBorder
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #000000;
  position: relative;
}

/* We use this to leave a little space below the page content */
#bottomSpacer
{
  background-color: #666666;          /* Define gray color */
  position:relative;
  float: left;
  width: 840px;
  height: 10px;
}

table, caption, td, ol, li, ul
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  color:#000000;
}

p
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  color:#000000;
}

/* Define horizontal-rule for the entire web site */
/* hr {color: #14552D; background-color: #14552D; height: 2px; border:none;} */
hr {background-image:url(images/WoodBG.jpg); height: 3px; border:none;}

td caption
{
  color:#000000;
}

/* The Garamond font is used for James Frame Co. and the BESTROBOARD */
.garamond {font-family: Garamond, Georgia, serif;}

.title {background-color: #82B4FF;}
.tblbg {background-color: #82B4FF;}
.row0 {background-color: #E2E2E2;}
.row1 {}                                  /* Let the background show through */
.sort {background-color: #D0F8FF;}
.formtblbg {background-image:url(images/WoodBG.jpg);}
/*.formtblbg {background-color: #14552D;}   /* Define DARK green */
.formtblcell {background-color: #C0C0C0;}


.style1
{
  font-size: small;
}

.border
{
   border-width: 3px;
   border-style: solid;	
   border-top-color: #1E8243;
   border-left-color: #1E8243;
   border-right-color: #14552D;
   border-bottom-color: #14552D;
}

.border1
{
   border-width: 1px;
   border-style: solid;	
   border-top-color: #1E8243;
   border-left-color: #1E8243;
   border-right-color: #14552D;
   border-bottom-color: #14552D;
}

.border2
{
   border-width: 2px;
   border-style: solid;	
   border-top-color: #1E8243;
   border-left-color: #1E8243;
   border-right-color: #14552D;
   border-bottom-color: #14552D;
}