/* There is a good article on Font types entitled, "Using Alternate Fonts on Web Pages" 
at http://nyquist.ee.ualberta.ca/~sat/computing/fonts.html.  Here is a summary:
      5 Font Families:
            serif (These have little feet at ends of letters)
               Book Antiqua - Windows
               Bookman - Mac, Windows
               Bookman Old Style - Windows
               Garamond - Windows
               New Century Schoolbook - Unix
               Palatino - Mac, Windows
               Times - Mac, Unix (default proportional font - Unix only)
               Times New Roman - Windows (default proportional font)
            sans-serif
               Arial - Mac, Windows (proportional)
               Avant Garde - Windows
               Century Gothic - Windows
               Helv - Windows
               Helvitica - Mac, Unix, Windows (proportional)
               Lucida - Mac, UNIX
               Swis 721 BT - Windows
               Swiss 742 - Unix
               Tahoma - Windows
               Verdana - Windows
            monospace
               Courier - Mac, Unix, Windows (non-proportional serif)
               Courier New - Mac, Windows (default fixed font - Windows only) (non-proportional serif)
               Lucida Console - Windows (sans-serif)
               Lucidatypewriter - Unix (sans-serif)
            cursive
               Not currently supported by any web browser.
            fantasy
               Not currently supported by any web browser.
Quoted from Wrox 2000 Professional Web Developer Conference, "Usability for Web Applications" 
by Craig McQueen:
      1. Use a sans-serif font of 12 pixles or less (except if the web page is intended to be printed)
      2. Times Roman is very legible on paper but not on the computer screen
      3. Georgia and Verdana are designed specifically for legibility on the computer screen - however 
          they don't look good on paper

There is a good article on CSS Units entitled, "RichInStyle.com - Style sheet master 
class: part 4 - lengths" at http://www.richinstyle.com/masterclass/lengths.html.  Here
is a summary:
      Inches: Do not use!
            1 inch might be the right size for a 21" screen, but it would be absurd on a 
            palmtop or computer monitor.  Browsers also do not even get 1 inch correct.
            This is because for a browser to produce one inch, they must know the size of 
            the monitor, but they don't.  What actually happens when an application requests 
            a font of say 1 inch in height is that the operating system converts this to a 
            number of pixels.  This number of pixels never corresponds to the number 
            required to render one inch, but instead to the computer's pixels per inch setting.
            To give an example, the monitor on which I am viewing this is 11" wide by 8" high, 
            and is running at 800 by 600 resolution. My display driver is set to 96 pixels per inch, 
            and so therefore when something that is one inch high is requested by a browser, 
            what will be rendered is 96 pixels high. However, one inch high actually corresponds 
            to 600/8 = 75 pixels, so when someone specifies font-size: 1in, what they are actually 
            getting is 1.28 inches.
      Pointes and picas: Do not use!
            These are just as bad as real-world lengths (inches).  To see that this is so, you must 
            realise what the CSS specification defines the point as.  The definition given is that 
            one pixel is equal to 1/72nd of an inch. This means that when you say font-size: 12pt, 
            you are actually saying font-size: 1/6in. We've seen already what a bad idea this is, 
            but if you need further convincing, if you are using a machine that has 96ppi (as you 
            almost certainly will be if you are using Windows - to check load up Control Panel, 
            double click Display, then click the Settings tab. Next click on the Fonts dropdown 
            menu, and select Other. This will show the ppi setting, and will allow you to change it), 
            simply change all your references to points to pixels to simulate (most) Macintosh 
            machines (since they usually have 72ppi).  All of this means that in all browsers, like 
            the real-world lengths, points (and picas (a pica is equal to 12 points)) are broken by 
            the operating system, and therefore can't be fixed by the browser, and since they are 
            broken and can't be fixed, you shouldn't use them.
      Ex: Do not Use!
            No browser is it correctly implemented, and therefore, although you may use it in your 
            master style sheet you should avoid it in any actual browser until one is released that 
            supports it. This is so because all browsers (except Internet Explorer 3, which 
            interprets it as 1pt) interpret it as .5em, which is wrong - it can be as much as .6em, 
            but as little as .3em.
      Em: Do not use!
            Internet Explorer 3 does not support the em at all, interpreting it as 1 point, and 
            Netscape 4's implementation is very badly buggy - so buggy as to be unusable. As a 
            result, if you have separate style sheets for each browser, or simply use @import to 
            exclude Netscape and IE 3, you should avoid the em in the Netscape 4 and Internet 
            Explorer 3 style sheet. If you do not follow either of these approaches, but only have 
            one style sheet - one that you allow to be read by Internet Explorer 3 and Netscape, 
            then you must avoid the em.
      Pixel: Use!
            Pixel units in theory provide that what the viewer will see should have exactly the 
            same apparent size to them as to the author of the page. In this sense they, unlike 
            the absolute lengths, present no cross-media difficulties, but do, in theory, present 
            accessibility difficulties in the same way that a book that isn't large print presents 
            accessibility difficulties.  Although other units are always better in theory, in practice 
            they are too badly broken in one browser or another, and therefore the pixel is the 
            only unit that is of any use in style sheets intended for general consumption.
      Percentage: Do not use!
            The main trouble with the percentage is that it is very buggy - only Opera and IE 5 
            have no problems with it. Internet Explorer 4 only gets it right on width and line-height 
            and Internet Explorer 3 and Netscape never at all. 


    url : Should be given as a full qualifier. Do not use relative paths
    This is a work around for NN 4.X 
    Ex. background-image: url("/acs/www/Img/Bullet.gif");*/

/* Style for page level form*/
#frmPage
{
   margin-left : 0px;
   margin-right : 0px; 
}

/* Style for warning message to be used anywhere*/
#WarnMsg
{
   background-color : transparent;
   color : #FF0000;
   font-family : "Courier New", Courier, Serif;
   font-size : 12px;
   font-weight : bold;
}

.BannerText 
{
	font-size:	11px;
	font-family: Arial, Helvetica, sans-serif;
	color: White;
}

/* Style of 25px padding (T, R, B, L ) for any element*/
.BoxPadAll
{
   padding : 5px 25px 30px 25px;
}

/* Center the content*/
.Center
{
   text-align : center;
}

/* Generic button (Submit, Reset, Clear, Search, etc)
   Style for all Submit buttons
   NN 4.7X does not seem to support the class attribute
   within the INPUT tag
   There is no corresponding class, all.clsGenericButton, for NN 4.X
   because NN 4.X does not seem to support the class attribute
   within the INPUT tag*/
.GenericButton
{
   background-color : #5A83B7;
   color : #FFFFFF;
   font-family : Arial, Verdana, Sans-serif;
   font-size : 10px;
   text-decoration : none;
}

/* Style for all field labels*/
.Labels
{
   font-size : 10px;
   font-weight : bold;
}

/* Generic style for creating small table cells*/
.Small
{
   font-size: 2px;
}

/* Generic LINK tag*/
A
{
   background-color : transparent;
   color : #6699CC;
   font-weight : bold;
   text-decoration : underline;
}

/* Generic HOVER LINK tag*/
A:Hover
{
   background-color : transparent;
   color : #990033;
   cursor : hand auto;
   text-decoration : none;
}

/* Generic LINK tag where the text-decoration is set to NONE*/
A.Clear
{
   text-decoration : none;
}

/* Generic HOVER LINK tag where the text-decoration is set to NONE*/
A.Clear:Hover
{
   cursor : hand auto;
}

A.Links
{
   color : #ffffff; 
   font-size : 11px; 
   text-decoration : none;
}

/* Generic BOLD tag*/
B
{
   font-weight : bold;
}

/* Generic BLOCKQUOTE and PRE tags*/
BLOCKQUOTE, PRE
{
   background-color : transparent;
   color : #000000;
   font-family : Arial, Verdana, Sans-serif;
   font-size : 12px;
   font-weight : normal;
}

/* Generic BODY tag*/
BODY
{
   background-image : url("/Images/Background.gif");
   background-color : #FFFFFF;
   color : #000000;
   font-family : Arial, Verdana, Sans-serif;
   margin-left : 0px;
   margin-top : 0px;
   margin-bottom : 0px;
   margin-right : 0px;
}

/* Generic style for all heading tags*/
H1, H2, H3, H4, H5
{
   background-color : transparent;
   color : #000000;
   font-family : Arial, Verdana, Sans-serif;
   font-weight : bold;
}

/* Generic First HEADING tag*/
H1
{
   font-size :  16px;
   text-align : center;
}

/* Generic Second HEADING tag*/
H2
{
   font-size : 14px;
}

/* Generic Third HEADING tag*/
H3
{
   font-size : 12px;
}

/* Generic Fourth HEADING tag*/
H4
{
   font-size : 10px;
}

/* Generic Fifth HEADING tag*/
H5
{
   font-size : 9px;
}

/* Generic Italics Tag*/
I
{
	font-style:italic;
}

/* Generic INPUT tag*/
INPUT
{
   background-color : transparent;
   border-width : 1px; 
   border-color : #000000; 
   color : #000000;
   font-family : Arial, Verdana, Sans-serif;
   font-size : 10px;
}

/* Generic LIST ITEM tag
   In IE (5.5 SP1) the following declared attributes
   apply to both the symbol and text.
   In NN (4.X) the following declared attributes
   apply only to the symbol*/
LI
{
   background-color : transparent;
   color : #000000;
   font-family : Arial, Verdana, Sans-serif;
   font-size : 10px;
   font-weight : bold;
}

/* Generic UNBOLDED LIST ITEM tag */
LI.Normal
{
   font-weight : normal;
}

/* Generic ORDERED LIST tag
   In IE (5.5 SP1) the following declared attributes
   apply neither to the symbol or text (The background-color
   does show outside the text boundaries)
   In NN (4.X) the following declared attributes
   apply only to the text*/
OL
{
   background-color : transparent;
   color : #000000;
   font-family : Arial, Verdana, Sans-serif;
   font-size : 10px;
   font-weight : bold;
   list-style-type: decimal;
}

/* Generic ORDERED UNBOLDED LIST tag */
OL.Normal
{
   font-weight : normal;
}

/* Generic PARAGRAPH tag*/
P
{
   background-color : transparent;
   color : #000000;
   font-family : Arial, Verdana, Sans-serif;
   font-size : 10px;
   font-weight : normal;
   line-height : 14px;
}

/* Generic SELECT tag*/
SELECT
{
   background-color : transparent;
   color : #000000;
   font-family : Arial, Verdana, Sans-serif;
   font-size : 10px;
}

/* Generic styles for all TABLE attribute tags*/
TABLE, TD, TH, TR
{
   font-family : Arial, Verdana, Sans-serif; 
   font-weight : normal;
   font-size : 10px;
}

/* Generic TEXTAREA tag
    NOTE:  The style, font-size,does not work in Netscape.  In order to control the
            size of the TEXTAREA box in Netscape we need to change the font-size 
         of the class, TD.FormsBody.  This also forces a change to the column size in IE.
            We could have a separate style sheet directed for Netscape (see
            http://css.nu/pointers/point-tip.html) but for now we will use this method
            (clunky workaround)*/
TEXTAREA
{
   background-color : transparent;
   color : #000000;
   font-family : Arial, Verdana, Sans-serif; 
   font-size : 10px;
}

/* Style for table headings*/
TH.Heading
{
   font-weight : bold;
   text-align : center;
}

/* Generic UNORDERED LIST tag
   In IE (5.5 SP1) the following declared attributes
   apply neither to the symbol or text (The background-color
   does show outside the text boundaries)
   In NN (4.X) the following declared attributes
   apply only to the text*/
UL
{
   background-color : transparent;
   color : #000000;
   font-family : Arial, Verdana, Sans-serif;
   font-size : 10px;
   font-weight : bold;
   line-height :24px;
   /*list-style : disc url("/Images/Bullet.gif");*/
}

/* Generic UNORDERED UNBOLDED LIST tag*/
UL.Normal
{
   font-weight : normal;
}

/* For company info content such as jobs, testimonials, etc.*/
TR.CompanyInfo
{
	vertical-align: top;
}