/* mvopen.css */

/* Tip - For style sheets, use the property names defined in CCS1 (Cascading Style Sheets, level 1) and avoid the HTML Extension property names used in Hot Metal */

/* Default text style */
p {	
  font-family: Arial, Helvetica;
  font-size: 10pt;
}

/* Top Menu bar specified in Top.htm */


/* Color Scheme as defined in Kobayashi's "Color Image Scale";
	
"Fresh and Young" color scheme - Pg 74
	G/Vp (Pale Opal) pg 74			#B5CEA2
	N9.5 (Neutral White) pg 142		#EEEEEE
	BG/P (Light Aqua Green) pg 85		#6CA27A
*/	
	
/* Home Page Color Scheme */

/* Note that bgcolor is not defined in CCS1 but background-color is */

/* Body ID Selectors  - Not using any */


/* Classes */
body.HP_BODY { background-color: #FFFFFF }		/* !!!! Light Aqua Green */
table.HP_TABLE { background-color: #6CA27A }		/* Light Aqua Green */
td.HP_MIDDLE { background-color: #FFFFFF} 		/* Pale Opal */  
td.HP_MVOPEN { background-color: #EEEEEE }		/* Neutral White */
font.TITLE_TEXT { color: black }
table.HISTORY { background-color: #EEEEEE }		/* Neutral White */
	/* TITLE_BLOCK is a class defined in Top.htm */
body.TITLE_BLOCK, table.TITLE_BLOCK {
  background-color: #6CA27A;				/* !!!! Light Aqua Green */
}



	/* TOP_MENU is a class defined in Top.htm */
table.TOP_MENU {	/* Top Menu Bar */
  background-color: #EEEEEE;				/* Neutral White */
  font-size: 12pt;
  font-weight: bold;
  font-variant: normal;
  font-style: normal;
  vertical-align: middle;
  text-align: center;
  line-height: 16pt;

color:black;	/*  a default menu item that isn't highlighted yet */
}

/* Colors for general links: Make all links blue, visited links gray.  
Make hovered links red with yellow background  */

A:link { color: black; }
 /* IE5 defaults all unvisited default links to blue.  
    In Netscape6, you can change this color.  */
A:visited {color: black;}
A:active {color: black;}   /* Don't know if this works */
A:hover {color: red;  background : yellow; }

/* Class for featured larger menu item */

A.LARGE_ITEM FONT {		/* Example of a Contextual Selector:  A & FONT */
  font-size: 14pt;
  color: white;	
}

A.LARGE_ITEM:hover FONT {color: red; }

A.LARGE_ITEM:hover {background : yellow; }


/* Top Menu Bar link colors - Puesdo-classes (e.g., link, visited, hover)

We are using a Contextual Selector: "TABLE.TOP_MENU A" 
that refers to anchors in a class of tables */

/* colors for high lighted menu items with anchors */

table.TOP_MENU A:link {color: black; }
table.TOP_MENU A:visited {color: black; }
table.TOP_MENU A:hover {color: red; background: yellow; }

/* colors for special high lighted menu items with anchors
           - change back to normal highlight after entry closes */

table.TOP_MENU A.SPEC_HIGHLIGHT:link {color: blue; }  
table.TOP_MENU A.SPEC_HIGHLIGHT:visited {color: blue; } 
table.TOP_MENU A.SPEC_HIGHLIGHT:hover {color: red; background: yellow; }



/*  -------------------------------------------------------------------------------------------
-----------------  Beginning of CSS Syntax  -----------------------------
----------------------------------------------------------------------------------------------


This information can be found by doing a google search for "css1 specification".
It is included here as a quick reference.


CSS Syntax
----------------

A style sheet is made up of style rules that tell a browser how to present a document.

Each rule is made up of a selector -- Usually an HTML element such as BODY, P or I -- and the style to be applied to the selector.

The syntax rules are as follows:

	Selector { property: value }

To assign multiple values to a property

	selector { property: value, value }

  Selectors
  -------------
Any HTML element can be a CSS selector.  The selector is simply the element that is linked to a particular style.  For example, the selector in

	P { text-indent: 3em }

is P.

  Class Selectors
  ---------------------
A simple selector can have different classes, thus allowing the same element to have different styles.  For example, you might want to have paragraphs be different colors.

	P.red { color:red }
	P.blue { color:blue }

A class can be used as shown below.

	<P CLASS=red>Only one class is allowed per selector</P>

Classes may also be defined without an associated element.

	.note { font-size: small }

in this case .note may be used with any element.

ID Selectors
-----------------
ID Selectors are individually assigned for the purpose of defining on a per-element basis.

	#red_parag { color:red }

This would be referenced in the following manner:

	<P ID=red_parag>this text would be red</P>

Contextual Selectors
----------------------------

Contextual selectors are merely strings of two or more simple selectors separated by a white space.

	P I { color:blue }

This rules says that italicized text inside a paragraph should be blue;  italicized text in a heading would be unaffected.

Grouping
------------
Selectors can be grouped together, to decrease repetitious statements.  For example all the H1 and H2 in a document could be given the same declarations.

	H1, H2 { color: green }

Inheritance
---------------
Virtually all selectors which are nested within selectors will inherit the property values to the outer selector unless otherwise modified.

Puesdo-classes and Puesdo-elements
---------------------
Puesdo-classes and Puesdo-elements are special classes and elements that are automatically recognized by the browser.  Puesdo-classes distinguish among different element types (e.g., visited links and active links).  Puesdo-elements refer to sub-parts of elements, such as the first letter of a paragraph.  

	selector:puesdo-class { property: value }
	selector:puesdo-element { property: value }
	class.selector:puesdo-class { property: value }
	class.selector:puesdo-element { property: value }

---------  End of CSS Syntax -------------------------------------
*/