/*******************************************************************************
Dawson's CSS rules
The CSS spec is http://www.w3.org/TR/CSS21/

The "#" character means this is an element id.
These rules apply to the element whose id attribute is "xxxx". Id attribute
values are unique, so there can only be 1 mainContent.

The "." character means this is any element with a specific value of the class attribute.
Class attribute values are NOT unique, so it can apply to many elements in one document.
*/
body { background: #ffffff font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; padding: 0;}

a:link, a:visited {color: #0677D7; text-decoration: none; }
a:visited {text-decoration: none;}
a:hover, a:active {text-decoration: underline;}
a img {border: none;}

h1 {margin: 0 0 0 0px;}
h2 {font: 185% Georgia, serif; letter-spacing: -0.2px; margin: 15px 0 2px 0; padding-bottom: 5px; }
h3 {font: 130% Georgia, serif; margin-top: 0; }

p, li {font: 90% Arial, Verdana, sans-serif; letter-spacing: 0;}

#entirePage{ width: 100%; }

/* //////////////////////////////////////////////// */
/* Header */
/* //////////////////////////////////////////////// */
#header {background: #CEF6F5 repeat-x; margin: 0; padding: 0;}
#header a {color: #000; text-decoration: none; }
#header h1 {margin: 0 0 0 20px;}
#header span {font: bold 180% Arial; letter-spacing: 18px; margin: 0 0 0 20px; }

/* mainContent */
#mainContent {float: left; width: 90%; background: transparent;	padding: 20px 10px 10px 40px; }


/* //////////////////////////////////////////////// */
/* Articles */
/* //////////////////////////////////////////////// */
.article img.left {clear:left; float:left; margin:0pt 1.1538em 0pt 0pt; }

/* articleContent. Each articleContent contains a series of paragraphs. */
.articleContent {font-size:14px;}
.articleContent p {line-height:20px;}


/* //////////////////////////////////////////////// */
/* Navigation Bar */
/* //////////////////////////////////////////////// */
#navBar{width: 90%; overflow: hidden; margin-left: 22px; margin-top:10px;}
#navBar ul{margin: 0; padding: 0; }
#navBar ul li{float: left; display: inline; margin: 0; padding: 0; }
#navBar ul li a{padding: 2px 10px; display: block; text-decoration: none; }

/* A non-current tab */
#navBar ul li a:link, #navBar ul li a:visited{
    background: #F5EFFB top left repeat-x;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    color: #000;
    sfont-size:80%;
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
}
#navBar ul li a:hover, #navBar ul li a:active{text-decoration: none;}

/* The current tab */
#navBar ul li.navBarActiveTab a:link, #navBar ul li.navBarActiveTab a:visited{
    background: #fff top left repeat-x;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    color: #000;
    font-weight:bold;
    font-size:100%;
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #FFFFFF;
}