body
{
	color: #000;
	padding: 10px;
	margin: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
}

p {
	margin:0in;
	margin-bottom:4pt;
	margin-top:3pt;
	}

ul li { margin: .5em 0 .5em 0 } /* increase spacing between list items */

/* header paragraph types */
H1, H2, H3, H4, H5 {color: maroon; font-family: Verdana,"Trebuchet MS", Arial, Geneva, sans-serif}
h1  { font-weight: bolder; font-size: 1.8em;}
h2  {font-weight: bolder; line-height: 120%; font-size: 1.4em; position: relative; left: -6em; margin-right: 10px;}
h3  {font-weight: bolder; line-height: 120%; font-size: 1.2em; position: relative; left: -6em; font-family: Verdana,Trebuchet MS, Arial, Geneva, sans-serif}
h4  { font-weight:normal; line-height: 120%; font-size: 1.2em;  font-family: Verdana,Trebuchet MS, Arial, Geneva, sans-serif}
h5  { font-weight: bolder; font-size: 1.0em; font-family: Verdana,Trebuchet MS, Arial, Geneva, sans-serif }
h6  { font-size: large; color: teal; font-family: Comic Sans MS, fantasy, sans-serif }


/* CSS font types  */
dfn { color:#006600; font-weight: bolder; font-family: Verdana,'Trebuchet MS', Arial, Geneva, sans-serif}

.ss-med { font-family: Verdana,Trebuchet MS, Arial, Geneva, sans-serif;
		font-size: 1em}
.ss-medsmall {font-family: Verdana,Trebuchet MS, Arial, Geneva, sans-serif;
	  	font-size: 0.95em }

.ss-small {font-family: Verdana,Trebuchet MS, Arial, Geneva, sans-serif;
	  	font-size: 0.90em }
.ss-xsmall 
	{font-family: Verdana,Trebuchet MS, Arial, Geneva, sans-serif;
	  font-size: 0.80em
	}
.ss-xxsmall 
	{font-family: Verdana,Trebuchet MS, Arial, Geneva, sans-serif;
	  font-size: 0.70em
	}
	
.ssGreen 
	{font-family: Verdana,Trebuchet MS, Arial, Geneva, sans-serif;
	  font-size: 0.85em;
	  color: green
	}	
.grayout {color:#333333}

.SmallCaps {font-variant:small-caps}	
  
.detail
{	background-color:#99FF66;
	padding: 5%;
	font-size: smaller;
}

.comic {font-family: Comic Sans MS, fantasy, sans-serif}

/* navigation and links */

	a:hover {color:black; background-color:#99FF99}
	a:visited { color:#993300} 
	
span.pnav {font-weight: bold; font-size:0.94em; font-family: Verdana,'Trebuchet MS', Arial, Geneva, sans-serif; color: Red   }
.pnav a:link {color:blue; text-decoration:none; background:transparent}
.pnav a:visited {color:blue; text-decoration:none; background:transparent}
.pnav a:hover {border-bottom: 3px solid #527BBD; color:green;  }
	

#ThisPageMenu {
	background-color:#FFCC66;
	line-height: 100%;
	text-align:center;
	 float: left;
	 width: 180px;
 	margin 1px 10px 1px 10px;
 	padding 5px;
	display: block;
	border: solid 1px #688
	}

/* vnav id is for local page menu */
.vnav ul, .vnav ul li
{
    font-family: Verdana,Trebuchet MS, Arial, Geneva, sans-serif;
	font-size: 0.92em
	margin: 0;
	padding: 0;
	
	list-style-type: none;
	display: block;
}
.vnav ul
{
	border: solid 1px #000;
	border-bottom-width: 0;
}
.vnav ul li
{
	border-bottom: solid 1px #000;
}
.vnav ul li a
{
	display: block;
	text-decoration: none;
	padding: 2px 10px;
	color: #000;
	background-color: #eee;
}
.vnav ul li a:hover
{
	background-color: #336;
	color: #fff;
}

.vnav
{
	margin-bottom: 1em;
}


.navbar {
	color:white;
	font-size: 0.90em;
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height: 2em;
	background-color:#660033;
	text-align:center;
    padding-left:20px;
	letter-spacing:1px;
	margin-bottom: 15px;
	height: auto;
	}

.navbar a:link {color:yellow; text-decoration:none; background:transparent}
.navbar a:visited {color:yellow; text-decoration:none; background:transparent}
.navbar a:hover {border-bottom: 3px solid #527BBD; color:white;  }

/* main content boxes   */

#widecol {
	text-align: left;
	margin-right: 10px;
	margin-left:  50px;
	position: relative;
	width: auto;
	min-width: 350px;
	height: auto;
	display: block
	}

#textbox {
    line-height: 120%;
	text-align: left;
	margin-right: 10px;
	margin-left: 220px;
	position: relative;
	width: auto;
	max-width: 600px;
	min-width: 150px;
	height: auto;
	display: block;
 	}

/* section headers */

#sectionhead  {font-weight: bolder; color: maroon; line-height: 120%; font-size: 1.4em;
        font-family: Verdana,Trebuchet MS, Arial, Geneva, sans-serif}

.newsection {/* header element float */
  clear:both;
  width: 100%;
  margin: 10px 1px 5px -6em;
  padding: 0em;
  border-top: 4px solid #999999;
  border-bottom: 3px solid #999999; 
  }
  /*special links for display */

div#DisplayLink {
    font-family: Verdana,Trebuchet MS, Arial, Geneva, sans-serif;
	font-size: 0.92em
	margin: 10px -20px;
	padding-bottom: 30px;
	padding-top: 20px;
	padding-left: 20px;
	border-top: 1px solid #000000;
	line-height: normal;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	clear: both;
	text-align: center;
}

div#DisplayLink a {
	padding: 3px 5px;
	text-decoration: none;
}

div#DisplayLink a:hover {
	border-bottom: 3px solid #527BBD;
	padding-bottom: 0;
}

/* insert boxes */

.picbox {
	float: left;
	margin-top:10px;
	margin-bottom: 12px;
	width: 100%;
	height: auto
	float: left;
	}
	
	
	
	.knowitbox {
	font-family: Comic Sans MS, Verdana, sans-serif;
	color:black;
	text-align:center;
	text-size:1.2em;
	background-color:#FF9900;
	border-color:#CC3300;
	line-height: 100%;
	display: block;
	margin-top: 1.2em;
	margin-bottom: 1.5em;
	margin-right: 4em;
	padding:10px;
	width:auto;
	border-width:thin; border-color:#FF6600
	}
	

.insetbox {
	background-color: #f5f7f5;
	line-height: 110%;
	display: block;
	margin-top: 1.2em;
	margin-bottom: 1.5em;
	padding-top: 0.6em;
	padding-bottom: 0.8em;
	padding-left: 1em;
	width:100%;
	border: solid 1px #688
	}

 
 blockquote.float-right {/* floats in content div */
  float: right;
  width: 13.5em; /* "em size" is element dependent */
  padding: 0.5em;
  margin: 0 0.5em 0 0;
  color: #00008b;
  background: #b0c4de;
  border: 1px  #4169e1;
  }

  blockquote.float-left {/* floats in content div */
  float: left;
  width: 13.5em; /* "em size" is element dependent */
  padding: 0.5em;
  margin: 0 0.5em 0 0;
  color: #00008b;
  background-color:#99FF66;
  border-right: 2px dotted #4169e1;
  border-bottom: 2px dotted #4169e1;
  }


/* work-arounds */

#innertextbox {padding: 10px;}
#innertextbox
{
	overflow: visible;
	height: 100%;	/* fix the Win32 IE float bug */
}
#textbox>#innertextbox
{
	height: auto;	/* fix Opera 5 which breaks with the above IE fix */
}
#innertextbox
{
	height: 100%;	/* fix IE 5.0 which parse the Opera fix, note the selector is all lower case */
}

 blockquote > p {/* control mozilla paragraph margin */ margin: 0 0 0.5em 0 }
 /* Hide from IE-mac \*/ 
 * html .content, * html #middle { height: 1%; } 
 /* End hide */ 


 blockquote > p {/* control mozilla paragraph margin */ margin: 0 0 0.5em 0 }
