body {
  background-image : url(/material/Background4.jpg);
  margin           : 0px;
  padding-left     : 22pt;
	/* some IE scrollbar manipulation */
	scrollbar-base-color        : #f8f8ff;
	scrollbar-arrow-color       : #000080;
	scrollbar-dark-shadow-color : #000080;
	scrollbar-face-color        : #00a4ff;
	scrollbar-highlight-color   : #ffffff;
	scrollbar-track-color       : #f8f8ff;
}

A:link {font-weight: bold; color: #0000ff}
A:visited {font-weight: bold; color: #9900ff}
A:hover {font-weight: bold; color: #ffd700; background-color: #000000;}


p {
    margin-top    : 0em;
    margin-bottom : 0.5em;
    text-align    : justify;
    line-height   : 120%;
}

blockquote { 
    margin-left  : 0.8em;
    margin-right : 0.8em;
}

sub, sup { 
    font-size : 80%; 
}

#PageLayout { width : 100%; }

td {
    vertical-align : top;
}
td.Caption {
    background-color : #000000
    padding-left     : 1pt;
    padding-right    : 1pt;
    padding-top      : 1pt;
    padding-bottom   : 1pt;
    vertical-align   : middle;
    font-face        : "book antiqua";
    font-size        : x-small;
    font-color       : #ffffff
}
    


td.Main { 
    border           : 1pt groove #000080; 
    padding-left     : 1em;
    padding-right    : 1em;
    padding-bottom   : 2pt;
    background-image : url(material/back0008.gif);
}

#ColumnHeader {
    height           : 1pt;
    border           : 1pt #000080 groove;
    padding-left     : 1pt;
    padding-top      : 1px;
    padding-right    : 1pt;
}
#SideBar{
    width            : 25%;
    background-color : #000080;
    border           : 1pt inset #ff0000;
    padding-top      : 0em;
    padding-left     : 0.5em;
    padding-right    : 0.5em;
    padding-bottom   : 0em;
    text-align       : left;
    font-family      : "book antiqua";
    font-size        : 80%;
}

#SideBar p,
#SideBar blockquote { font-size : 85% }

#SideBar ol,
#SideBar ul {
  font-size   : 85%;
	margin-left : 2em;  
}

#SideBar ol li, 
#SideBar ul li { margin-top : 0.25em }


#SideBar h3 {
    margin-top     : 0em;
    border-bottom  : 2pt solid black;
    padding-bottom : 1em;
    text-align     : center;
    font-family    : Verdana,Optima,Optimum,Helvetica,Arial,sans-serif;
    font-weight    : bold;
    font-size      : 110%;
    letter-spacing : 0.2em;
}
#SideBar h4  { 
   font-weight   : bold;
   margin-top    : 1em;
   margin-bottom : 0.5em;
}
#Introduction {
  height        : 0pt;
  border-bottom : 2pt solid #74786A;    
}

td.Audioleft { 
    border           : 1pt groove #000080; 
    padding-left     : 1em;
    padding-right    : 1em;
    padding-bottom   : 2pt;
    background-color : #000080;
    font-color       : #ffffff;
}

#A:link {font-weight: bold; color: #0000ff}

#ColumnHeader {
    height           : 1pt;
    border           : 1pt #000080 groove;
    padding-left     : 1pt;
    padding-top      : 1px;
    padding-right    : 1pt;
}
#SideBar{
    width            : 25%;
    background-color : #000080;
    border           : 1pt inset #ff0000;
    padding-top      : 0em;
    padding-left     : 0.5em;
    padding-right    : 0.5em;
    padding-bottom   : 0em;
    text-align       : center;
    font-family      : "book antiqua";
    font-size        : 80%;
}

#SideBar p,
#SideBar blockquote { font-size : 85% }

#SideBar ol,
#SideBar ul {
  font-size   : 85%;
	margin-left : 2em;  
}

#SideBar ol li, 
#SideBar ul li { margin-top : 0.25em }


#SideBar h3 {
    margin-top     : 0em;
    border-bottom  : 2pt solid black;
    padding-bottom : 1em;
    text-align     : center;
    font-family    : Verdana,Optima,Optimum,Helvetica,Arial,sans-serif;
    font-weight    : bold;
    font-size      : 110%;
    letter-spacing : 0.2em;
}
#SideBar h4  { 
   font-weight   : bold;
   margin-top    : 1em;
   margin-bottom : 0.5em;
}
#Introduction {
  height        : 0pt;
  border-bottom : 2pt solid #74786A;    
}



div#Contents { text-align : center; }

p#sections { 
 width           : 0;
 margin-bottom   : 0.5em;
 border-bottom   : 1pt solid #24281A;
 padding-left    : 0.25in;
 padding-right   : 0.25in;
 text-align      : center;
 letter-spacing  : 2px;
 font-size       : 120%;
 font-style      : italic;
 white-space     : nowrap;
}

div#Contents a { 
  padding-top    : 8pt;
  vertical-align : top;
}

p.first:first-line { 
  color     : #202810;
  font-size : 120% 
}

#ColumnFooter {
    height     : 0pt;
    border     : 4pt double #000080;
    text-align : center;
}
td.TextColumn {
    width   : 37%;
    padding : 1em 0.5em;
}
td.ColumnDivider { width : 12px; }
td.ColumnDivider img { border : none; }
h1, h1.PageTitle {
    margin-top     : 0.25em;
    margin-right   : 10pt;
    border-bottom  : 3px solid #000080;
    letter-spacing : +0.3em;
    color          : #202810;
		font-size      : 160%;
}
h3, h3.subTitle {
    margin-bottom  : 0.5em;
    padding-top    : 0px;
    color          : #000080;
}
table.TruthTable {
    padding   : 0px;
    border    : 2pt outset;
}
table.TruthTable td {
    font-size : 60%;
}
p.MathText { color : #696; }

h4 { 
   font-weight   : bold;
   font-size     : 120%;
   margin-top    : 1em;
   margin-bottom : 0.5em;
}
h4.flushTop {
   margin-top    : 0em; 
}

h5 { 
   font-weight   : bold;
	 font-size     : 100%;
   margin-top    : 1em;
   margin-bottom : 0.5em;
	 text-decoration : underline;
}

div.box {
     padding          : .5em; 
     border           : 4pt outset;
     background-color : #565;
     font-family      : Helvetica,Arial,sans-serif;
     font-size        : 90%;
     color            : #FFE;
}
li.FooterText { margin-right : 1.5em; }
.dropCap {
  margin         : 0pt;
  padding        : 0pt;
  padding-top    : 0.1em;
  margin-top     : -0.3em;
  margin-bottom  : -0.4em;
  margin-right   : -0.05em;
  color          : #202810;
  font-size      : 3em;
  font-weight    : bold;
  float          : left;
  vertical-align : text-top;
}
	 
div.box img {
  text-align     : center;
	vertical-align : middle;
}
span.mathvar { 
  font-style  : italic;
	font-family : serif;
}

em.extra { 
  font-weight : bold;
	font-size   : 120%
}
.sidenoteselected {
  background-color : yellow;
	border           : 1pt solid black;
	padding-left     : 0.5em;
	padding-top      : 0.1em;
	padding-right    : 0.5em;
	padding-bottom   : 0.1em;
	font-size        : 110%
}

div.rule {
  width         : 100%;
	height        : 20px;
	overflow      : hidden;
	border-top    : 2pt outset #ccc; 
	border-bottom : 2pt outset #999;
}

span.note {
  padding-bottom : 0.25em;
  font-weight    : bold;
  color          : #006;
  cursor         : hand; 
}

span.Hilight { 
 background-color : #FDA;
 font-weight      : bold;
}
table.Header { 
  background-color : #FDA;
  border           : 5pt outset #FDA;
}
.HTMLButton { 
  border      : 3px outset;
  padding     : 1px;
  cursor      : hand;
}

.smallbold   {
  font-size   : small;
  font-weight : bold 
}
span.def { 
  color  : #006;
  cursor : hand;
}
/* Simple style classes -- when you just want to add a single change */
.underlined  { text-decoration : underline }
.italic      { font-style : italic }
.bold        { font-weight : bold }
.alignleft   { text-align : left }
.alignright  { text-align : right }
.centered    { text-align : center }
.justified   { text-align : justify }
.middleAlign { vertical-align : middle }
.topalign    { vertical-align : top }
.bigger      { font-size : 110% }
.samesize    { font-size : 100% } /* keeps it the same font size */
.reset       { clear : left }
.floatLeft   { float : left }
.smalltext   { font-size : 70% }

.reviseddate {
  padding-left : 1em;
  font-size    : 95%;
	font-style   : italic;
	color        : #202810; 
}

.htmlhint { 
  position : absolute;
	z-index  : 1;
	display : none;
}  

.siteText	{
		font-size: 11px;
		color: #000000;
		font-family: verdana, arial, helvetica, sans-serif;
		}

/* other stuff */
	/* just basic text formatting - nothing special */
		@import "/_common/demo.css";

		#buttons {
			text-align:center;
			position:absolute;
			width:15px;
			left:11px;
			top:195px;
		}
		#buttons a {
			font-family:verdana, arial, sans-serif;
			font-size: 15px;
			font-weight:bold;
			color:gray;
			text-decoration:none;
		}
		#buttons a:hover {
			color:black;
		}
			body {
		font-size:11px;
		font-family:arial, sans-serif;
		color:#444444;
	}
	#menubar {
	position:absolute;
/*	width:110px;   */
/* POSITIONING OF THE NAVIGATION BUTTON */
	left:0px;
	top:102px;
/* POSITIONING OF THE NAVIGATION BUTTON END HERE */
/*	background-color:#000080; 
	border:1px solid #AD5800; */
	padding:0px;
/*	height: 20px;   */
	}
	#menubar a {
		color:#ffffff;
		font-weight:bold;
		letter-spacing:0px;          
/*		border:1px solid #D7BC8C;  
 		padding-left:5px;
		padding-right:5px;   */
		text-decoration:none;
	}
	#menubar a.active {
		border-bottom-color:#CCC599;
		border-right-color:#CCC599;
		border-left-color:#FFFFFF;
		border-top-color:#FFFFFF;
	}
	.menu .options {
		margin-right:0px;
		margin-bottom:0px;
/*		border:1px solid #AD5800;   */
		background-image : url(/material/back-008.gif);
	}
	.menu a {
		color:#000080;
/*		font-weight:bold; */
		display:table-footer-row; /* default setting is for this site is 'table-row' */
		padding:3px;  
		padding-left:5px;
		padding-right:5px;  
		text-decoration:none;
		background-image : url(/material/back-008.gif);
	}
	.menu a:hover {
		background-color:#000000;
		color:#ffd700;
	}

	#about {
		position:absolute;
		left:5px;
		top:200px;
	}
	.fh_menu {
		font-size:10px;
		font-family:verdana;
	}