/* <style type="text/css2"> */
/* <?xml version="1.0" encoding="utf-8"?> */
/*** The contents of this file were (ostensibly) written by Owen Briggs
@ www.thenoodleincident.com, 
and any Copyright rests with him. No
credit for the work that has gone into researching the use of font
sizes and styles rests with ClevaTreva Designs. 100% Kudos to Owen.
This is an EDITED version of the original! You will want to play with
these settings to make your own style for fonts 
and color other bits. ***/
/*6_30_10 Revised p{... and p:first letter */
body {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size:100.1%; /*** Don't change this setting. Make all other
font-sizes in % (preferred) or ems ***/
	color:#000000;
	}
a {
	text-decoration: underline;
	font-weight: bold;
	outline: none;
	}
a:visited { color: #0000EE;
	}
a:active { color: #551A8B;
	}
a:hover {
	text-decoration: underline;
	color: #00ff00;  <!-- added -->
	}
strong, b {
	font-weight: bold;
	}
hr {
	margin: 0px; /* fixes xhtml N6 bug where the hr sits to the left*/
	color: #000; /* for ie */
	background-color: #000; /* for everyone else */
	height: 1px;
	}
	/* ##### Places a red dotted line.. use in place of <hr />.  <div class="line"> &nbsp; </div>  #### */
.line 
	{
	border-bottom: 4px dotted #ff0000;
	font-style: italic; color: #ff0000; font-size: .8em;
	}
.lineblue
	{
	border-bottom: 4px dotted #0000ff;
	font-style: italic; color: #0000ff; font-size: .8em;
	}
p {
	font-size: 90%;
	line-height: 1.2em;
	margin-top: 1.5em;
	margin-bottom: 1.5em; 
	text-indent: 1em;
	}
p:first-letter 
	{
	color: #000000; font-size: 120%;
	font-style: italic;
	font-family: serif;
	}
li {
	font-size: 100%;
	line-height: 1.1em;
	margin-top: 0.4em;
	margin-bottom: 0.3em; 
	}
ul {
	margin-top: 1.0em;
	margin-bottom: 1.0em; 


	}
ol 		{	list-style: upper-alpha;
		font-size: 100%;
	margin-top: 1.0em;
	margin-bottom: 1.0em;
	}
ol ol 		{ 	list-style: decimal;
		font-size: 100%;
	margin-top: 1.0em;
	margin-bottom: 1.0em;
	}
ol ol ol 	{	list-style: lower-alpha;
		font-size: 100%;
	margin-top: 1.0em;
	margin-bottom: 1.0em;


	}
ol ol ol ol 	{	list-style: lower-roman;
		font-size: 100%;
	margin-top: 1.0em;
	margin-bottom: 1.0em;
	}
table	{
	Margin-left: auto;
	Margin-right: auto;
	font-size: .9em;
	text-align: left;
	vertical-align: top;
	font-weight: bold;
	border: 1px solid #000000;
	border-collapse: collapse;


	cellspacing: 2px; cellpadding: 4px;
	}
	}
th, td {
	font-size: 80%;
	vertical-align: top;
	border: 1px solid #000000;
	line-height: 1.4em;
	spacing: 2px; padding: 3px;
	}
hr {
	margin-top: 2.0em;
	margin-bottom: 2.0em;
	}
img {
	position: relative;
	float: left;
/*	border: 0;  */
	border-right: 0px solid #000080;	/* Added coding below this line  Gives color to the right border of 
the navigation bar below the header, only 1pixel wide	#9CFE85  */
	border-left: 5px solid #000000;		
	border-top: 0px solid #000000;
	border-bottom: 4px solid #000080;	/* Added coding above this line  Gives color to the bottom border of 
the navigation bar below the header, only 1pixel wide	#9CFE85  */
	margin-top: 3px;
	margin-bottom: 3px;
	margin-right: 5px;
	}
.centimage img  {
	position: relative;
	float: center;
/*	border: 0;  */
	border-right: 0px solid #000080;	/* Added coding below this line  Gives color to the right border of 
the navigation bar below the header, only 1pixel wide	#9CFE85  */
	border-left: 5px solid #000000;		
	border-top: 0px solid #000000;
	border-bottom: 4px solid #000080;	/* Added coding above this line  Gives color to the bottom border of 
the navigation bar below the header, only 1pixel wide	#9CFE85  */
	margin-top: 3px;
	margin-bottom: 3px;
	margin-right: 5px;
	}
<!-- ############## Added coding below this line ##################### -->
.pageName
	{
	font-variant: large-caps;
	color:	#000080;
	border-bottom: 4px dotted #ff0000;
	font-size: 150%;
	}
	/* ##### Underlines and Centers text within block.  <div class="pageinfo"> Text </div>  #### */
.pageinfo
	{
	font-variant: small-caps;
	color:	#ff0000;
	border-bottom: 4px dotted #0000ff;
	font-size: 90%;
	text-align: center;
	}
.pageinfoleft
	{
	font-variant: small-caps;
	color:	#ff0000;
	border-bottom: 4px dotted #0000ff;
	font-size: 90%;
	text-align: left;
	}
	/* ##### Centers text within block.  <div class="feature"> Text </div>  #### */
.feature 
	{
	/*	border-bottom: 4px dotted #ff0000;  */
	font-style: italic; color: #ff0000;
	text-align: center;
	}
	/* ##### Centers text within block.  <div class="note"> Text </div>  #### */
.note 
	{
	border-bottom: 4px dotted #0000ff;
	font-style: italic; color: #0000ff; font-size: .8em; width: 80%;
/*	text-align: center;  */
	}
.buttonnav 
	{
	position: relative;
	left: 3px;
	top: 0px;
	width: 120px;
	margin-left: 0px;
	background-color: #483D8B;
	border-right: 4px solid #483D8B;
	border-left: 4px solid #483D8B;		/*Gives color to the left border of the navigation button */
	border-top: 4px solid #483D8B;
	border-bottom: 4px solid #483D8B;  
	}
.buttonnav a { display: block; list-style-image: 
            <!--   url('../../../../Documents%20and%20Settings/Pete%20Wasmund/Local%20Settings/Temporary%20Internet%20Files/Content.IE5/2H3YXQ2D/none'); -->
               list-style-type: none; font-style: normal; font-variant: normal; 
               font-weight: bold; line-height: 1.75em; font-size: .75em; 
               font-family: Arial, Helvetica, sans-serif; color: #ff0000; 
               background-color: #E0FFFF; background-repeat: repeat; 
               background-attachment: scroll; text-decoration: none; 
               border-left-style: ridge; border-right-style: ridge; 
               border-top: 0px solid #ff0000; border-bottom-style: ridge; 
               margin-top: 0px; padding-left: 10px; background-position: 0% 
	}
	/* ##### Prevents/stops text from flowing around images. I.E.  <div class="stopflow"> </div>  #### */
.stopflow
	{
	clear: both;
	}
	/* ##### Positions image to left side of block. I.E.  <div class="imgleft"> --img url-- </div>  #### */
.imgleft {
	position: relative;
	float: left;
/*	border: 0;  */
	border-right: 0px solid #000080;	/* Added coding below this line  Gives color to the right border of 
the navigation bar below the header, only 1pixel wide	#9CFE85  */
	border-left: 5px solid #000000;		
	border-top: 0px solid #000000;
	border-bottom: 4px solid #000080;	/* Added coding above this line  Gives color to the bottom border of 
the navigation bar below the header, only 1pixel wide	#9CFE85  */
	}
.tablelines table  {
	Margin-left: auto;
	Margin-right: auto;
	font-size: .9em;
	font-family: arial;
	font-style: italic;
	text-align: left;
	vertical-align: top;
/*	font-weight: bold; */
	border: 0px solid #f5f5dc;
	border-collapse: collapse;
	}
.tablelines td, th {
	font-size: 90%;
	vertical-align: top;
	font-family: arial;
	border: 0px solid #f5f5dc;
	line-height: 1em;
	}
*/
/*** the following styles and notes are (c) Copyright
Big John @ www.positioniseverything.net ***/
div,p{margin:0}
.italics-test, .italics-test-side 
{
font-style: italic; 
text-align: justify; 
}
/***
The following fixes prevent justified italic text
from destroying the layout in IE/win. The problem
is that those properties together make IE force the
container wider, which in this type of floated layout
causes a float drop.
Pre-IE6 gets "width: 100%" and "overflow: hidden",
while IE6 gets "width: auto" and "overflow: visible,
which is the default, but explicitly stating it seems
to keep IE6 happy. IE6 also needs to see the
"height: 1%" to give it some kind of box dimension.
Browser coddling we call it. Finally, Bruno Fassino
found that "word-wrap: break-word;" disarranged the
justified text in IE5.5 and 6, so it is defaulted to
"normal" for this text.
If you don't need justified and italicized text then
forget all these fixes.
Although, ClevaTreva adds, I have seen some odd
behavior with normal justified text in IE, so
this may be worth remembering.
***/
/* \*/
* html .italics-test, * html .italics-test-side {
overflow: hidden;
width: 100%;
o\verflow: visible;
w\idth: auto;
he\ight: 1px;
word-wrap: normal;
}
/* */