BODY   {   font-family: verdana , ariel, sans-serif ; margin: 0px   }

B    {  font-weight: 700%;  color:#000000    }

/*  Headers-Red  */
	H1, H2, H3, H4, H5  { font-family: verdana , ariel, sans-serif ; }
	H1 { font-size:  24px;  font-weight: bold;   color:  #CC0033; }
	H2 { font-size:  18px ;  font-weight: bold;   color:  #CC0033; }
	H3 { font-size:  14px;  font-weight: bold;  color:   #CC0033; }
	H4 { font-size:  12px; font-weight: bold;  color:  #CC0033; }
	H5 { font-size:  11px; font-weight: bold;  color:  #CC0033; }
	
/*  display copy   */
	.display14  {  font-size:   14px;  color: #333333;  font-family:   verdana, ariel, sans-serif;   }
	.display12  {  font-size:   12px;  color: #333333;  font-family:  verdana, ariel sans-serif;   }	
	.display11  {  font-size:   11px;  color: #333333;  font-family:  verdana, ariel sans-serif;   }	
	.display10  {  font-size:   10px;  color: #333333;  font-family:  verdana, ariel sans-serif;   }	
	.display9  {  font-size:   9px;  color: #333333;  font-family:  verdana, ariel sans-serif;   }


/*  Heads-Plain, green   */
	.headplainlarge  { font-size:  20px;  color: #336600;  font-family: verdana, ariel, sans-serif;  }
	.headplainmed  { font-size:  16px;  color: #336600;   font-family: verdana, ariel, sans-serif;  }
	.headplain   { font-size: 12px;  color: #336600;    font-family: verdana, ariel, sans-serif;  }
	.headplainsmall   { font-size: 10px;  color: #336600;    font-family: verdana, ariel, sans-serif;  }
	.headplain9   { font-size: 9px;  color: #336600;    font-family: verdana, ariel, sans-serif;  }

/*  Heads-Green   */
	.greenhead  { font-size:  14px;  color: #336600;  font-weight:bold;  font-family: verdana, ariel, sans-serif;  }
	.greenheadsmall   { font-size: 12px;  color:#336600;   font-weight:bold;  font-family: verdana, ariel, sans-serif;  }
	.greenhead10   { font-size: 10px;  color:#336600;   font-weight:bold;  font-family: verdana, ariel, sans-serif;  }
	
/*  Heads-Blue   */
	.bluehead  { font-size:  14px;  color: #003399;  font-weight:bold;  font-family: verdana, ariel, sans-serif;   }
	.blueheadsmall   { font-size: 12px;  color:#003399;   font-weight:bold;  font-family: verdana, ariel, sans-serif;      }
	
/*  Heads-Reverse   */
	.reversehead  { font-size:  14px;  color: #FFFFFF;  font-weight:bold;  font-family: verdana, ariel, sans-serif;  }
	.reverseheadsmall   { font-size: 12px;  color: #FFFFFF;   font-weight:bold;  font-family: verdana, ariel, sans-serif;  }
	
/*  Navigation Heads  */
	.navhead  { font-size:  12px;   color: #26458E;  font-family: arial, verdana, san-serif; font-weight: bold; }
	.navhead11  { font-size: 11px;   color: #26458E;  font-family: arial, verdana, san-serif; font-weight: bold; }
	.navhead10  { font-size: 10px;   color: #26458E;  font-family: arial, verdana, san-serif; font-weight: bold; }
	.navheadloose  { font-size: 11px;   letter-spacing: 5px;  color: #26458E;  font-family: arial, verdana, san-serif; font-weight: bold; }
	
/*  copy  */
	.copy18  { font-size:  18px; color: #000000;  font-family:   serif, "times new roman", times;  }
	.copy16  { font-size:  16px; color: #000000;  font-family:  serif, "times new roman", times;   }
	.copy14  { font-size:  14px; color: #000000;  font-family:  serif, "times new roman", times;   }
	.copy12  { font-size:   12px; color: #000000;  font-family:   serif, "times new roman", times;  }
	.copy11  { font-size:   11px; color: #000000;  font-family:   serif, "times new roman", times;   }
	.copy10  { font-size:   10px; color: #000000;  font-family:   serif, "times new roman", times;   }
	
/*  copy-reverse  */
	.reversecopy18  { font-size:  18px; color: #FFFFFF;  font-family:  serif, "times new roman", times;   }
	.reversecopy16  { font-size:  16px; color: #FFFFFF;  font-family:  serif, "times new roman", times;   }
	.reversecopy14  { font-size:  14px; color: #FFFFFF;  font-family:  serif, "times new roman", times;   }
	.reversecopy12  { font-size:   12px; color: #FFFFFF;  font-family:   serif, "times new roman", times;   }
	.reversecopy11  { font-size:   11px; color: #FFFFFF;  font-family:   serif, "times new roman", times;   }

/*  paragraph with margins  */
	p.margin {margin: 12px 20px 12px 20px}
	
/*  sidebar  */
	.sidebar { border-width: 1px; padding: 6px; border-style: solid;
}

/*  list with margins  */
	.margin {margin: 12px 20px 12px 20px}
	

/*  links  */

	A:link { text-decoration: none;  }
	A:active { text-decoration: none   }
	A:visited { text-decoration: none; }
	A img {border: none; } 


	/* *********************** */
	/*   My Div sections :)    */
	/* *********************** */


	/* Doing this with ID's as classes instead of generic classes because I've 
		seen it work this way..... more testing needs to be done before I 
		use generic classes */

		.header {
			text-align: center;
			background-image: url(../img/large.jpg);
			background-repeat: repeat-x;
			margin: 0px;
			height: 154px;
		}
		#content{
			margin-top: 16px;
			margin-left: 13em;
		}
		#nav  { 
			position: absolute;
			border: solid #113 1px;
			background-color: #fff;
			top: 170px;
			margin-left: 0.5em;
			width: 10em;
			height: 200px;
		}
		#factTitle1-1{
			position: absolute;
			top: 380px;
			background-color:ff00ff;
			margin-left: 0.5em;
			height: 30px;
			width: 20px
		}
		#factTitle2-1{
			color: white;
			font-size: 15px;
			font-weight: bolder;
			position: absolute;
			top: 380px;
			margin-left: 25px;
			background-image: url(../img/small.jpg);
			background-repeat: repeat-x;
			width: 100px;
			height: 30px;
		}
		#fact-1	{
			position: absolute;
			top: 410px;
			margin-left: 0.5em;
			border: solid #113 1px;
			color: #003366;
			width: 120px;
		}
		
		/*  Woot Box */
.boxver1
{
   border-style:solid;
   border-color:#0066cc;
   margin:50px;
   background-color:#d6d6d6;
}
