<STYLE TYPE-"type/css">

<!--


/* <--- Set General Background Properties ---> */
/*
BODY { background-image:src('graphics/clouds.jpg') 
 <--- InLine Font Control (Set to SurfStyle) ---> 

H1 { font-family: helvetica; font-size: medium; font-style: bold;  color:#0066CC }*/

/* <--- Link Properties ---> */

a:link { font-family: helvetica; font-size: small; font-weight: bold; text-decoration: none; color: #FFFFFF }
a:visited { font-family: helvetica; font-size: small; font-weight: bold; text-decoration: none; color: #CCCC99 }
a:hover { font-family: helvetica; font-size: small; font-weight: bold; text-decoration: none; color: #FF3300; background-color:#000000; }
a:active { font-family: helvetica font-size: small; font-weight: bold; text-decoration: none; color: #FFFF33 }

/* <--- code for an exception Link style (set to CharCoalSmall--->*/

span:smalllink { font-family: Arial Narrow; font-size: x-small; color: black text-decoration: none; color: CharCoalSmall }

/* <--- Useful Attributes not used in this sheet --->

.BackColor { background-color:#FFCCCC }
.BackImage { background-image:url('grid.gif') }
.bullet  {color:#cc9900;}
hr{color:#CCCCCC;}

*/


/* <--- Set List Controls ---> */

ul { list-style-type:none; list-style-position:outside }

/* <--- List Comments --->

Lists in this site are generally used for Link pages where style is control by Link Properties.

<--- List style-type options --->

none, disc, circle, square, decimal, decimal-leading-zero (01, 02, 03, etc.), 
lower-roman (i, ii, iii, iv, v, etc.), upper-roman (I, II, III, IV, V, etc.),
lower-alpha (a, b, c, d, e, etc.), upper-alpha (A, B, C, D, E, etc.), 
lower-greek (alpha, beta, gamma, etc.), lower-latin (a, b, c, d, e, etc.), 
upper-latin A, B, C, D, E, etc.), hebrew, armenian, georgian (an, ban, gan, etc.), 
cjk-ideographic, hiragana (a, i, u, e, o, ka, ki, etc.), katakana (A, I, U, E, O, KA, KI, etc.), 
hiragana-iroha (i, ro, ha, ni, ho, he, to, etc.), katakana-iroha (I, RO, HA, NI, HO, HE, TO, etc.)

<--- List Image Option for Style-Type handler --->

{ list-style-image:url('image.gif') }

*/


/* <--- Set custom text properties ---> */

.CannonBall{ font-family: arial black; font-size: large; font-weight: bold; color: Black; font-variant: small-caps}
.CannonBallBold{ font-family: arial black; font-size: x-large; font-weight: bold; color: Black; font-variant: small-caps}
.CannonBallSmall{ font-family: arial black; font-size: small; font-weight: bold; color: Black; font-variant: small-caps }
.CannonBallTiny{ font-family: arial; font-size: x-small; font-weight: bold; color: Black; }

.Urgent { font-family: arial; font-size: large; font-weight: bold; font-variant: small-caps;  color: red }
.UrgentNormal { font-family: arial; font-size: medium; font-weight: bold; italic; color: red }
.SansWhite { font-family: arial; font-size: small; color: white }
.SansBlack { font-family: arial; font-size: small; color: black }
.SansBlackLarge { font-family: arial; font-size: x-large; font-weight: bold; color: black }
.SansBlackTiny { font-family: arial; font-size: x-small; color: black }
.SansTeal { font-family: arial; font-size: small; color: teal; }
.SansCyan { font-family: arial; font-size: small; color: cyan; }
.SansBlue { font-family: arial; font-size: small; color: blue; }
.SansPink { font-family: arial; font-size: small; color: pink; }
.SansRed { font-family: arial; font-size: small; color: red; }
.SansYellow { font-family: arial; font-size: small; color: yellow; }
.SansGreen { font-family: arial; font-size: small; color: green; }
.SansBrown { font-family: arial; font-size: small; color: brown; }
.SansDarkGray { font-family: arial; font-size: small; color: darkgray; }
.Pumpkin { font-family: arial; font-size: medium; font-weight: bold; color: orange }
.RoseBud { font-family: arial; font-size: large; font-weight: bold; color:#FF3366 }
.Memphis { font: italic; font-family: arial; font-size: large; color: blue }
.MemphisSmall { font: italic; font-family: arial; font-size: medium; color: blue }
.PinkPanther { font: normal; font-family: script; font-size: x-large; font-weight: bold; color:#FF3399 }
.PinkPantherSmall { font: normal; font-family: script; font-size: large; font-weight: bold; color:#FF3399 }
.Midnight{ font-family: helvetica; font-size: small; font-weight: bold;  color: DarkBlue }
.MidnightBold{ font-family: helvetica; font-size: x-Large; font-weight: bold; font-variant: small-caps; color: DarkBlue }
.MidnightGiant{ font-family: helvetica; font-size: xx-large; font-weight: bold; font-variant: small-caps; color: DarkBlue }
.MidnightSmall{ font-family: helvetica; font-size: x-small; font-weight: bold; color: DarkBlue }
.MidnightTiny{ font-family: helvetica; font-size: xx-small; font-weight: bold;  color: DarkBlue  }
.SurfStyle{ font-family: helvetica; font-size: small; font-weight: bold; color:#0066CC }
.SurfStyleBold{ font-family: helvetica; font-size: x-large; font-weight: bold; color:#0066CC }
.SurfStyleSmall{ font-family: helvetica; font-size: x-small; font-weight: bold; color:#0066CC }
.SurfStyleItalic{ font: italic; font-family: helvetica; font-size: small; font-weight: bold; color:#0066CC }
.SurfStyleTiny{ font-family: helvetica; font-size: xx-small; font-weight: bold; color:#0066CC }
.SurfStyleTitle{ font-family: helvetica; font-size: x-large; font-weight: bold; color:#0066CC }

.Snowball{ font-family: helvetica; font-size: meduim; font-weight: bold; color: white }
.SnowballTitle{ font-family: helvetica; font-size: x-large; font-weight: bold; color: white; font-variant: small-caps }
.SnowballBold{ font-family: helvetica; font-size: x-large; font-weight: bold; color: white }
.SnowballSmall{ font-family: helvetica; font-size: small; font-weight: bold; color: white }
.SnowballTiny{ font-family: helvetica; font-size: x-small; font-weight: bold; color: white; font-variant: small-caps }
.SnowballItsyBitsy{ font-family: helvetica; font-size: xx-small; font-weight: bold; color: white }

.CharCoal{ font-family: Georgia; font-size: small; font-weight: bold; color:#333333 }
.CharCoalBold{ font-family: Georgia; font-size: large; font-weight: bold; color:#333333 }
.CharCoalSmall{ font-family: Georgia; font-size: x-small; font-weight: bold; color:#333333 }
.CharCoalItalic{ font: italic; font-family: Georgia; font-size: small; font-weight: bold; color:#333333 }
.CharCoalItalicLarge{ font: italic; font-family: Georgia; font-size: large; font-weight: bold; color:#333333 }
.CharCoalTiny{ font-family: Georgia; font-size: xx-small; font-weight: bold; color:#333333 }
.CharCoalTitle{ font-family: Georgia; font-size: x-large; font-weight: bold; font-variant: small-caps; color:#333333 }

/* <--- Font color examples ---> */

.SansWhite { font-family: arial; font-size: medium; color: white }
.SansTeal { font-family: arial; font-size: medium; color: teal; }
.SansCyan { font-family: arial; font-size: medium; color: cyan; }
.SansBlue { font-family: arial; font-size: medium; color: blue; }
.SansPink { font-family: arial; font-size: medium; color: pink; }
.SansRed { font-family: arial; font-size: medium; color: red; }
.SansYellow { font-family: arial; font-size: medium; color: yellow; }
.SansGreen { font-family: arial; font-size: medium; color: green; }
.SansBrown { font-family: arial; font-size: medium; color: brown; }
.SansDarkGray { font-family: arial; font-size: medium; color: darkgray; }
.SansBlack { font-family: arial; font-size: medium; color: black }
.SansBlackLarge { font-family: arial; font-size: xx-large; font-weight: bold; color: black }
.SansBlackTiny { font-family: arial; font-size: xx-small; color: black }

/* <--- Other common text controls ---> */

p.Italic { font:bold italic 16px serif; color: black }
p.SmallCaps { font-variant:small-caps; color: black }
p.LineThru { text-decoration:line-through; color: black }
p.Underline { text-decoration:Underline; color: black }
p.Overline { text-decoration:Overline; color: black }

p.text-align (left, right, center, justify)
p.uppercase {text-transform: uppercase}
p.lowercase {text-transform: lowercase}
p.capitalize {text-transform: capitalize}

/* <--- Font controls ---> */

p.font (font-style, font-variant (Small-Caps}, font-weight (normal, bold, bolder, lighter, 
  100, 200, 300, 400, 500,600, 700, 800, 900), font-size/line-height. 
  font-family, caption, icon, menu, message-box, small-caption, status-bar)
  font-size (xx-small, x-small, small, medium, large, x-large, xx-large, 
  smaller, larger, length, %)

/* <--- Stray font styles from other sites ---> 

.Text					{font: 100 13px Arial,Helvetica;}
.Header					{font: 700 13px Arial,Helvetica;}
.SmallText				{font: 100 11px Arial,Helvetica;}
.SmallestDataHeader		{font: 700 10px Verdana,Arial,Helvetica;}
.SmallTextHeader		{font: 700 12px Arial,Helvetica;}
.TextTableTitle			{font: 700 11px Verdana; background:#999999; color:white;}
.ArticleHeader			{font: 700 15px Arial,Helvetica;color:#666666;}
.Data					{font: 100 12px Verdana,Arial,Helvetica;}
.DataHeader				{font: 700 12px Verdana,Arial,Helvetica;}
.SmallData				{font: 100 11px Verdana,Arial,Helvetica;}
.SmallDataHeader		{font: 700 11px Verdana,Arial,Helvetica;}
.DataTableBorder		{border: 1px; background: #CCCCCC;}
.DataHeaderBackground	{font: 700 12px Verdana,Arial,Helvetica; background: #666666;}
.DataTableTitle			{font: 700 12px Verdana,Arial,Helvetica; background: #666666; color: white;}
.SmallestData			{font: 100 10px Verdana,Arial,Helvetica;}
.TOCLink				{font: 100 13px Arial,Helvetica; color: #000000;}
.TOCSectionHeader		{font: 700 12px Verdana,Arial,Helvetica; background: #8DA98D; color: white;}
.TOCSelected			{font: 700 13px Arial,Helvetica; background: white;}
.TOCThirdLevel			{font: 100 11px Verdana,Arial,Helvetica;}
.TOCThirdLevelSelected	{font: 700 11px Verdana,Arial,Helvetica;}
.TOCLabel1				{font: 700 12px Verdana,Arial,Helvetica; color: #336666;}
.TOCLabel2				{font: 100 11px Verdana,Arial,Helvetica; color: black;}
.SidebarTitle			{font: 700 12px Arial,Helvetica; color:white;}
.SidebarLink            {font: 100 12px Arial,Helvetica;}
.PageTitle				{font: 700 16px Arial,Helvetica;}
.PageTitleUnderline		{color: orange; width: 569px; height: 2px;}
.Breadcrumb				{font: 100 10px Verdana,Arial,Helvetica; color:#666666;}
.BreadcrumbTopLevel		{font: 100 12px Verdana,Arial,Helvetica; color: #336666;}
.BreadcrumbSecondLevel	{font: 100 12px Arial,Helvetica; color: #000000;}
.BreadcrumbSelected		{font: 700 12px Arial,Helvetica;}
.Footnote				{font: 100 11px Arial,Helvetica;}
.TabText				{font: 700 13px Verdana,Helvetica;color:white;}
.TabTextSelected		{font: 700 13px Verdana,Helvetica;color:black;}
.ErrorText				{font: 700 13px Arial; color:red; text-align:left;}
.DataTableBorder2		{border: 2px; background: #000;}
.CommentText			{font: 100 11px Arial,Helvetica;}
.WhiteText {font: 700 13px Arial,Helvetica;color:white;}
.TealText {font: 100 11px Verdana;color:#336666;}
.TealSuper {font: 100 10px Verdana; color:#336666; vertical-align: super;}
.BlackLinkText {font: 100 11px Verdana;color:#000;}
.ArticleHeaderNavy {font: 700 16px Arial,Helvetica;color:navy;}
.FootnoteItalic			{font: 100 11px Arial,Helvetica; font-style: italic;}
.ErrorHeader {font: 700 13px Arial,Helvetica;}
.TocTitle{font: 100 9px Arial,Helvetica; color:white;}
.TOCLinkb{font: 100 13px Arial; color: #000000;}
.HeaderW { font: 700 12px Verdana,Arial,Helvetica; color:white; }
.top { font: 100 11px Arial,Helvetica; } 
.smallTextBold { font: 700 11px Arial, Helvetica; }
.utext{font: 100 10pt Arial,Helvetica;text-decoration:underline;}


*/
/* <--- Generic Font family design definitions --->

'serif' (e.g. Times) 
'sans-serif' (e.g. Helvetica) 
'cursive' (e.g. Zapf-Chancery) 
'fantasy' (e.g. Western) 
'monospace' (e.g. Courier) 

Style sheet designers are encouraged to offer a generic font family as a last alternative. 
Generic font family names are keywords and must NOT be quoted. 
EXAMPLE - body { font-family: "Courier", serif }

<--- 15 Generic Font families --->

*/
/* <--- Font family names ---> */
.Veranda { font-family: Veranda; font-size: medium; color: black }
.Lucinda { font-family: Lucinda; font-size: medium; color: black }
.Courier { font-family: Courier; font-size: medium; color: black }
.Bookman { font-family: Bookman; font-size: medium; color: black }
.Helvetica { font-family: Helvetica; font-size: medium; color: black }
.Garamond { font-family: Garamond; font-size: medium; color: black }
.Tahoma { font-family: Tahoma; font-size: medium; color: black }
.Times { font-family: Times New Roman; font-size: medium; color: black }
.Trebuchet { font-family: Trebuchet MS; font-size: medium; color: black }
.Comic { font-family: Comic Sans MS; font-size: medium; color: black }
.Georgia { font-family: Georgia; font-size: medium; color: black }
.Arial { font-family: Arial; font-size: medium; color: black }
.ArialBlack { font-family: Arial Black; font-size: medium; color: black }
.ArialNarrow { font-family: Arial Narrow; font-size: medium; color: black }
.ArialNarrowSmall { font-family: Arial Narrow; font-size: x-small; color: black }
.Script { font-family: Script; font-size: medium; color: black }

/* <--- Table border format commands ---> */

p.dotted {border-style: dotted}
p.dashed {border-style: dashed}
p.solid {border-style: solid}
p.double {border-style: double}
p.groove {border-style: groove}
p.ridge {border-style: ridge}
p.inset {border-style: inset}
p.outset {border-style: outset}



/* <--- Classifications ---> */

div.visibility (visible, hidden)
div.float(right; width:120px; padding:15px; border:1px solid black;
          text-align:center;border:1px dotted black; margin:0px 0px 15px 20px)
div.first-letter (font property)
div.first-line (font property)

/* <--- Cursor Style Options ---> /*

span.cursor (Auto, Crosshair, Default, Pointer. Move, e-resize, ne-resize, nw-resize, n-resize
             se-resize, sw-resize, s-resize, w-resize, text, wait, help)


/*  <--- scratch pad - test area --->
windowprops = { toolbar:0; location:0; directories:0; status:0; menubar:0; scrollbars:0; resizable:0; width=150:height=200"}
*/
/*

windowprops = "toolbar=0,location=0,directories=0,status=0, " +
"menubar=0,scrollbars=0,resizable=0,width=150,height=200"
 */
 /*
/* <--- Target types --->  */


_blank - the target URL will open in a new window 
_self - the target URL will open in the same frame as it was clicked 
_parent - the target URL will open in the parent frameset 
_top - the target URL will open in the full body of the window 

*/
/*   <--- DIV Info --->

Standard Attributes
id, class, title, style, dir, lang, xml:lang 

Core Attributes
(Not valid in base, head, html, meta, param, script, style, and title elements.)

Attribute Value Description 
class class_rule or style_rule The class of the element 
id id_name A unique id for the element  
style style_definition An inline style definition  
title tooltip_text  A text to display in a tool tip  

Event Attributes
onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup 

The "align" attribute of the div element was deprecated in HTML 4.01. Use styles instead.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"> 

*/


-->

</STYLE> 


