/*================================================================
The MAIN stylesheet for the website.

Define SITE-WIDE styles:
  - General Typography
  - Header Content
  - Sidebar Content
  - Footer
  - Sitewide Custom Definitions
  
================================================================*/



/* GENERAL TYPOGRAPHY (Standard HTML tags)
----------------------------------------------------------------*/
html, body 
{
  font-family: verdana, helvetica, sans-serif;
  color: black;
}

h1 
{
  color: #004aba;
  margin: 10px 0 16px 0;
  padding: 3px 0;
  font-size: 26px;
}

h2 
{
  color: #8b9eba;
  margin: 26px 0 6px 0;
  font-size: 18px;
}

p 
{
  font-size: small;
}

a:link, a:visited 
{
  color: #294a7b;
}

a:hover 
{
  text-decoration: none;
}

li
{
  font-size: small;
}

/* HEADER CONTENT
----------------------------------------------------------------*/
#header h1 
{
  margin: 0 20px 0 10px;
  padding: 20px 0 0 10px; 
  color: #294A7b;
  font-weight: normal;
  font-size: 32px;
  font-family: arial, verdana, helvetica, sans-serif;
}


#leftheader h2
{
    margin: 0 20px 0 10px;
    padding: 5px 0 0 10px;
    color: #7989a1;
    Font-size: 18px;
    font-family: arial, verdana, helvetica, sans-serif;
}

#rightheader p
{
     color: #000000;
}


/* MAIN CONTENT
----------------------------------------------------------------*/
#content
{
    text-align: justify;
}


/* FOOTER CONTENT
----------------------------------------------------------------*/
#footer p
{
  text-align: left;
  color: #000000;
  font-size: 0.6em;
  padding: 2px 0 0 10px;
}

#footer a
{
  text-decoration: none;
}

#footer a:hover
{
  text-decoration: none;
  border-bottom: 0px;
}


/* SITE-WIDE CUSTOM STYLES (Your own id's and classes)
----------------------------------------------------------------*/
p.error 
{
  color: red;
}