html, body, form, .Container
{
    height: 100%;
    margin: 0;
    padding: 0;
}

form > .Container
{
    height: auto;
    min-height: 100%;
}

.h1
{
    color: #c9c9c9;
    font-family: Arial;
    font-size: 9px;
}

img
{
    border: 0;
}

p
{
    margin: 0;
    padding: 0;
}

ul
{
    margin: 0;
    padding: 0;
    margin-left: 16px;
    margin-top: 4px;
    margin-bottom: 8px;
    list-style-type: disc;
}

.liAlt
{
    list-style-image: url('Images/GreenArrowAlt.gif');
}

body
{
    background: white url('Images/Background.jpg') repeat-x;
    font-size: 12px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #6c6c6c;
    line-height: 21px;
}

.BodyAlt
{
    background: white url('Images/BackgroundAlt.jpg') repeat-x;
    font-size: 12px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #6c6c6c;
    line-height: 21px;
}

.Container
{
    margin-left: auto;
    margin-right: auto;
    width: 990px;
    text-align: left;
    padding-bottom: 0px;
}

.Content
{
    float: left;
    width: 990px;
    padding-bottom: 132px;
}

.Header
{
    float: left;
    width: 990px;
    height: 176px;
    padding-top: 2px;
}

.Join
{
    float: left;
}

.Banner
{
    float: left;
    width: 990px;
    padding-top: 35px;
    height: 353px;
}

.BannerLeft
{
    float: left;
    width: 224px;    
    height: 318px;
    background: url('Images/WhoWeAre.jpg') no-repeat;    
}

.BannerSwirlLeft
{
    float: left;
    width: 152px;    
}

.BannerMiddle
{
    float: left;
    width: 224px;    
    height: 318px;
    background: url('Images/Nuus.jpg') no-repeat;
}

.BannerSwirlRight
{
    float: left;
    width: 152px;    
}

.BannerRight
{
    float: left;
    width: 224px; 
    height: 318px;   
    background: url('Images/Events.jpg') no-repeat;    
}

.HomeBannerLeft
{
    width: 642px; 
    height: 301px;
    background: url('Images/HomeBannerLeft.jpg') no-repeat;
}

.HomeBannerRight
{
    width: 259px; 
    height: 301px;
    background: url('Images/HomeBannerRight.jpg') no-repeat;
}

.FeaturesBannerLeft
{
    width: 642px; 
    height: 181px;
    background: url('Images/FeaturesBannerLeft.jpg') no-repeat;
}

.FeaturesBannerRight
{
    width: 259px; 
    height: 181px;
    background: url('Images/FeaturesBannerRight.jpg') no-repeat;
}

.AboutBannerLeft
{
    width: 642px; 
    height: 181px;
    background: url('Images/AboutBannerLeft.jpg') no-repeat;
}

.AboutBannerRight
{
    width: 259px; 
    height: 181px;
    background: url('Images/AboutBannerRight.jpg') no-repeat;
}

.ContactBannerLeft
{
    width: 642px; 
    height: 181px;
    background: url('Images/ContactBannerLeft.jpg') no-repeat;
}

.ContentLeft
{
    float: left;
    width: 717px;
    padding-right: 22px;
}

.InnerContentLeft
{
    float: left;
    width: 458px;
    padding-right: 28px;
}

.InnerContentRight
{
    float: left;
    width: 231px;
}

.ContentRight
{
    float: left; 
    width: 251px;
}

.RightInnerContent
{
    margin-top: 20px;
    border: solid 1px #ccd9de;
    padding-left: 12px;
    padding-right: 12px;
    width: 224px;
    padding-top: 20px;
    padding-bottom: 20px;
}

.RightInnerContentAlt
{
    margin-top: 33px;
    border: solid 1px #ccd9de;
    width: 248px;
    padding-bottom: 20px;
    background: #ccd9de;
}

.Features
{
    float: left;
    width: 225px;
    padding-top: 23px;
}

.FeaturesLeft
{
    float: left;
    width: 58px;
}

.FeaturesRight
{
    float: left;
    width: 167px;
}

.FeaturesAlt
{
    float: left;
    width: 273px;
    padding-right: 21px;
    padding-top: 30px;
}

.FeaturesLeftAlt
{
    float: left;
    width: 55px;
}

.FeaturesRightAlt
{
    float: left;
    width: 218px;
}

.hr
{
    width: 100%;
    height: 1px;
    color: #e2e2e2;
}

.Comments
{
    float: left;
    width: 276px;
    padding-right: 29px;
}

.CommentsAlt
{
    float: left;
    width: 219px;
}

.Footer
{
    float: left;
    clear: both;
    z-index: 10;
    position: relative;
    text-align: right;
    margin-top: -102px;
    height: 102px;
    width: 100%;
    background: #558091;
}


.InnerFooter
{
    margin-left: auto;
    margin-right: auto;
    width: 990px;
    text-align: right;
    padding-top: 8px;
}

.FooterText
{
    color: #78b59e;
    font-family: Arial;
    font-size: 11px;
}

.FooterTextLink
{
    color: #78b59e;
    font-family: Arial;
    font-size: 11px;
    text-decoration: none;
}

.FooterTextLink:hover
{
    text-decoration: underline;
}

/* Text */

.GreenText20
{
    font-family: 'Century Gothic' , Verdana;
    font-size: 20px;
    color: #93a30f;
}

.GreenText16
{
    font-family: 'Century Gothic' , Verdana;
    font-size: 16px;
    color: #93a30f;
}

.GreenText12Bold
{
    font-family: Verdana;
    font-size: 12px;
    color: #93a30f;  
    font-weight: bold; 
    line-height: 21px; 
}

.BlueText23
{
    font-family: 'Century Gothic' , Verdana;
    font-size: 23px;
    color: #558091;
}

.BlueText16
{
    font-family: 'Century Gothic' , Verdana;
    font-size: 16px;
    color: #558091;
}

.BlueText12
{
    font-family: Verdana;
    font-size: 12px;
    color: #558091;   
    line-height: 21px; 
}

.BlueText12Link
{
    font-family: Verdana;
    font-size: 12px;
    color: #558091;   
    line-height: 21px; 
    text-decoration: none;
}

.BlueText12Link:hover
{
    text-decoration: underline;
}

.BlueText11Link
{
    font-family: Verdana;
    font-size: 11px;
    color: #558091;   
    line-height: 21px; 
    text-decoration: none;
}

.BlueText11Link:hover
{
    text-decoration: underline;
}

.LightGreyText11
{
    font-family: Verdana;
    font-size: 11px;
    color: #a3a3a3;   
}

.Clear
{
    clear: both;
    height: 0;
}

.GreyText12
{
    font-family: Verdana;
    font-size: 12px;
    color: #6c6c6c;   
    line-height: 21px; 
}

.GreyText12Bold
{
    font-family: Verdana;
    font-size: 12px;
    color: #6c6c6c;   
    font-weight: bold;
    line-height: 21px; 
}

.GreyText12Italic
{
    font-family: Verdana;
    font-size: 12px;
    font-style: italic;
    color: #6c6c6c;    
}

.GreyText12Link
{
    font-family: Verdana;
    font-size: 12px;
    color: #6c6c6c;    
    text-decoration: none;
}

.GreyText12Link:hover
{
    text-decoration: underline;
}

.WhiteText11
{
    font-family: Arial;
    font-size: 11px;
    color: white;   
}

.WhiteText11Link
{
    font-family: Arial;
    font-size: 11px;
    color: white;   
    text-decoration: none;
}

.WhiteText11Link:hover
{
    text-decoration: underline;  
}

.WhiteText12Link
{
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    line-height: 16px;
    color: white;   
    text-decoration: none;
}

.WhiteText12Link:hover
{
    text-decoration: underline;  
}

.Submit
{
	float: left;
	width: 73px;
	height: 26px;
	background: url('Images/Submit.gif') no-repeat;
	overflow: hidden;
	border: 0px;
	cursor: pointer;
}

.Reset
{
	float: left;
	width: 73px;
	height: 26px;
	background: url('Images/Reset.gif') no-repeat;
	overflow: hidden;
	border: 0px;
	cursor: pointer;
}

table.reference
{
    border: 1px solid #bababa;
    border-collapse: collapse;
}

table.reference th
{
    border: 1px solid #bababa;
    padding: 3px;
}

table.reference td
{
    border: 1px solid #bababa;
    padding: 7px;
}

.SignIn
{
    margin-top: 20px;
    width: 302px;
    padding: 16px;
    background: #ccd9de;
    border: solid 1px #92bacb;
}