﻿/**
 *  Main Page Layout
 **/
body 
{
    font-family: Tahoma, Verdana, Arial, Sans-Serif;
    font-size: 12px;
    
    padding: 0px;
    margin: 0px;
}

.Wrapper
{
    width: 664px;
    
    text-align: left;
    
    background-image: url("img/Background2.jpg");
    background-repeat: no-repeat;
    border: 0px solid red;
    height: 768px;
}

#HomePage
{
    background-image: url("img/HomePageBackground.jpg");
    height: 768px;
    z-index: -2;
    width: 661px;
}

.HomePageBannerImage
{
    z-index: 5;
    border: 0px solid green;
    width: 661px;
    height: 330px;
}

#HomePage a:link, #HomePage a:visited
{
    text-decoration: none;
    color: Black;
}

#HomePage a:hover
{
    text-decoration: underline;
}

.AddressBox 
{
    margin: 5px;
    z-index: 5;
    position: relative;
    border: 0px solid blue;
    font-size:14px;
}

.HomePageAddress
{
    margin: 5px;
    color: white;
    z-index: 6;
    height: 45px;
    border: 0px solid red;
    position: relative;
}

.HomePageBanner
{
    position: absolute;
    top:0px;
    left: 0px;
    z-index: 1;
    border: 0px solid blue;
    width: 661px;
}

.MainContent
{
    position: absolute;
    top: 54px;
    left: 0px;
    border: 0px solid black;
    width: 664px;
}

.TitleBar
{    
    position: relative;
    left: 20px;
    
    z-index: 1;
    
    width: 494px;
    height: 54px;
    border: 0px solid red;
}

.TitleBarImage
{
    height: 54px;
    width: 494px;
}

.MainNavigation
{
    position: relative;
    top: 10px;
    border: 0px solid blue;
    height: 700px;
}

.MainNavigation a:link, .MainNavigation a:visited 
{
    display: block;
    width: 170px;
    height: 36px;
}

.MainNavigation a:hover
{
    background-position: -170px;
}

.MainNavigation a:active
{
    background-position: -340px;
}

.Content
{
    width: 463px;
    padding: 5px;
    border: 0px solid green;
}

.Footer
{
    width: 463px;
}

.Footer a:link 
{
    color: #a79ebd;
    text-decoration: none;
}

.Footer a:visited 
{
    color: #a79ebd;
    text-decoration: none;
}

/**
 *  Floating Elements
 **/
.Left
{
    float: left;
}

.Right
{
    float: right;
}

.ClearingElement
{
    clear: both;
}

/**
 *  Text Alignment
 **/
.CenterAligned
{
    text-align: center;
}

.RightAligned
{
    text-align: right;
}

/**
 *  Text Formatting
 **/
.Strong
{
    font-weight: bold;
}

.Purple
{
    color: #a79ebd;
}

.SmallText
{
    font-size: 9px;
}

.LargeText
{
    font-size: 15px;
}

.Feedback
{
    color:Red;
}

/**
 *  The Calendars
 **/
.EventCalendar 
{
    margin: 10px;
}
