/* CSS Document */

/* GLOBAL / GROUP SETTINGS */
body {
  background-color:#FFF;
  color:#626366; 
  font-size:12px; 
  line-height:20px;
  }

/* should be implicitly set in body assignment
div, h3, h5, li, p, #homeBoxes div .title, #homeBoxes, #homeText, #howLead p,  
*/
  
body, a.DarkGrayLink, .address, .columnTitle {
  font-family:Verdana, Arial, Helvetica, sans-serif; 
  }
  
/* changed default font via inheritance
h1, h2, h4, h6, 
*/

td, FORM, .GrayTxt, .OrangeTxt, .PageTitle, .PurpleTxt, .QuotesTxt, .QuotesName, .QuotesTitle, .RedTxt {
  font-family:Georgia, "Times New Roman", Times, serif;
  }

td, p, li, FORM, div {
  color:#000;
  font-size:10pt;
  /* line-height:20px; ?? isn't this redundant with body declaration ?? */
  }  

.GrayTxt, .OrangeTxt, .PurpleTxt, .RedTxt {
  font-size:16px;
  font-weight:bold;
  margin:0;
  }  

  
  
/* ELEMENT SELECTORS */

a {
  color:#626366;
  text-decoration:none;
  }

a:hover {text-decoration:underline;}
  
a.DarkGrayLink {
  color:#626366;
  /* font-family:Arial, Helvetica, sans-serif; */
  text-decoration:none;
  }

a.DarkGrayLink:hover {text-decoration:underline;}

div a {color:#000;}

h1 {
	font-size:14pt;
	color:#990000;
  }

h2 {
  /*	
  font-size:10pt; 
  font-weight:bold;
  */ 
	color:#000;
  }
	
h3 {
	color:#333333;
  font-size:12px;
	font-weight:bold;
  margin:0;
  }
	 
h4 {
	color:#493D69;
	font-size:14px;
	font-weight:bold;
	margin:0;
  }
  
h5 {
	font-size:13.0pt;
	font-style:italic;
	font-weight:bold;
	margin:12px 0 3.0pt;
  }

h6 {
	color:#493D69;
	display:block;
	font-size:9px;
	font-weight:bold;
	margin:5px 0;
  }

hr {
  border:1px;
  color:#CCC;
  height:1px;
  margin:0;
  padding:0;
  }
  
img.ContentImageLeft {margin:0 10px 10px 0;}
img.ContentImageRight {margin:0 0 10px 10px;}



/* CLASS SELECTORS */

.actionBox {
  color:#333;
  display:block;
  float:left;
  height:139px;
  padding:30px 30px 0 30px;
  width:170px;
  }
  
.actionBox a {
  color:#AC2020;
  text-decoration:none;
  }

.address {
	font-size:11px;
	/* font-family:Arial, Helvetica, sans-serif; */
	margin:0;
  }

.box2 {
  border-left:solid 1px #AFAFAF;
  border-right:solid 1px #AFAFAF;
  float:left;
  padding:0 40px;
  width:250px;
  }

.columnTitle, .columnTitle a {
  color:#787878; 
  font-family:verdana, arial, helvetica, sans-serif; 
  font-size:20pt; 
  font-weight:normal;
  line-height:21pt;
  }
  
.GrayTxt {color:#666;}

.homeTitle {
  color:#AC2020;
  display:block; /*used to be "diplay:block" misspell and missing ;*/
  float:left;
  font-size:30pt;
  font-weight:normal;
  line-height:32pt;
  padding:20px 0 0 40px;
  width:220px;
  }
  
.OrangeTxt {color:#CA6918;}

.PageTitle {
  color:#C96918;
  font-size:26px;
	font-weight:normal; 
  line-height:30px;
  margin:0;
  }

.PurpleTxt {color:#493D69;}

.QuotesTxt, .QuotesName, .QuotesTitle {
  color:#000000; 
  font-size:10pt;
  margin:0;
  }
  
.QuotesTitle {
  font-style:italic; 
  line-height:16px;
  }

.RedTxt {color:#AD1116;}



/* ID SELECTORS */
#contentcolumn_home {
  margin:25px 0 0 0;
  width:1008px; /*Width of content column in pixel*/
  }

#homeBoxes {
  clear:both; 
  float:left; 
  /* font-family:Verdana, Arial, Helvetica, sans-serif; ?? grouped ?? */
  /* padding-top:35px; */ 
  /*  padding-top:0px; ?? Does this even need to be specified ?? */ 
  width:1008px; 
  }

#homeBoxes div {
  float:left;
  font-size:9pt;
  height:600px;
  padding:0 40px;
  width:255px;
  }
/* 

?? font-family should be inherited from parent, right ??


#homeBoxes div {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  }

#homeBoxes div a {color:#000;}

  
#homeBoxes div p, #homeBoxes div li {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  }

#homeBoxes div .title {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  }
*/

#homeBoxes div .title {
  color:#787878;
  font-size:20pt;
  font-weight:normal;
  /* line-height:21pt; ?? does this really make a difference from body style ?? */
  }

#homeBoxes ul {
  list-style-image:none;
  list-style-type:none;
  margin:0;
  padding:0;
  }

#homeBoxes ul li {padding-bottom:10px;}

#homeText {
  /* font-family:Verdana, Arial, Helvetica, sans-serif; ?? grouped ??*/
  height:68px;
  margin-top:-80px;
  margin-left:400px;
  position:absolute;
  text-align:left;
  width:550px;
  }

#howLead {
  border-bottom:solid 1px #AFAFAF;
  clear:both;
  float:left;
  height:139px;
  /*
  overflow:hidden;
  position:relative;
  */
  width:1008px;
  }

/* 
?? font-family should be inherited from parent, right ??
#howLead p {font-family:Verdana, Arial, Helvetica, sans-serif;}
*/

#HP_ColorBox p {margin-top:5px;}

#HP_ColorBox td {background: url(colored_box_bg.gif) #F2F2F3 repeat-x left top;}

#sponsor {
/*  position:absolute; */
  float:top;
  bottom:0;
  height:175px;
  margin:0;
  padding:0;
  text-align:center;
  width:250px;
  
  border:solid 1px;
  }
  
#yellowText {
  height:123px;
  margin-left:0;
  margin-top:-183px;
  position:absolute;
  text-align:right;
  width:775px;
  }

#yellowBox {
  background-color:#FFC20E;
  filter:alpha(opacity=80); /* IE's opacity */
  height:88px;
  margin-top:-90px;
  opacity:0.80;             /* newer Mozilla and CSS-3 */
  position:absolute;
  width:1008px;
  -moz-opacity:0.80;        /* Mozilla 1.6 and below */
}

#rotateCount, #rotateTxt {display:none;}


/*  NEW HOMEPAGE ITEMS?
#howLead[id] {
  display:table;
  position:static;
  }

#inner {
  position:relative;
  top:-50%;
  text-align:left;
  } /* for explorer only */
/*
#inner[id] {
  margin-left:auto;
  margin-right:auto;
  /* position:static; (optional) } */
/*
  width:225px;
  } /* for all browsers */
/*
#middle {
  position:absolute;
  text-align:center;
  top:50%;
  width:100%;
  } /* for explorer only*/
/*
#middle[id] {
  display:table-cell;
  position:static;
  vertical-align:middle;
  } /* for all browsers*/
/*
#outer {
  height:400px;
  overflow:hidden;
  position:relative;
  width:100%;
  }
*/