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

body {
margin: 0; padding: 0;
text-align: left;
background-color: #a30d00;
color: #000000; 
}

sup {
    font-size: smaller;
    vertical-align: baseline;
    position: relative;
    bottom: 0.33em;
}

#container {
margin: 0 auto; 
padding: 0;
width: 802px;
text-align: left;
background-color: #a30d00;
}

a {
text-decoration: underline;
color: #a30d00;
}

#header {
position: relative;
margin-top: 50px;
height: 100px;
width: 802px;
background-image: url(../images/common/Header.jpg);
background-repeat:no-repeat;
}

#top_nav {
position: absolute;
top: 70px;
left: 512px; /* with promotions = 437 */
}

#header ul , li {
padding: 0;
margin: 0;
list-style-type: none;
display: inline;
}

#thumb1 {
position: absolute;
left: 514px;
top: 15px;
width: 34px;
height: 26px;
}

#thumb2 {
position: absolute;
left: 554px;
top: 15px;
width: 34px;
height: 26px;
}

#thumb3 {
position: absolute;
left: 597px;
top: 15px;
width: 34px;
height: 26px;
}

#thumb4 {
position: absolute;
left: 638px;
top: 15px;
width: 34px;
height: 26px;
}

#thumb5 {
position: absolute;
left: 680px;
top: 15px;
width: 34px;
height: 26px;
}

#thumb6 {
position: absolute;
left: 722px;
top: 15px;
width: 34px;
height: 26px;
}

/************ Family 1 ************/

#grafton_image {
position: relative;
background-image: url(../images/families/family1/main_image1.jpg);
width: 801px;
height: 191px;
}

#main_heading1 {
position: absolute;
top: 67px;
left: 40px;
}

#main_heading1 h1 {
background-image: url(../images/families/family1/grafton_heading.jpg);
width: 315px;
height: 52px;
margin: 0;
padding: 0;
}

#main_heading1 h1 span {
display: inline;
height: 0;
left: -1000px;
overflow: hidden;
position: absolute;
top: -1000px;
width: 0;
}

#families_nav {
position: relative;
background-image: url(../images/families/other_families.jpg);
width: 801px;
height: 57px;
}

#families_nav a img {
border: 0;
width: 34px;
height:26px;
}

#other_heading h1 {
position: absolute;
background-image: url(../images/families/mtcf_heading.jpg);
height: 21px;
width: 258px;
margin: 19px 0 0 41px;
}

#other_heading h1 span {
display: inline;
height: 0;
left: -1000px;
overflow: hidden;
position: absolute;
top: -1000px;
width: 0;
}

#grafton_content {
background-image: url(../images/families/family1/family_1_background.jpg);
background-color:#fff;
position: relative;
height: 492px;
width: 801px ;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
margin: 0;
padding: 0;
}

#grafton_content h1 span , h2 span , h3 span {
display: inline;
height: 0;
left: -1000px;
overflow: hidden;
position: absolute;
top: -1000px;
width: 0;
}

#grafton_content a img {
border: 0;
}

#grafton1 {
position: relative;
top: 16px;
left: 35px;
width: 435px;
}

#grafton1 h1 {
background-image: url(../images/families/family1/grafton_quote.jpg);
width: 427px;
height: 76px;
margin-top: 0;
}

img.left {
float: left;
}

#grafton2 {
position: absolute;
top: 16px;
left: 516px;
width:250px;
height: 262px;
}

#grafton2 h2 {
background-image: url(../images/families/helping_heading.jpg);
width: 248px;
height: 39px;
margin-top: -8px;
}

#sodium {
background-image: url(../images/families/sodium_background.jpg);
position: absolute;
top: 50px;
width: 242px;
height: 60px;
}

#sodium img {
position: absolute;
height: 15px;
width: 86px;
top: 5px;
left: 3px;
}

#check {
background-image: url(../images/families/check_background.jpg);
position: absolute;
top: 120px;
width: 242px;
height: 60px;
}

#check img {
position: absolute;
height: 14px;
width: 91px;
left: 3px;
top: 5px;
}

#sign_up {
background-image: url(../images/families/sign_up_background.jpg);
position: absolute;
top: 190px;
width: 242px;
height: 60px;
}

#sign_up img {
position: absolute;
height: 14px;
width: 77px;
left: 3px;
top: 5px;
}

.badge {
font-family: Arial, Helvetica, sans-serif;
width: 170px;
font-size: 9px;
margin-top: 22px;
margin-left: 5px;
}

/********** end Family 1 *************/

/********** Family 2 ****************/

#laval_image {
position: relative;
background-image: url(../images/families/family2/main_image2.jpg);
width: 801px;
height: 190px;
}

#main_heading2 {
position: absolute;
top: 67px;
left: 38px;
}

#main_heading2 h1 {
background-image: url(../images/families/family2/laval_heading.jpg);
width: 315px;
height: 52px;
margin: 0;
padding: 0;
}

#main_heading2 h1 span {
display: inline;
height: 0;
left: -1000px;
overflow: hidden;
position: absolute;
top: -1000px;
width: 0;
}

#laval_nav {
position: relative;
background-image: url(../images/families/family2/laval_nav.jpg);
width: 801px;
height: 58px;
}

#laval_nav a img {
border: 0;
width: 34px;
height:26px;
}

#laval_content {
background-image: url(../images/families/family2/family_2_background.jpg);
background-color:#fff;
position: relative;
height: 492px;
width: 801px ;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}

#laval_content h1 span , h2 span , h3 span {
display: inline;
height: 0;
left: -1000px;
overflow: hidden;
position: absolute;
top: -1000px;
width: 0;
}

#laval_content a img {
border: 0;
}

#laval1 {
position: relative;
top: 16px;
left: 35px;
width: 435px;
}

#laval1 h1 {
background-image: url(../images/families/family2/laval_quote.jpg);
width: 473px;
height: 73px;
margin-top: 0;
}

/************ end Family 2 ************/


/************  Family 3 ************/

#van_image {
position: relative;
background-image: url(../images/families/family3/main_image3.jpg);
width: 801px;
height: 190px;
}

#main_heading3 {
position: absolute;
top: 67px;
left: 38px;
}

#main_heading3 h1 {
background-image: url(../images/families/family3/van_heading.jpg);
width: 389px;
height: 56px;
margin: 0;
padding: 0;
}

#main_heading3 h1 span {
display: inline;
height: 0;
left: -1000px;
overflow: hidden;
position: absolute;
top: -1000px;
width: 0;
}

#van_nav {
position: relative;
background-image: url(../images/families/family3/van_nav.jpg);
width: 801px;
height: 58px;
}

#van_nav a img {
border: 0;
width: 34px;
height:26px;
}

#van_content {
background-image: url(../images/families/family3/family_3_background.jpg);
background-color:#fff;
position: relative;
height: 492px;
width: 801px ;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}

#van_content h1 span , h2 span , h3 span {
display: inline;
height: 0;
left: -1000px;
overflow: hidden;
position: absolute;
top: -1000px;
width: 0;
}

#van_content a img {
border: 0;
}

#van1 {
position: relative;
top: 16px;
left: 35px;
width: 435px;
}

#van1 h1 {
background-image: url(../images/families/family3/van_quote.jpg);
width: 426px;
height: 60px;
margin-top: 0;
}

#new_sodium {
background-image: url(../images/families/family3/new_sodium.jpg);
position: absolute;
top: 50px;
width: 242px;
height: 60px;
}

#new_sodium img {
position: absolute;
height: 15px;
width: 86px;
top: 5px;
left: 3px;
}

/************ end Family 3 ************/

/************ Family 4 ************/

#dart_image {
position: relative;
background-image: url(../images/families/family4/main_image4.jpg);
width: 801px;
height: 190px;
}

#main_heading4 {
position: absolute;
top: 67px;
left: 38px;
}

#main_heading4 h1 {
background-image: url(../images/families/family4/dart_heading.jpg);
width: 358px;
height: 54px;
margin: 0;
padding: 0;
}

#main_heading4 h1 span {
display: inline;
height: 0;
left: -1000px;
overflow: hidden;
position: absolute;
top: -1000px;
width: 0;
}

#dart_nav {
position: relative;
background-image: url(../images/families/family4/dart_nav.jpg);
width: 801px;
height: 58px;
}

#dart_nav a img {
border: 0;
width: 34px;
height:26px;
}

#dart_content {
background-image: url(../images/families/family4/family_4_background.jpg);
background-color:#fff;
position: relative;
height: 492px;
width: 801px ;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}

#dart_content h1 span , h2 span , h3 span {
display: inline;
height: 0;
left: -1000px;
overflow: hidden;
position: absolute;
top: -1000px;
width: 0;
}

#dart_content a img {
border: 0;
}

#dart1 {
position: relative;
top: 16px;
left: 35px;
width: 435px;
}

#dart1 h1 {
background-image: url(../images/families/family4/dart_quote.jpg);
width: 426px;
height: 70px;
margin-top: 0;
}

#new_sodium1 {
background-image: url(../images/families/family4/new_sodium1.jpg);
position: absolute;
top: 50px;
width: 242px;
height: 60px;
}

#new_sodium1 img {
position: absolute;
height: 15px;
width: 86px;
top: 5px;
left: 3px;
}

/************ end Family 4 ************/

/************ Family 5 ************/

#marie_image {
position: relative;
background-image: url(../images/families/family5/main_image5.jpg);
width: 801px;
height: 190px;
}

#main_heading5 {
position: absolute;
top: 67px;
left: 38px;
}

#main_heading5 h1 {
background-image: url(../images/families/family5/marie_heading.jpg);
width: 315px;
height: 52px;
margin: 0;
padding: 0;
}

#main_heading5 h1 span {
display: inline;
height: 0;
left: -1000px;
overflow: hidden;
position: absolute;
top: -1000px;
width: 0;
}

#marie_nav {
position: relative;
background-image: url(../images/families/family5/marie_nav.jpg);
width: 801px;
height: 58px;
}

#marie_nav a img {
border: 0;
width: 34px;
height:26px;
}

#marie_content {
background-image: url(../images/families/family5/family_5_background.jpg);
background-color:#fff;
position: relative;
height: 492px;
width: 801px ;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}

#marie_content h1 span , h2 span , h3 span {
display: inline;
height: 0;
left: -1000px;
overflow: hidden;
position: absolute;
top: -1000px;
width: 0;
}

#marie_content a img {
border: 0;
}

#marie1 {
position: relative;
top: 16px;
left: 35px;
width: 435px;
}

#marie1 h1 {
background-image: url(../images/families/family5/marie_quote.jpg);
width: 426px;
height: 70px;
margin-top: 0;
}

/************ end Family 5 ************/

/************ Family 6 ************/

#lake_image {
position: relative;
background-image: url(../images/families/family6/main_image6.jpg);
width: 801px;
height: 190px;
}

#lake_heading6 {
position: absolute;
top: 67px;
left: 38px;
}

#lake_heading6 h1 {
background-image: url(../images/families/family6/lake_heading.jpg);
width: 291px;
height: 55px;
margin: 0;
padding: 0;
}

#lake_heading6 h1 span {
display: inline;
height: 0;
left: -1000px;
overflow: hidden;
position: absolute;
top: -1000px;
width: 0;
}

#lake_nav {
position: relative;
background-image: url(../images/families/family5/marie_nav.jpg);
width: 801px;
height: 58px;
}

#lake_nav a img {
border: 0;
width: 34px;
height:26px;
}

#lake_content {
background-image: url(../images/families/family1/family_1_background.jpg);
background-color:#fff;
position: relative;
height: 492px;
width: 801px ;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}

#lake_content h1 span , h2 span , h3 span {
display: inline;
height: 0;
left: -1000px;
overflow: hidden;
position: absolute;
top: -1000px;
width: 0;
}

#lake_content a img {
border: 0;
}

#lake1 {
position: relative;
top: 16px;
left: 35px;
width: 435px;
}

#lake1 h1 {
background-image: url(../images/families/family6/lake_quote.jpg);
width: 426px;
height: 70px;
margin-top: 0;
}

/************ end Family 6 ************/


#sodium img.tile1 {
position: absolute;
left: 182px;
top: 0px;
width: 60px;
height: 60px;
}

#new_sodium img.tile1 {
position: absolute;
left: 182px;
top: 0px;
width: 60px;
height: 60px;
}

#new_sodium1 img.tile1 {
position: absolute;
left: 182px;
top: 0px;
width: 60px;
height: 60px;
}

#check img.tile2 {
position: absolute;
left: 182px;
top: 0px;
width: 60px;
height: 60px;
}

#sign_up img.tile3 {
position: absolute;
left: 182px;
top: 0px;
width: 60px;
height: 60px;
}

#footer {
position: relative; 
height: 50px;
width: 802px;
}

#footer img {
float: left;
}

#footer_nav {
position: absolute;
left: 415px;
}

#footer ul , li {
padding: 0;
margin: 0;
list-style-type: none;
display: inline;
}

#wrapper {
position: relative;
width: 797px;
height: 260px;
background-color: #FFFFFF;
border-left: 2px solid #ffffff;
border-right: 2px solid #ffffff;
}