@charset "utf-8";
/* CSS Document */
*{
margin: 0;
}
img{
border: none;
}
/***************************************

Fonts and Tags

****************************************/
body{
font-family: Arial, Helvetica, sans-serif;
font-size: 62.5%;
color: #2f2f2f;
}
h1{
clear: right;
padding: 0px 0 11px 0;
font-size:2.7em;
color: #004a80;
}
h2{
margin: 0;
font-size: 24px;
line-height: 1em;
}
h3{
margin: 0 0 3px 0;
font-size: 20px;
font-weight: 200;
line-height: 1.1em;
}
.rightCol .content h2, .rightCol .content h3{
color: white;
}
.rightCol .content h3 span, .quote span, .middleText span, span.sub{
font-size: 12px;
position: relative;
top: 6px;
}
h4{
margin: 10px 0 0 0;
font-size: 10px;
}
h5{
margin: 0;
font-size: 9px;
}
p{
line-height: 1.3em;
font-size: 1.2em;

}
a{
color: #004a80;
text-decoration: none;
text-decoration: underline;
}
a:hover{
text-decoration: none;
}
ul{
list-style: none;
margin:0;
padding: 0;
}
form ul{
font-size: 12px;
color: #004a80;
}
form ul select, form ul input{
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
color: #004a80;
}
.quote strong{
font-size:19px;
font-weight:200;
}
/**************************************

Layout

***************************************/
body{
text-align: left;
background-image: url(../images/bkg.gif);
background-repeat: repeat-x;
background-color: white;
}
#main{
width: 882px;
margin: 0 auto; 
position: relative;
z-index: 0;
}
.leftCol{
width: 499px;
float: left;
margin: 158px 0 0 0;
background-image: url(../images/leftcol.jpg);
background-repeat: no-repeat;
}
.largeCol{
width: 696px;
margin: 0 auto;
padding: 157px 0 0 0;
}
.leftCol .content{
min-height: 491px;
height: auto !important;
height: 491px;
float: right;
text-align: center;
}
.rightCol{
background-image: url(../images/rightcol.gif);
background-repeat: no-repeat;
width: 324px;
float: right;
margin: 114px 0 0 0;
padding: 0 0 0 59px;
}
.rightCol .content{
width: 291px;
min-height: 378px;
height: auto !important;
height: 378px;
margin: 182px 0 0 0;
background-color: #00c0f3;
text-align: center;
}
.rightBottom{
background-color:white;
background-image:url(../images/bottomright.gif);
background-position:1px 0;
background-repeat:no-repeat;
height:24px;
left:-1px;
position:relative;
width:298px;
}
.logo{
padding: 0;
}
.logo a{
position: absolute;
left: 41px;
top: 19px;
background-image:  url(../images/logo.jpg);
background-repeat: no-repeat;
height: 0px;
width: 331px;
overflow: hidden;
padding: 139px 0 0 0;
margin: 0;
display: block;
}
.imgBase{
position: absolute;
background-image:  url(../images/green.gif);
background-repeat: no-repeat;
width: 385px;
height: 0px;
padding: 53px 0 0 0;
overflow: hidden;
left: 386px;
top: 47px;
z-index: 100;
}
.sponPhoto{
position: absolute;
left: 308px;
top: 144px;
z-index: 100;
}
.formTop, .formBottom{
background-image: url(../images/formTop.gif);
height: 14px;
background-repeat: no-repeat;
float: left;
width: 235px;
overflow: hidden;
}
.formBottom{
background-image:  url(../images/formBottom.gif);
}
.rightCol .content form{
width: 235px;
margin: 0 auto;
}
.rightCol form ul{
list-style: none;
float: left;
padding: 0 20px;
width: 194px;
background-color: #8ed8f8;
}
form ul li{
clear: left;
padding: 5px 0;
}
form ul li label{
width: 165px;
float: left;
line-height: 1.6em;
font-size: 14px;
color: #4a4a47;
}
form ul li input{
border: 1px solid #00c0f3;
width: 183px;
padding: 2px 5px;
}
form ul li select{
border: 1px solid #00c0f3
}
a.Button{
display: block;
width: 165px;
margin: 3px auto 0;
height: 39px;
overflow: hidden;
background-repeat: no-repeat;
}
a.Button:hover{
background-position: 0 -39px;
}
a.join{
background-image: url(../images/joinnow.gif);
}
a.friend{
background-image: url(../images/tellfriend.gif);
}
a.friendLight{
background-image: url(../images/tellafriendLight.gif);
}
a.friendDark{
background-image: url(../images/tellaDark.gif);
margin-bottom: 9px;
}
a.unsub{
background-image: url(../images/unsub.gif);
}

a.submitBtn{
background-image: url(../images/submit.gif);
}
a.download{
background-image: url(../images/download.gif);
width: 204px;
margin-top: 25px;
}
a.moreInfo{
background-image: url(../images/moreinfo.gif);
width: 246px;
height: 0px;
padding-top: 39px;
clear: left;
margin: 0 auto;
position: relative;
top: -20px;
}
a.facebook{
display: block;
background-image: url(../images/facebook.gif);
background-repeat: no-repeat;
width: 245px;
height: 59px;
overflow: hidden;
margin: 3px auto 0;
}
a.facebook:hover{
background-position: 0 -59px;
}
.openQ{
background-image: url(../images/openq.gif);
background-position: right bottom;
background-repeat: no-repeat;
width: 32px;
height: 30px;
float: left;
padding: 25px 0 0 45px;
}
.quote{
color: white;
text-align: left;
font-size: 16px;
width: 200px;
padding: 23px 20px 7px 0px;
background-image: url(../images/closeq.gif);
background-position: bottom right;
background-repeat: no-repeat;
float: left;
margin: 10px 0 7px 0;
}
.auth{
color: white;
text-align: right;
font-size: 16px;
padding: 0px 0px 7px 45px;
width:240px;
clear: left;
float: left;
}
.middleText{
padding:18px 44px 0 148px;
color: #024b81;
font-size: 18px;
clear: left;
}
.offCenterText{
padding:15px 50px 0 215px;
color: #024b81;
font-size: 16px;
clear: left;
font-weight: bold;
}
.offCenterText strong{
font-size: 18px;
}
.small{
font-size: 10px;
padding:40px 0 15px 70px;
}
.footer{
clear: both;
color: #666666;
font-size: 11px;
text-align: center;
padding: 40px 0;
}
.flashArea{
position: absolute;
left: 555px;
top: 166px;
}


#errorMessages{
font-size: 12px;
color: red;
text-align: center;
font-weight: bold;
background-color: #004a80;
margin: 10px 0;
padding: 5px 8px;
}

.lightContent ul{
width: 333px;
font-size: 16px;
color: #004a80;
font-weight: 600;
padding: 25px 0 0 320px;
}
.lightContent ul li{
padding: 0 0 15px 0;
}
.smallText{
font-size: 11px;
font-weight: normal;
}
.largeColContent{
text-align: center;
padding: 55px 0 0 15px;
background-image: url(../images/thankBack.jpg);
background-repeat: no-repeat;
background-position: top center;
min-height: 513px;
height: auto !important;
height: 513px;
}
.largeColContent ul{
width: 390px;
font-size: 18px;
color: #004a80;
font-weight: 200;
margin: 10px auto;
}
.largeColContent ul li{
padding: 0 0 20px 0;
}
.largeColContent ul li.thankFooter{
font-size: 11px;
padding: 115px 0 0;
color: #004a80;
}
#tellafriend form ul{
padding:40px 0 0 279px;
text-align: center;
width: 194px;
margin: 0 auto;
}
.largeColContent.flashH{
background-image: url(../images/widgetBack.jpg);
padding: 24px 0 21px 81px;
min-height: 550px;
height: auto !important;
height: 540px;
}
/**************************************

Utility

***************************************/
.left{
float: left;
}
.right{
float: right;
}
.clr{
clear: both;
}
.noclr{
clear: none;
}
.textCenter{
text-align: center;
}
.displayHide{
display: none;
}
.green{
color: #418103;
}