/* CSS style file for MAFware web site - Michael Frascinella

11-4-09 - added singlebutton class for defining the Top button at page bottom.
12-5-08 - added classes for bullet images; changed paragraph font to Georgia
4-6-07 - changed LI margin bottom to 4 pt, changed updated date's color to gray and location to lower right
*/

/*****************/
/* This background image is used in all html pages; for IE anf Firefox, it does not scroll (fixed). The image is a merger of fade-blue-white.jpg and bk-grey-texture.gif */
/* margin-top: 0px eliminates space at top of window; same as using topmargin=0 in the page body tag */

BODY {margin-top: 0px; background: url(images/fade-blue-texture900.gif) fixed;}


/**************/
/* Hyperlinks */

/* Use pseudoclasses with the A tag.
A:link is unvisited link; A:visited is visited link; a:hover is for mouseover; a:active is when link is clicked.

Keep the tags in this order:a:link, a:visited, a:hover, a:active. */

A:link {color: blue; text-decoration: none}
A:visited {color: red; text-decoration: none}
A:hover {color: green; text-decoration: underline}
A:active {color: green; font-size: 100%; text-decoration: none}

/* Multiple styles for hyperlinks */

/* You can have several different ways to display hyperlinks by adding a different class name to each set of A tags. To use them in your content, add the class to the A tag: <a class="one" href="yourfile.htm"> */

/* The screentip class is for popup text that defines a term. */
A.screentip:link {color: teal; text-decoration: none}
A.screentip:visited {color: teal; text-decoration: none}
A.screentip:hover {color: purple; text-decoration: underline}
A.screentip:active {color: green; text-decoration: none}

/***************/
/* Background  */
/* Use the block tag DIV CLASS="something" ... /DIV to give a block of elements a colored background or other attribute

Use the SPAN tag (SPAN CLASS="something" ... /SPAN to format a word or range of text

Use CLASS="something" inside a tag like P, UL, or OL to apply the class to that element
********************/


/*******************
CSS CLASSES
Note: font size is in pixels (px) which is a smaller units than points (pt)
********************/

/************************/
/* PARAGRAPH ATTRIBUTES */

/* Headings */
h1 { }
h2 {font-family: verdana, arial, sans-serif; }
h3 {font-family: verdana, arial, sans-serif; }
h4 {font-family: verdana, arial, sans-serif; }
h5 {font-family: verdana, arial, sans-serif; }


/* today's date (small sans serif font) */
.date
	{
	font-family:verdana,arial,sans-serif;
	font-size:10px;
	font-weight:normal;
	color:#000000
	}

/* Style for paragraphs, table entries, lists (replaced the .para style) */
P, TH, TD, LI
	{
/*	font-family:verdana,arial,sans-serif; */
/* 	font-family:"times new roman", times, serif; */
	font-family: georgia, "palatino linotype", "Times New Roman", Serif;
	font-size: 12px;
	color:navy;
	margin-bottom: 0px
	}

/* Style for lists */
/* margin-bottom adds space between bullets for readability */
LI
	{margin-bottom: 4px;}

.margintop
	{margin-top: 6px;}

/* Bullet styles for lists - Note: you can't use bullet images and bullet types together in nested lists */

/* The 3 dot bullet graphic */
.threedots
	{list-style-image: url(images/bullet3dota.gif)}

/* The medium blue triangle bullet */
.trianglebullet
	{list-style-image: url(images/bullet-triangle-med-blue.gif);}

/* For 30 pt, dark orange, sans serif heading (verdana is wide) */
.pageheading
	{
	font-family: verdana,arial,sans-serif;
	font-size: 30px;
	font-weight: bold;
	color: #FF6600
	}


/************************/
/* Navigation button */

/* single navigation button */
.singlebutton
/* when used around an "a href" link, this style creates a clickable button; float is needed for height and width to work; "width: auto" and "height: auto" allow element to adjust to the amount of text; they can also be numeric (e.g., height: 15px).
The button text nests tightly in a table cell if the span tag referencing the style is placed to the left of the text in the cell. */
	{
	font-size: 12px;
	font-family: verdana, arial, sans-serif;
	font-style: normal;
	font-weight: bold;
	width: auto;
	height: auto;
	padding: 3px;
	float: right;
	border: solid 2px;
	border-top-color: #99FFFF;
	border-bottom-color: blue;
	border-left-color: #99FFFF;
	border-right-color: blue;
	background-color: #F5F5F5
}


/********************************/
/* COLORS AND COLORED PARAGRAPHS*/

/* Color of paragraphs */
.navy
	{color:navy}

.slateblue
	{color:#6666CC}

.darkorange
	{color:#FF6600}

/* For large, slate blue, sans serif text */
.slateblueboldsans18
	{
	font-family:verdana,arial,sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#6666CC
	}

/* For large, medium blue, sans serif text */
.medblueboldsans18
	{
	font-family:verdana,arial,sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#66CCFF
	}

/* Makes text bold and blue, sans serif font */
.boldbluesans10
	{
	font-family:verdana,arial,sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#0000FF
	}

/* For small, dark orange, sans serif text */
.dkorangeboldsans10
	{
	font-family:verdana,arial,sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#FF6600
	}

/* For normal, dark orange, sans serif text */
.dkorangeboldsans12
	{
	font-family:verdana,arial,sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#FF6600
	}

/* For 14 pt, dark orange, sans serif text */
.dkorangeboldsans14
	{
	font-family:verdana,arial,sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#FF6600
	}

/* For 16 pt, dark orange, sans serif text */
.dkorangeboldsans16
	{
	font-family:verdana,arial,sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#FF6600
	}

/* For 18 pt, dark orange, sans serif text */
.dkorangeboldsans18
	{
	font-family:verdana,arial,sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#FF6600
	}

/* For 30 pt, dark orange, sans serif text */
.dkorangeboldsans30
	{
	font-family:verdana,arial,sans-serif;
	font-size:30px;
	font-weight:bold;
	color:#FF6600
	}

/* For small dark orange serif text */
.dkorangeboldserif12
	{
	font-family:times new roman, times, serif;
	font-size:12px;
	font-weight:bold;
	color:#FF6600
	}

/* For small, white, sans serif text */
.whitesans10
	{
	font-family:verdana,arial,sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#FFFFFF
	}

/* For hidden Last Updated Date (pale gray, sans serif text) */
.palegraysans10
	{
	font-family:verdana,arial,sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#DCDCDC
	}
