/* '''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''
CSS Stylesheet: Default 
This stylesheet defines default styles for all html elements. This style sheet
should appear first in any list of styles, so it is overwritten by subsequent
non-default style rules.
''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''' */

body
{
    font-family: 'Trebuchet MS' , Verdana, Arial, Helvetica, Sans-Serif;
    width:980px;
    min-width:980px;
    max-width:980px;
    margin-left:auto;
    margin-right:auto;
    position: relative;     /* This is critical. It causes child elements to
                               be positioned relative to the body element, rather
                               than relative to the view screen. */ 
    background-color: #ffffff;
    font-size: 83.33%;      /* Source: Beautiful Web Design, p.123. 
                             Since the default font-size is 16 pixels, this sets a new
                             default font size to 13.33 pixels, approximately 10 pt.
                             Thus, .9em = 9pt; 1em = 10pt; 1.1em = 11pt; etc. */
}

h1{vertical-align:top; padding-top:0px; color:#009900; 
    font-size:2em; font-style:normal; font-weight:normal;
    font-family: 'Trebuchet MS' , Verdana, Arial, Helvetica, Sans-Serif;}
    
h2{vertical-align:top; padding-top:0px; color:#990000;
    font-size:1.2em; font-style:normal; font-weight:normal;
    font-family: 'Trebuchet MS' , Verdana, Arial, Helvetica, Sans-Serif;}
    
p, li{color:#333333; font-size:1.0em; font-style:normal; font-weight:normal;
    line-height: 1.5em;
    font-family: 'Trebuchet MS' , Verdana, Arial, Helvetica, Sans-Serif;}
    
a:link, a:visited, a:active {text-decoration:none; color:#0066ff;}
a:hover{color:#990000;}