﻿/* Normalize */

body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}

img
{
    display:block;
}

/* General Layout */

.container {
	margin-left: auto;
	margin-right: auto;
	margin-top:0;
	margin-bottom:0;
	width: 812px;
	background-color:#fff;
	padding-left:12px;
	padding-right:6px;
	position:relative;
	min-height:100%;
    height:auto !important;
    height:100%;
}

.thin,
.thick,
.full,
.sponsor
{
	display:inline;
	float: left;
	position: relative;
	margin-left: 6px;
	margin-right: 6px;
}

.container .thin {
	width:263px;
}

.container .thick {
	width:519px;
}

.container .full {
	width:770px;
}

.container .sponsor {
	width:220px;
	padding-left:12px;
	padding-right:12px;
	text-align:center;
}

/* clear */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}



/* Body and general styles */
html
{
    height:100%;
}

body 
{ 
    font-family: "Gill Sans", "Gill Sans MT", Sans-Serif; 
    font-size:12pt;
    background-color:#717377;
    height:100%;  
}

h1
{
    font-weight:normal;
    font-size: 18pt;
}

h2
{
    font-weight:normal;
    font-size:14pt;
    color:#f33;
}

h3
{
    font-weight:bold;
    font-size:14pt;
}

a
{
    color:#f33;
}

a:hover
{
    color:#000;
}

.blackLeftFiller
{
    height:24px;
}

.bodyText
{
    padding-top:30px;
    padding-right: 12px;
    padding-left: 12px;
    padding-bottom: 50px;  
}
.bodyText h1, h2
{
    padding-bottom: 12px;
}

.bodyText p
{
    padding-bottom: 26px;
}

.minHeight
{
    min-height:500px;
    height: auto !important;
    height: 500px;
}

.sideMenu
{
    padding-top:35px;
}
.sideMenu ul
{
    list-style:none;
}

.sideMenu a
{
    color:#000;
    text-decoration:none;
}
.sideMenu a:hover
{
    color:#f33;
}

.sideMenuSelectedItem a
{
    color: #f33;
}

.highlighted
{
    color: #f33;
}

/* Backgrounds */

.blackTopRound
{
    background: url(/images/topblack.png) no-repeat; 
    height:23px; 
    width:263px;
}

.blackBottomRound
{
    background: url(/images/bottomblack.png) no-repeat; 
    height:23px; 
    width:263px;
}

.redTopRound
{
    background: url(/images/topred.png) no-repeat; 
    height:23px; 
    width:263px;
}

.redBottomRound
{
    background: url(/images/bottomred.png) no-repeat; 
    height:23px; 
    width:263px;
}

.redBkg
{
    background-color:#f33;
}

.blackBkg
{
    background-color: #000;
    color:#fff;
}

.splitter
{
    background: url(/images/splitterStar.png) repeat-x;
    height: 12px;
    width:507px;
    padding-bottom:20px;
}

/* Top */
.logoLeft 
{ 
    background-color: Black;
    color:White;
}

#menutop
{
    float:left;
    list-style:none;
    height:38px;
    background: url(/images/menubkg.png) no-repeat;
    width:494px;
    color: #fff;
    padding-left:25px;
}

#menutop li
{
    padding-top:12px;
    padding-left:9px;
    padding-right:9px;
    float:left;
}

#menutop a
{
    text-decoration: none;
    color: #fff;
}

#menutop a:hover
{
    text-decoration: underline;
}

#headerImage
{
    float: left; 
    margin-top: 10px; 
    background: url(/images/headerImage.png) no-repeat;  
    width: 519px; 
    height: 144px;
}

#headerImage img
{
    
    margin:42px 0 0 20px;
}
	
/* Footer */

.footerContainer
{
     position:absolute; bottom:5px; left:0;
}

.sponsorLink
{
    color:#f33;
    font-size:10pt;
    text-align:center;
    padding-left:12px;
}

.sponsorLink:hover
{
    color: #000;
}

.footer
{
    position: absolute; 
    bottom: 0;
    left:352px;
    font-size:10pt;
}

.footerHome
{
     position: absolute; 
     bottom: 0;
     font-size:10pt;
     left:0;
     height:38px;
}

.footerHome p
{
    position: absolute; 
    bottom:0;
    left:12px;
}

.footerHome div
{
    position: absolute; 
    top:0;
    right:0;
}

.followUsImage
{
    float:left; 
    padding-top:5px; 
    margin-left:18px;
}

.facebookLink
{
     float:left; 
     margin-left:15px;
}

.twitterLink
{
    float:left; 
    padding-left:5px;
}

/* Form General */

.formTop
{
    width:507px;
    height:7px; 
    background-image:url(/images/topForm.png);
}

.formBottom
{
    width:507px;
    height:7px; 
    background-image:url(/images/bottomForm.png);
}

.formMiddle
{
    position:relative;
    border-right:solid 1px #f33; 
    border-left:solid 1px #f33;
    padding: 0px 12px 12px 26px;
    margin-right:-12px;
}

.formMiddle a:hover
{
    color:#f33;
}

.formMiddle h1
{
    color: #f33;
    font-size:16pt;
}

.formLabel
{
    float:left;
    width:175px;
}

.formLine
{
    padding-bottom:20px;
}

.formInput
{
    float:left;

}

.formInput input
{
    width:260px;
}

.formCheck
{
    padding-left:24px;
    padding-right:24px;
}

#submitButton
{
    width:84px;
    height:28px;
    float:right;
}

.formErrors
{
    color:#f33;
}

.formErrors ul
{
    margin-left:20px;
}

.input-validation-error
{
    border:solid 1px #f33;
}

/* Contact Form */

.contactFormLabel
{
    float:left;
    width:125px;
}

.contactFormInput
{
    float:left;
}

.contactFormLine
{
    padding-bottom:20px;
}

.contactFormInput input
{
    width:280px;
}

/* Home page */
	
#logo
{
    padding-top:50px; 
    padding-left:20px;
}

#secondaryLogo
{
    padding-top:20px; 
    padding-left:14px;	    
}

#homeImage
{
    margin-top:10px;
}
	

.blackLeftExtra
{
    height:268px; 
}

.blackLeftExtra p
{
    padding-top:20px;
    padding-right: 20px;
    padding-left: 20px;    
    font-size:18px;
    line-height:1.1em;
}

.blackLeftExtra a
{
    margin-top:10px;
    margin-right:20px;
    float:right;
}
	
.moreLink
{
    position:absolute; 
    right:10px; 
    bottom:20px;
}
	
.moreInfo
{
    height:208px;
}

.moreInfo p
{
    padding-left:30px; 
    padding-right:30px; 
    font-size:12pt; 
    line-height:18px; 
    padding-top:20px;
}

.moreInfo img
{
    padding-left:30px;
}

.moreInfoWrapper
{
  position:relative; 
  height:301px;
}

/* Licensees/About */
#joinBenefits
{
    list-style-image:url(/images/redStar.png);
    padding-left: 20px;
}

#joinBenefits li
{
    padding-bottom:1em;
    padding-left:1em;
}

/* Sponsors */

.sponsorLogo
{
    float:left;
    width:190px;
}

.sponsorCopy
{
    float:left;
    width:317px;
}

/* News/Events */
.newsItemImage
{
    float:left;
    width:110px;
}

.newsItemTeaser
{
    float:left;
    width:370px;    
}

.newsDate
{
    float:left; 
    width:110px;
    color:#f33;
    font-size:14pt;
}

.newsTitle
{
    float:left; 
    width:380px;
}

/* Filler Image */

.fillerImage
{
    margin-left:24px;
}
