/*================================================================
The MAIN stylesheet for the website.

Define SITE-WIDE styles:
  - General Typography
  - Header Content
  - Sidebar Content
  - Forms
  - Tables
  - Footer
  - Sitewide Custom Definitions
  
================================================================*/

/*@import url("base.css");
@import url("layout.css");
*/

/* GENERAL TYPOGRAPHY (Standard HTML tags)
----------------------------------------------------------------*/
html, body 
{
    font-family: verdana, helvetica, sans-serif;
    color: black;
}

h1
{
    color: #00477b;
    margin: 2px 0 1px 0;
    padding: 3px 0;
    font-size: 20px;
}



h2 
{
    /*color: #6fcdb6;
    */
    color: #11aaaa;
    margin: 26px 0 6px 0;
    font-size: 18px;
}

h3
{
    color: #000000;
    font-weight: bold;
    font-size: 14px;    
    margin: 5px 0 0 0;
}

p 
{
    margin: 0 30px 10px 0;
    font-size: 0.8em;
}

a:link, a:visited 
{
    text-decoration: none;
    color: #80201e;
}

li
{
    font-size: 0.8em;
}


/* HEADER CONTENT
----------------------------------------------------------------*/
#header h1 
{
    margin: 0 10px;
    padding: 3px 0; 
    color: #bb3333;
    font-weight: bold;
    font-size: 24px;
}


/* SIDEBAR CONTENT
----------------------------------------------------------------*/
#sidebarcontent
{

}

#sidebarcontent p
{
    text-align: justify;
    font-size: 0.7em;
  
}


/* MAIN CONTENT
----------------------------------------------------------------*/
#content {
  text-align: justify;
}

#content p {
  text-align: justify;
}

.searchresults h1
{
    width: 400px;
    background: #cccccc;
}

.resultsline
{
    font-size: 0.8em;
    margin: 5px 0 0 0;   
}

#search p
{
    text-align: justify;
}

#map p
{
    text-align: center;
    font-size: 0.6em;
    padding: 0 0 0 5px;
}


/* FOOTER CONTENT
----------------------------------------------------------------*/
#footer p 
{
    text-align: right;
    color: #555555;
    font-size: 10px;
    padding: 10px 20px;
}

#footer a:hover 
{
    color: #334422;
    text-decoration: none;
    border-bottom: 1px dotted #334422;

}

/* SITE-WIDE CUSTOM STYLES (Your own id's and classes)
----------------------------------------------------------------*/
p.error {
  color: red;
}


 