/* FESHE Course Program -Style Sheet */
/* The CSS -Cascading Style Sheet for this FESHE Website, links from within the HEAD tag of EACH HTML PAGE as follows below: */
/* 	<head> */
/* 		<title>My Page Title -Course: FESHE</title> */
/* 		<link rel="stylesheet" type="text/css" href="feshe.css"> */
/* 	</head> */

/* A SOLID BEGINNER'S Understanding of CSS styles is all that is needed to change the styles on the pages in this site. */
/* A Good Source is a Book called ERIC MEYER: ON CSS (Chapters 1 and 2). */
/* See the README File and Folder ! */

/* BEGIN -Top Navigation Style */

div#TopNav {position: absolute;	left: 0px; top: 19px; width: 100%; height: 19px;  margin: 0px; padding: 0px; z-index:11; background: white;
	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 11pt; font-weight: bold;}
div#TopNav a:link {color: #990000; text-decoration: none;}
div#TopNav a:visited {color: #990000; text-decoration: none;}
div#TopNav a:hover {color: #FF6600; text-decoration: underline overline;}
div#TopNav-Left {position: absolute; left: 0px; top: 0px; width: 252px; z-index: 10; padding-right: 10px; background: white; text-align: right;}      
div#TopNav-Right {position: absolute; right: 40px; top: 0px; width: 200px; z-index: 9; background: white; text-align: right;}
/*  END -Top Navigation Style  */

/* BEGIN -Left Navigation Style */ 

div#LeftNav {
	position: absolute;
	left: -4px;
	top: 61px;
	width: 154px;
	z-index: 8;
	padding: 0px;
	margin: 0px;
	height: 1139px;
}

/* div#LeftNav table {width: 167px;} */
/* div#LeftNav td {padding: 3px;} */
/* Separate Table Styles Instead */

table#LeftNavTable1 {width: 167px;}
table#LeftNavTable1 td {padding: 3px;}
table#LeftNavTable2 {width: 167px;}
table#LeftNavTable2 td {padding: 3px;}
table#LeftNavIndexTable {width: 167px;}
table#LeftNavIndexTable td {padding: 0px;}

div#LeftNavModules-Bottom td {border: 1px solid #CCC; text-align: center; padding: 0px;}
div#LeftNavModules-Bottom {margin-bottom: 20px;}

/* Lotus Notes Markup  -KEEP NAMES- A PART OF LEFT NAVIGATION STYLE  */
.LeftNavModule {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; color: #000000; text-decoration: none;}
.LeftNavSection {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; color: #000000; text-decoration: none;}
.LeftNavPage {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; color: #000000; text-decoration: none;}
.LeftNavCurrent {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; color: #FFCC00; background-color: #CC0033; padding: 2px;}

/* Related Styles -Added  */
.LeftNavModuleCurrent {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; color: #FFCC00; background-color: #CC0033; padding: 2px; font-style: italic;}
div#LeftNav a:link {color: #990000; text-decoration: none;}
div#LeftNav a:visited {color: #FF6600; text-decoration: none;}
div#LeftNav a:hover {color: #FF6600; text-decoration: underline;}
hr.separater {width: 80%; height: 6px; color: #CC0033; background-color: #CC0033; line-height: 6px; text-align: center;} 
/* END -Left Navigation Style */ 

 /*  Main Content -Page Area Styles */
 
div#MainContent {
	position: absolute;
	left: 171px;
	top: 54px;
	z-index: 4;
	padding: 0px;
	margin: 0px 10px 0px 0px;
	width: 732px;
	height: 390px;
}

.Heading1 {font-family: Arial, Helvetica, sans-serif; font-size: 14pt; color: #330000; font-weight: bold;}
.Heading2  {font-family: Arial, Helvetica, sans-serif; font-size: 12pt; color: #330000; font-weight: bold;}
.Heading3  {font-family: Arial, Helvetica, sans-serif; font-size: 11pt; color: #330000; font-weight: bold;}
.HeadColored3 {font-family: Arial, Helvetica, sans-serif; font-size: 11pt; color: #CC3300; font-weight: bold;}
.Captions {font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #808080;} 
.Sources {font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #808080;}
.small {font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color: #330000;}
.copyright {font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color: #808080;} 
.Attention {font-family: Arial, Helvetica, sans-serif; font-size: 11pt; color: red;}
.Underline3 {font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #0033CC; text-decoration: underline;}
.Italic3 {font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #330000; font-style: italic;}
.Bold3-Italic3 {font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #330000; font-weight: bold; font-style: italic;}
.Bold3 {font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #330000; font-weight: bold;}
.Highlight3 {font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #0033CC; font-weight: bold;}
/* Maintain emphasis using -font-weight: bold- rather than merely using -color: #123456- for those who will print in Black-n-White */ 

/* Page Properties */ 
body,td,th {font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #330000;}
hr {width: inherit; height: 6px; color: #CC0033; background-color: #CC0033; line-height: 6px; text-align: left;} 
a:link {color: red; text-decoration: underline;}
a:visited {color: #FF6600; text-decoration: underline;}
a:hover {color: #FF6600; text-decoration: none;}
