/*-----------------------------------------------------------------------
MDF Website Stylesheet

Stylesheet Created by Aaron Gustafson(agustafson@cronin-co.com) 1/3/03.

Please list revisions. To conserve file size, please write the shorthand 
for color codes (#000000 -> #000; #ff9900 -> #f90) and use 0 in place of 
0px whenever possible.

Site colors from bruchure:
    Orange: #656567 | Pantone 145
    Blue:   #FFFFFF | Pantone 284
    Purple: #8BC83D | Pantone 2685
    Black:  #000
	Green: #8BC83D
	Gray: #656567
	White: #FFFFFF
REVISIONS:
Revision By				Date			Modifications

-----------------------------------------------------------------------*/


/* Rewrite HTML Tags */
body
{
  background-color: #FFFFFF;
  color: #000;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 11px;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
/*   text-align: center; */
}
div, p, th, td, li, dd, span, pre, textarea
{
  font-family:  Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
}

/* Content */
td#content p.title
{
  color: #000000;
  display: block;
  font-family:  Arial Narrow, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: bold;
  line-height: 16px;
  margin: 0 0 0 0;
  text-transform: uppercase;
  width: 245px;
}
td#content p.subTitle
{
  color: #656567;
  display: block;
  font-family:  Arial Narrow, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: bold;
  line-height: 15px;
  margin-bottom: -15px;
  width: 245px;
}
td#content p.tm
{
  display: block;
  font-size: 9px;
  width: 245px;
}
td#content span.subTitle
{
  color: #656567;
  font-family:  Arial Narrow, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: bold;
  line-height: 15px;
}
td#content p
{
  display: block;
  width: 245px;
}
td#content ul
{
  margin: 10px 0 -30px 25px;
  padding: 0 0 0 0;
  vertical-align: top;
}
td#content ul ul
{
  margin: 0 0 -5px 25px;
  padding: 0 0 0 0;
  vertical-align: top;
}
td#content ul li, td#content ul ul ul li
{
  list-style-type: disc;
  margin: 2px 0 2px 0;
  padding: 0 0 0 0;
  position: relative;
  top: -2px;
  vertical-align: top;
  width: 225px;
}
td#content ul ul li
{
  list-style-type: square;
  margin: 2px 0 2px 0;
  padding: 0 0 0 0;
  position: relative;
  top: -2px;
  vertical-align: top;
  width: 200px;
}


/* Links */
a:link, a:visited
{
  color: #8BC83D;
  font-weight: bold;
  text-decoration: none;
}
a:active, a:hover
{
  color: #8BC83D;
  font-weight: bold;
  text-decoration: underline;
}
a:link.majorSection, a:visited.majorSection
{
  color: #656567;
  display: block;
  font-family:  Arial Narrow, Helvetica, sans-serif;
  font-size: 19px;
  line-height: 18px;
  width: 100px;
}
a:active.majorSection, a:hover.majorSection, span.majorSectionOn, a:link.majorSectionOn, a:visited.majorSectionOn, a:active.majorSectionOn, a:hover.majorSectionOn
{
  color: #f90;
  display: block;
  font-family:  Arial Narrow, Helvetica, sans-serif;
  font-size: 19px;
  font-weight: bold;
  line-height: 18px;
  text-decoration: none;
  width: 100px;
}
div#footer a:link, div#footer a:visited, div#footer a:active, div#footer a:hover
{
  color: #000;
}
div.subNav a:link, div.subNav a:visited
{
  color: #D2D2D2;
  display: block;
  font-size: 10px;
  width: 100px;
}
div.subNav a:active, div.subNav a:hover, div.subNav a:link.on, div.subNav a:visited.on, div.subNav a:active.on, div.subNav a:hover.on, div.subNav span.on
{
  color: #fff;
  display: block;
  font-size: 10px;
  font-weight: bold;
  text-decoration: none;
  width: 100px;
}
div.subNav a:link.red, div.subNav a:visited.red
{
  color: #e2ed77;
  display: block;
  font-size: 10px;
  width: 100px;
}
div.subNav a:active.red, div.subNav a:hover.red
{
  color: #e2ed77;
  display: block;
  font-size: 10px;
  font-weight: bold;
  text-decoration: none;
  width: 100px;
}
td#tertiaryNav a:link, td#tertiaryNav a:visited
{
  color: #666;
  display: block;
  float: left;
  padding-right: 15px;
  position: relative;
}
td#tertiaryNav a:active, td#tertiaryNav a:hover, td#tertiaryNav span.on
{
  color: #000;
  display: block;
  float: left;
  padding-right: 15px;
  position: relative;
  text-decoration: none;
}

/* Layout */
div#footer
{
  font-size: 9px;
  padding-bottom: 5px;
  text-align: center;
  width: 1200px; margin-left:0; padding-left:auto; padding-right:auto; padding-top:5px; font-family:Tahoma; vertical-align:middle; letter-spacing:0
}
div#sidebar
{
  float: right;
  font-family:  Arial Narrow, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: -1px;
  line-height: 1.25;
  text-transform: uppercase;
  width: 215px;
}
div.subNav
{
  margin: 1px 0 10px 0;
  width: 100px;
}
table#body
{
  background-color: #fff;
  height: 500px;
  margin: 20px auto 0 auto;
  width: 700px;
}
td#bar
{
  background-color: #656567;
  color: #fff;
  font-weight: bold;
  height: 20px;
  padding: 0 0 0 10px;
  vertical-align: middle;
  width: 475px;
}
td#bottom
{
  height: 390px;
  vertical-align: top;
  width: 700px;
}
td#content
{
  padding: 5px 20px 30px 30px;
  position: relative;
  vertical-align: top;
  width: 475px;
}
td#content img.spacer
{
  display: block;
  float: left;
  height: 100%;
}
td#goBeyond
{
  background-color: #8BC83D;
  height: 75px;
  text-align: right;
  vertical-align: middle;
  width: 475px;
}
td#leftBar
{
  background-color: #656567;
  vertical-align: top;
  width: 20px;
}
td#navigation
{
  background-color: #8BC83D;
  height: 390px;
  padding: 30px 15px 0 15px;
  text-align: right;
  vertical-align: top;
  width: 120px;
}
td#tertiaryNav
{
  font-weight: bold;
  height: 20px;
  padding: 5px 0 5px 15px;
  vertical-align: top;
  width: 550px;
}
td#top
{
  height: 110px;
  vertical-align: top;
  width: 700px;
}
td#topLeft
{
  float: left;
  padding: 20px 4px 20px 6px;
  text-align: center;
  vertical-align: middle;
  width: 150px;
}
td#topRight
{
  float: right;
  height: 110px;
  vertical-align: top;
  width: 550px;
}


/* Design */
div#accent
{
  float: left;
  left: -30px;
  position: relative;
  top: 20px;
  z-index: 1;
}
div#sidebar img
{
  position: relative;
  top: -8px;
}
span.attribution
{
  color: #8BC83D;
  display: block;
  float: right;
  font-size: 11px;
  letter-spacing: 0;
  line-height: 1.25;
  margin-bottom: 30px;
  text-align: right;
  text-transform: none;
}
span.openQuote
{
  display: block;
  float: left;
  height: 200px;
  position: relative;
  top: 8px;
}
table#accent
{
  width: 60px;
}
table#accent td, table#accent tr
{
  height: 5px;
}
td#blank
{
  width: 15px;
}
td#orange
{
  background-color: #656567;
  width: 45px;
}
td#tertiaryNav a img, td#tertiaryNav span img
{
  margin-right: 3px;
}

/* New Sidebar */
div#bullets
{
  background-color: #ebebeb;
  border: 1px solid #000;
  float: right;
  font-weight: normal;
  margin: 25px 0 10px 0;
  text-transform: none;
  width: 180px;
}
span#head
{
  background-color: #656567;
  border-bottom: 1px solid #000;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  padding: 5px 5px 5px 5px;
  text-align: center;
  width: 180px;
}
div#bullets ul
{
  margin: 10px 0 0 25px;
  padding: 0 0 0 0;
  vertical-align: top;
}
div#bullets ul li, td#content ul ul ul li
{
  list-style-type: disc;
  margin: 2px 0 2px 0;
  padding: 0 0 0 0;
  position: relative;
  top: -2px;
  vertical-align: top;
  width: 150px;
}



/* Forms */
div#fieldRow
{
  height: 25px;
  width: 245px;
}
div#buttonRow
{
  text-align: center;
  width: 245px;
}
span#required
{
  color: #f00;
  display: block;
  float: left;
  font-weight: bold;
  left: -10px;
  margin-right: -10px;
  position: relative;
  top: 3px;
  width: 5px;
}
label
{
  display: block;
  float: left;
  font-weight: bold;
  margin-top: 3px;
  width: 75px;
}
label.row
{
  clear: all;
  display: block;
  float: left;
  font-weight: bold;
  margin: 3px 0 3px 0;
  width: 245px;
}
input.formButton
{
  border: 1px solid #000;
  color: #000;
  font-size: 10px;
  height: 20px;
  margin: 25px 5px 0 5px;
  text-transform: capitalize;
  width: 50px;
}
input.radio
{
  position: relative;
  top: 3px;
}
input.textField
{
  background-color: #B0C4DE;
  border: 1px solid #000;
  display: block;
  float: right;
  font-size: 10px;
  height: 20px;
  margin-left: 10px;
  width: 150px;
}
select
{
  background-color: #B0C4DE;
  border: 1px solid #000;
  font-size: 10px;
  display: block;
  float: right;
  margin-left: 10px;
  margin-bottom: 10px;
  width: 150px;
}
textarea 
{
  background-color: #B0C4DE;
  border: 1px solid #000;
  display: block;
  float: right;
  height: 200px;
  margin-bottom: 10px;
  width: 245px;
}
.white {  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000}