@font-face {
    font-family: 'AdobeGaramondProRegular';
    src: url('../fonts/agaramondpro-regular-webfont.eot');
    src: url('../fonts/agaramondpro-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/agaramondpro-regular-webfont.woff') format('woff'),
         url('../fonts/agaramondpro-regular-webfont.ttf') format('truetype'),
         url('../fonts/agaramondpro-regular-webfont.svg#AdobeGaramondProRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'AdobeGaramondProBold';
    src: url('../fonts/agaramondpro-bold-webfont.eot');
    src: url('../fonts/agaramondpro-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/agaramondpro-bold-webfont.woff') format('woff'),
         url('../fonts/agaramondpro-bold-webfont.ttf') format('truetype'),
         url('../fonts/agaramondpro-bold-webfont.svg#AdobeGaramondProBold') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'CandaraRegular';
    src: url('../fonts/candara-webfont.eot');
    src: url('../fonts/candara-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/candara-webfont.woff') format('woff'),
         url('../fonts/candara-webfont.ttf') format('truetype'),
         url('../fonts/candara-webfont.svg#') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'CandaraBold';
    src: url('../fonts/candara_bold-webfont.eot');
    src: url('../fonts/candara_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/candara_bold-webfont.woff') format('woff'),
         url('../fonts/candara_bold-webfont.ttf') format('truetype'),
         url('../fonts/candara_bold-webfont.svg#') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'EastMarketRegular';
    src: url('../fonts/eastmark-webfont.eot');
    src: url('../fonts/eastmark-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/eastmark-webfont.woff') format('woff'),
         url('../fonts/eastmark-webfont.ttf') format('truetype'),
         url('../fonts/eastmark-webfont.svg#EastMarketRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

html, body {
    height: 100%;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
fieldset, img {
    border: 0 none;
}
address, caption, cite, code, dfn, th, var {
    font-style: normal;
    font-weight: normal;
}
ol, ul {
    list-style: none outside none;
}
caption, th {
    text-align: left;
}
h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal;
}
q:before, q:after {
    content: "";
}
abbr, acronym {
    border: 0 none;
}
sup {
    bottom: 0.5ex;
}
sup, sub {
    height: 0;
    line-height: 1;
    position: relative;
    vertical-align: baseline;
}
a {
    outline: 0 none;
}
body:focus, div:focus, fieldset:focus, span:focus, li:focus, p:focus {
    outline: 0 none;
}
body {
    background: url(../images/bkgd-page.jpg) repeat-x scroll 0 0 #2077AC;
    color: #333333;
    font: 13px/1.5 Arial, 'Helvetica Neue', 'Liberation Sans', FreeSans, sans-serif;

}
hr {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #C2E2F5 -moz-use-text-color #FFFFFF;
    border-left: medium none;
    border-right: medium none;
    border-style: solid none;
    border-width: 1px medium;
    clear: both;
    display: block;
    font-size: 1px;
    height: 0;
    line-height: 0;
    margin: 3px 0;
    max-height: 0;
    overflow: visible;
    padding: 0;
    position: relative;
}
a:link, a:hover, a:visited, a:active, a:focus {
    color: #2077AC;
    text-decoration: none;
}
/*
h1 {
    font-family: AdobeGaramondProBold,Arial,Verdana,Sans-serif;   
    color:#163577;
}
h2 {
    font-family: AdobeGaramondProRegular,Arial,Verdana,Sans-serif;
    color:#163577;
}

.bold {font-family: AdobeGaramondProBold !important; }

h3 {
    font-family: AdobeGaramondProRegular,Arial,Verdana,Sans-serif;
    color:#163577;
    margin-bottom:5px !important;
    padding-top:15px;
}
*/
h4 {    font-family: AdobeGaramondProRegular,Arial,Verdana,Sans-serif; }
h1 {
  font-size: 28px;
}

h2 {
  font-size: 26px;
}

h3 {
  font-size: 20px;
}

h4 {
  font-size: 20px;
}

h5 {
  font-size: 17px;
}

h6 {
  font-size: 15px;
}

/* Spacing
----------------------------------------------------------------------------------------------------*/

ol {
  list-style: decimal;
}

ul {
  list-style: disc;
}

li {

}

p,
dl,
hr,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
ul,
pre,

address,
fieldset,
figure {
  margin-bottom: 10px;
}

td {vertical-align:top;}
.clear {clear:both;}
#pagecontainer { 
    margin: 25px auto 0;
    overflow: hidden;
    width: 1060px;
    }

#pagewrapper {width:100%; background-color:white;}

#header  {height:135px; position:relative;}
#header #logo {
    background: url("../images/logo-your-bashert.jpg") no-repeat scroll 0 0 transparent;
    float: left;
    height: 102px;
    margin-left: 35px;
    margin-top: 16px;
    width: 432px;
}

#header #message {position:absolute;top:20px; right:35px;}

#header #utilitylinks {position:absolute;bottom:25px; right:35px;}
#header #utilitylinks ul {float:left;margin:0;padding:0;}
#header #utilitylinks ul li {display: inline;list-style-type: none; margin-left:30px;}


#header #utilitylinks a:link, #header #utilitylinks a:visited, #header #utilitylinks a:active, #header #utilitylinks a:focus {color:#535455}
#header #utilitylinks ul li  a:hover {text-decoration:underline}

#navcontainer {    
    height:44px;
    background: url(../images/bkgd-nav.jpg) repeat-x scroll 0 0 #174487;
    color: #ffffff;
    width:1060px;
}

#navcontainer ul {
 padding: 0;
margin: 0;
font-family: AdobeGaramondProRegular;
list-style-type: none;
background-color: #036;
color: #FFF;
width: 100%;
text-align: center;
   
}

#navcontainer ul li {
     display: inline;
     padding-right:10px;
       margin-left: 30px;
    
}

#navcontainer ul li a {color:#ffffff; font-size:20px; line-height:44px;}

#pagecontent { 
   width:100%;
   min-height:550px;
}

#pagecontent #leftcolumnhome  {width:752px; padding-right:8px;float:left; background: transparent url(../images/bkgd-leftcolumnhome.gif) no-repeat scroll top right}
#pagecontent #leftcolumn  {float:left;padding: 40px 75px 50px 50px; width: 635px;}
#pagecontent #leftcolumnfull {padding:40px;}
#pagecontent #leftcolumnaffiliate {padding:40px 200px 50px 50px}

#pagecontent #rightcolumn  { min-height: 520px;float:left; width:300px; background: url(../images/bkgd-form.jpg) repeat-x scroll 0 0 #FFFFFF;}
#pagecontent #rightcolumn h1 {text-align:center;margin-top:10px; font-size:32px!important;margin-bottom:5px;}
#pagecontent #rightcolumn img { display: block;
    margin: 0 auto;
    width: 288px;}

#memberspotlight {background-color: #ffffff; height:190px;width:100%;}
#memberspotlight .memberphoto {width:144px; height:190px; float:left; margin-right:8px;background-color: #E3DDCC; }
#memberspotlight .last {margin-right:0;}

#slogancontent {background-color:#D6E28E; text-align:center;margin-top:6px; }
#slogancontent h2 {margin-bottom:0; }
#calloutcontent {height:230px; background-color:#E3DDCC; width:100%;padding-top:10px;margin-top:6px;}
#calloutcontent .callout {position:relative;margin-left:35px; float:left; width:325px;height:216px; }
#calloutcontent h3 {color:#ffffff; text-align:center; display:block; padding-top:3px; margin-bottom: 15px !important;}
#calloutcontent .callout h4 {color:#163577;padding-right:150px;padding-left:15px;padding-top:0 !important;}
#calloutcontent .callout p { font-size: 12px; padding-left: 15px; padding-right: 110px;}
#calloutcontent .left {background: url(../images/bkgd-callout1.png) no-repeat scroll 0 0 transparent;}
#calloutcontent .right {background: url(../images/bkgd-callout2.png) no-repeat scroll 0 0 transparent;}


#sponsorcontainer {background-color:#F6F6F6; height:29px;margin-top:8px;text-align:left;width:1060px; padding-left:55px;padding-top:15px;}
/*#footer {padding-top:20px; color:#ffffff; text-align:center; font-size:.9em}

#footer ul {
    display:block;
    margin: 0 auto;
    padding: 0;
    margin-bottom:15px;
}

#footer  ul li {
    display: inline;
    list-style-type: none;
    margin-left:0;
    padding-left:10px;
    padding-right:10px;
    border-left: 1px solid #ffffff;
    line-height:1.5em;
}
#footer  ul li.lifirst { border:none;}
#footer  ul li.lilast {}

#footer a:link, #footer a:visited, #footer a:active, #footer a:focus {
    color: #ffffff;
    text-decoration: none;
} 

#footer a:hover {
    color: #ffffff;
    text-decoration: underline;
}
#footer p {clear:both;}
*/

.btnMore {
    background-color: transparent;
    background-image: url("../images/button.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    border: medium none;
   
    cursor: pointer;
    height: 26px;
    
    text-align: right;
    width: 109px;
}


.btnLinkText, a.btnLinkText:link, a.btnLinkText:visited, a.btnLinkText:hover, a.btnLinkText:active {
    
color: #FFFFFF !important;
    display: block;
    font-size: 12px;
    font-weight: bold;
    padding: 3px 30px 0 0;
    text-decoration: none;
   
}

.callout .btnMore {

    position: absolute;
    left: 15px;
     bottom: 10px;
}
.PromoButton { background-image:url("../images/btnRegPromo.png");
 background-position: center top;
    background-repeat: no-repeat;
    height: 97px;
    text-align: center;
    width: 300px;
}

.PromoButton h3 {color:#ffffff !important;}