/*********************************************************************************
* This contains the styles for the site as a whole (some are split into
* included CSS files to make things easier to read)
**********************************************************************************/

/* Load in the main menu and contact area styles */
@import url(cat_menu.css);
@import url(contact_area.css);

/* This is the main body of the web site */
body
{
    margin:0px 0px 0px 0px;
    background: #282828;
    font-family: Verdana, Arial;
    text-align: center;
    min-width: 970px;
    font-size: small;
}

/* This is a heading 1 (the largest) style heading */
H1
{
    font-weight: bold;
    font-size: x-large;    
}

/* This is a heading 2 (the medium) style heading */
H2
{
    color: #21007F;   
}

/* This is a heading 3 (the small) style heading */
H3
{
    font-size: medium;
}

/* This is a general link */
A:link
{
    color: #003C68;
    text-decoration: none;
    font-weight: bold;
}

A:visited
{
    color: #808080;        
    font-weight: bold;
    text-decoration: none;
}

A:hover
{
    text-decoration: underline;
}

A:active
{
}

/* This is the main area where the document will go */
.documentArea
{
    margin:0 auto;
	width:970px;
	text-align: left;
    background-color: #F5FFFA;
    border: 1px solid #282828;
}

/* This is an inner div, just to provide some nice padding */
.innerDocumentArea
{
    padding: 5px 5px 5px 5px;
}

/* This is the gutter area of the screen */
.gutterArea
{
    background-color: #454545;
    background-image: url(images/bg_bottom.jpg);
    background-repeat: repeat-x;
    height:50px;
    font-size: smaller;
    text-align:left;
    color: #808080;
    padding: 5px 5px 5px 5px;
}