@charset "UTF-8";
/* CSS Document */

/*Created: March 2009*/
/*Last Modified: March 1, 2009*/

/*

------------------------------------------------------------
  COLOR REFERENCE - values for established color palette
------------------------------------------------------------

RED: #E31837
COUNTDOWN GRAY: #C7C7C7
DARK SIDEBAR HEADER GRAY: #565656
SIDEBAR GRAY: #B9B9B9
LEFT TEXT: #717173
SIDEBAR TEXT: #4C4C4C

*/




/*
------------------------------------------------------------
  BASIC BIG BLOCKS - Global settings for elements
------------------------------------------------------------
*/
html {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
body {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
background-color: #e5e5e6;
}
/* zero out all default margin, padding, and border settings */
div,table,tr,td,th,img,p,ul,li,dl,dt,dd,hr,h1,h2,h3,h4,h5,h6,form,label{
margin: 0;
padding: 0;
border: 0;
}
/* zero out all default margin and padding settings */
select,input{
margin: 0;
padding: 0;
}
/* this class is used to set a clear on an empty div */
.clear {
position: relative;
display: block;
clear: both;
width: 100%;
height: 1px;
overflow: hidden;
margin: 0;
font-size: 1px;
line-height: 1px;
}
/*this class used to set a clear on any element*/
.clear_fix {
clear:both;
}
/*classes for floats on any object*/
.left {
float:left;
}
.right {
float:right;
}


/*** END *** BASIC BIG BLOCKS ***/









/*
------------------------------------------------------------
  STANDARD MOVIE IMAGE SIZES
------------------------------------------------------------
*/
/*start here*/


/*** END *** STANDARD MOVIE IMAGE SIZES ***/












/*
------------------------------------------------------------
  LAYOUT CONTAINERS - Major wrappers and containers that hold major chunks of the site
------------------------------------------------------------
*/
 
/* CONTAINER holds the entire webpage, and is the first object after the body */
#container {
position: relative;
width: 100%;
height: 100%;
}
/* WRAPPER holds the entire webpage, and is the second object after the body */
#wrapper {
position: relative;
margin: 0 auto -55px auto;
width: 100%;
min-height: 100%;
height: auto !important;
height: 100%;
}
/* HEADER_WRAPPER holds the header and the navbar*/
#header_wrapper {
position: relative;
width: 100%;
min-width: 1000px;
height: 380px;
z-index: 99;
}
/*DEPRECIATED: has been replaced with #nav container and LI based nav*/
#header_email {
width: 990px;
padding: 10px 10px 0 0;
height: 16px;
margin: 0 auto;
}
/*DEPRECIATED: has been replaced with #nav container and LI based nav*/
#header_email_links{
position: relative;
width: 350px;
float: right;
padding: 0;
margin: 0;
}
/*DEPRECIATED: has been replaced with #nav container and LI based nav*/
#header_email_links_container{
width: 270px;
margin: 0 auto;
padding: 0;
}
#header_flash{
position: relative;
width: 100%;
height:0; 
overflow:hidden;
padding-top:350px;
/* margin-top: 10px; */
background-image: url(../jpg/img_header.jpg);
background-position: center;
background-repeat: no-repeat;
background-color: white;
z-index: 99;
}
/* NAV_WRAPPER holds the navbar and buttons*/
#nav_wrapper {
width: 960px;
padding: 10px 40px 10px 0;
margin: 0 auto;
}
/* CONTENT_WRAPPER holds all of the content below the XXX and above the footer */
#content_wrapper {
position: relative;
width: 1000px;
margin: 0 auto;
padding: 0;
}
/* CONTENT holds all of the ..... */
#content_left{
position: relative;
width: 650px;
float: left;
margin-right: -350px;
}
#content {
position: relative;
width: 570px;
padding: 55px 20px 0 60px;
min-height:500px;
}
/* SIDEBAR RIGHT holds all of the ..... */
#sidebar_right_wrapper {
position: relative;
width: 349px;
float: right;
height: 1075px; /*DELETE DELETE DELETE*/
background-color: #B9B9B9;
border-left: 1px solid #E31837;
}
#sidebar_right_form{
width: 270px;
padding-top: 60px;
margin: 0 auto;
}
/*
#firstname {
position: relative;
float: left;
padding: 0;
margin: 0;
}
#lastname {
position: relative;
float:right;
padding: 0;
margin: 0;
}
#city{
position: relative;
float:left;
width: 100px;
padding: 0;
margin: 0 5px 0 0;
}
#state{
width: 55px;
position: relative;
float: left;
margin: 0 5px;
padding:  0;
}
#zip{
width: 75px;
position: relative;
float: left;
padding: 0;
margin: 0;
}
*/
/* SIDEBAR LEFT holds all of the ..... */
#sidebar_left {
position: relative;
width: 220px;
}
/* FOOTER is the outer wrapper of the footer section */
#footer_wrapper {
clear:both;
position: relative;
background-color: #fff;
width: 100%;
border-top: 1px solid #E31837;
border-bottom: 1px solid #E31837;
/*padding-bottom: 25px;*/
margin: 0 auto;
}
/*** END *** LAYOUT CONTAINERS ***/









/*
------------------------------------------------------------
  1, 2, 3 COLUMN LAYOUTS - Settings for all elements and containers that column layouts
------------------------------------------------------------
*/

/* 1 COLUMN GRID - used to organize content in 1 column grid
------------------------------------------------------------ */
.col1 {
position: relative;
}

/* 2 COLUMN GRID - used to organize content in 2 column grid
------------------------------------------------------------ */
.col2 {
position: relative;
width: 47.5%;
margin: 0;
}

/* 3 COLUMN GRID - used to organize content in 3 column grid
------------------------------------------------------------ */
/* Basic settings for each column */
.col3 {
position: relative;
float: left;
width: 29%;
}
/* Sets the gutter spacing between the columns */
.col3.center {
margin: 0 5%;
}


/*** END *** COLUMN LAYOUTS ***/












/*
------------------------------------------------------------
  TYPOGRAPHY SETTINGS
------------------------------------------------------------
*/

* {
font-family:Arial, Helvetica, sans-serif;
font-size:1em;
line-height:1em;
}

/* PARAGRAPH
------------------------------------------------------------ */
p {
font-size: .78em;
line-height: 1.35em;
color: #717173;
margin-bottom: 20px;
}
#signup p {
position: relative;
padding:0;
margin: 0 0 15px 0;
}
#footer p{
font-size: .6em;
}

/* H1 - Used for page titles
------------------------------------------------------------ */
h1 {
color: #E31837;
font-size: 1.75em;
font-weight: normal;
padding-bottom: 20px;
}

/* H2 - Used for subheads of major sections
------------------------------------------------------------ */
h2 {
color: #E31837;
font-size: 1em;
font-weight: normal;
margin-bottom: 1em;
}
#header_flash h2 {
color: #E31837;
font-size: 1.75em;
font-weight: normal;
padding-top: 50px;
padding-bottom: 50px;
text-align: center;
}

/* H3 - Subheads for block of content in columns
------------------------------------------------------------ */
h3 {
color: #E31837;
font-size: .9em;
margin-bottom: .2em;
}

/* LISTS - applies to unorder and order liss
------------------------------------------------------------ */
ul {
margin: 0 0 20px 15px;
}
li {
font-size: .78em;
line-height: 1.35em;
color: #717173;
}

/*NAV*/
#nav {
margin: 0;
height: 18px;
}
#nav li {
position: relative;
float: right;
list-style: none;
font-size: 16px;
line-height: 16px;
margin: 0 0 0 28px;
}

/* DEFINITION LIST - 
------------------------------------------------------------ */
dl {

}
dt{

}
dd{

}

/* BLOCKQUOTE
------------------------------------------------------------ */
blockquote{
font-size: .78em;
line-height: 1.35em;
color: #717173;
margin: 0 40px 20px 40px;
}

/* LINKS - how do text links look and behave on hover
------------------------------------------------------------ */
a {
color: #E31837;
text-decoration: none;
}
a:hover {
color: #fff;
background-color: #E31837;
}
a:hover.facebook {
background-color: transparent;
}

/* FORM ELEMENTS - 
------------------------------------------------------------ */
label{
color: #4C4C4C;
}
label.radio{
font-size: inherit;
margin-right: 1em;
}
label.error{
display: block;
margin-top: 3px;
padding: 3px 2%;
width: 96%;
background-color: #E31837;
color: #fff;
}
.text {
color: #4C4C4C;
margin: 0;
}
.full_width{
/* width:270px; */
width: 97%;
}
.radio {
color: #4C4C4C;
margin-bottom: -5px;
}
.formButton{
color: #FFF;
width: 55px;
padding: 3px 6px;
border: none;
font-size: 1em;
background-color: #E31837;
margin-bottom: 15px;
}
.formButton:hover{
color: #FFF;
background-color: #565656;
cursor: pointer;
}
/*DEPRECIATED*/
.header_link{
font-size: 1em;
text-align: left;
padding: 0;
margin: 0;
line-height: 1em;
}
/*
#lastname{
width: 125px;
}
#firstname{
width: 125px;
}
#city{
}
#zip{
}
*/
.checkbox {
float: left;
margin-bottom: 15px;
margin-right: 4px;
}


/* CUSTOM CLASS - unique typography settings for all types of text
------------------------------------------------------------ */
.sm {
font-size: 65%;
}
.required {
color: #E31837;
font-weight: bold;
padding-right:3px;
}

/*** END *** TYPOGRAPHY SETTINGS ***/









/*
------------------------------------------------------------
  BASIC TABLE - default table settings for all tables used in site
------------------------------------------------------------
*/
table {
font-size: 0.75em;
line-height: 1.5em;
border-collapse:collapse;
}
th {
text-transform: uppercase;
padding: 5px;
text-align: left;
}
td {
padding: 5px;
vertical-align:top;
}
tr {

}
tr.even {

}
tr.odd {

}


/*** END *** TABLE SETTINGS ***/









/*
------------------------------------------------------------
  STANDARD IMAGE - settings images sizes and styling for images
------------------------------------------------------------
*/
/*start here*/
#content img{
padding-bottom: 15px;
}
#footer img {
padding: 0;
margin: 0;
}
/*DEPRECIATED*/
#header_email_links_container .facebook{
padding-left: 15px;
}
/*** END *** TYPOGRAPHY SETTINGS ***/










/*
------------------------------------------------------------
  FOOTER - Settings for items in the footer
------------------------------------------------------------
*/

#footer{
width: 900px;
height: 55px;
padding: 0px 50px;
margin: 0 auto;
}
.no_bg:hover{
background: none;
}
#footer li {
}
#footer_slogan {
position: relative;
float: left;
width: 450px;
}
#copyright {
position: relative;
float: right;
width: 300px;
margin-top: 20px;
padding: 0;
text-align: right;
}


/*** END *** FOOTER ***/