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

/* Live Site Adjustments */
#north-header { margin-bottom:0; padding-bottom:0; }
#north-header .g_nav { margin-bottom:0; padding-bottom:0; }

/* Reset */
body, .content-records p { margin:0; }

/* Defaults */
.content-records p { color:#695e49; font:400 12px Verdana, Arial, Helvetica, sans-serif; line-height:17px; text-align:left; }
.content-records a { text-decoration:underline; }
.content-records a:link { color:#566c11; }
.content-records a:hover { color:#789200; }
.content-records a:visited { color:#83755C; }

/* Layout */
.content-records { height:auto; width:100%; padding-bottom:5px; }

/* Top */
.content-records .top { height:100%; width:auto; }
.content-records .top .btn1 { height:auto; width:100%; }
.content-records .top .btn1 p { padding:5px 0 3px 0; }
.content-records .top .btn1 a { background:none; border:none; background-image:url(http://c.mfcreative.com/Offer/HomePage/LandingPages/ContentRecords/img/back-btn.jpg); color:#506806; cursor:pointer; display:block; font-size:11px; height:26px; width:84px; position:relative; text-decoration:none; }
.content-records .top .btn1 span { position:absolute; top:4px; left:35px; }  
.content-records .top .top-p1 { padding:4px 0; }
.content-records .top .top-p1 .s1 { color:#566c11; font-family:"Trebuchet MS"; font-size:21px; font-weight:700; line-height:25px; word-spacing:2px; }
.content-records .top .top-p2 { margin-right:400px; }
.content-records .top .top-p2 .s1 { font-weight:700; }
.content-records .top .btn2 { height:100%; width:auto; margin-right:393px; overflow:hidden;}
.content-records .top .btn2 p { background:none; border:none; background-image:url(http://c.mfcreative.com/Offer/HomePage/LandingPages/ContentRecords/img/sample-records.jpg); color:#ffffff; cursor:pointer; display:block; float:right; font-size:13px; font-weight:700; height:29px; width:245px; margin:13px 0; position:relative; text-decoration:none; }
.content-records .top .btn2 span { position:absolute; top:5px; left:31px; }
.content-records .top .box { background:url(http://c.mfcreative.com/Offer/HomePage/LandingPages/ContentRecords/img/top-box-bkgd.gif) repeat-x top left; background-color:#f2f5df; border:1px solid #e1e7ae; height:100%; width:auto; margin-right:157px; padding:5px 232px 6px 15px; position:relative; }
.content-records .top .box .p1 { padding:5px 0; }
.content-records .top .box .p1 .s1 { color:#566c11; font-family:"Trebuchet MS"; font-size:18px; font-weight:700; line-height:22px; }
.content-records .top .box .s2 { font-weight:700; }
.content-records .top .box .s3 { background:url(http://c.mfcreative.com/Offer/HomePage/LandingPages/ContentRecords/img/leaf.gif) no-repeat center center; display:inline-block; line-height:17px; width:14px; }
.content-records .top .box .s4 { background:url(http://c.mfcreative.com/Offer/HomePage/LandingPages/ContentRecords/img/main-img_02.jpg) no-repeat center center; height:319px; width:374px; position:absolute; top:-165px; right:-159px; }
.content-records .top .top-p3 { height:100%; width:auto; padding:19px 0 16px 16px; }
.content-records .top .top-p3 .s1 { font-size:14px; font-weight:700; line-height:18px; }

/* Center */
.content-records .center { border-bottom:1px dotted #a3a3a3; height:auto; width:100%; padding-bottom:5px; position:relative; }
.content-records .center .wrapper { height:100%; width:auto; margin-right:231px; overflow:hidden; position:relative; }

/* Center Container 1 */
.content-records .center .wrapper .container1 { float:left; height:auto; width:49%; }
.content-records .center .wrapper .container1 .box1, .content-records .center .wrapper .container1 .box2 { background:url(http://c.mfcreative.com/Offer/HomePage/LandingPages/ContentRecords/img/center-box-bkgd.gif) repeat-x top left; background-color:#f2f5df; border:1px solid #e1e7ae; margin-bottom:14px; margin-left:20px; padding:8px 8px 8px 122px; position:relative; min-height:153px; height:auto !important; height:153px; }  
.content-records .center .wrapper .container1 .box1 .s1, .content-records .center .wrapper .container1 .box2 .s1 { font-weight:700; text-decoration:underline; }
.content-records .center .wrapper .container1 .box1 .s2, .content-records .center .wrapper .container1 .box2 .s2 { color:#4c3e23; font-size:10px; line-height:14px; }
.content-records .center .wrapper .container1 .box1 .s2 { position:absolute; top:135px; left:18px; }
.content-records .center .wrapper .container1 .box2 .s2 { position:absolute; top:125px; left:18px; }
.content-records .center .wrapper .container1 .box1 .img1 { background-image:url(http://c.mfcreative.com/Offer/HomePage/LandingPages/ContentRecords/img/us-census-records_02.jpg); height:88px; width:124px; position:absolute; top:39px; left:-12px; }
.content-records .center .wrapper .container1 .box2 .img1 { background-image:url(http://c.mfcreative.com/Offer/HomePage/LandingPages/ContentRecords/img/us-military-records_02.jpg); height:81px; width:121px; position:absolute; top:36px; left:-8px; }
.content-records .center .wrapper .container1 .box1 .event-handler, .content-records .center .wrapper .container1 .box2 .event-handler { cursor:pointer; }

/* Center Container 2 */
.content-records .center .wrapper .container2 { float:left; height:auto; width:51%; /**width:auto;*/ } 
.content-records .center .wrapper .container2 .box1, .content-records .center .wrapper .container2 .box2 { background:url(http://c.mfcreative.com/Offer/HomePage/LandingPages/ContentRecords/img/center-box-bkgd.gif) repeat-x top left; background-color:#f2f5df; border:1px solid #e1e7ae; margin-bottom:14px; margin-left:20px; padding:8px 8px 8px 122px; position:relative; min-height:153px; height:auto !important; height:153px; width:auto; }
.content-records .center .wrapper .container2 .box1 { padding-right:14px; } 
.content-records .center .wrapper .container2 .box1 .s1, .content-records .center .wrapper .container2 .box2 .s1 { font-weight:700; text-decoration:underline; }
.content-records .center .wrapper .container2 .box1 .s2, .content-records .center .wrapper .container2 .box2 .s2 { color:#4c3e23; font-size:10px; line-height:14px; }
.content-records .center .wrapper .container2 .box1 .s2 { position:absolute; top:145px; left:23px; }
.content-records .center .wrapper .container2 .box2 .s2 { position:absolute; top:139px; left:23px; z-index:1; }
.content-records .center .wrapper .container2 .box1 .img1 { background-image:url(http://c.mfcreative.com/Offer/HomePage/LandingPages/ContentRecords/img/us-immigration-records_02.jpg); height:105px; width:130px; position:absolute; top:37px; left:-12px; }
.content-records .center .wrapper .container2 .box2 .img1 { background-image:url(http://c.mfcreative.com/Offer/HomePage/LandingPages/ContentRecords/img/newspapers-and-periodicals_02.jpg); height:129px; width:93px; position:absolute; top:15px; left:15px; }
.content-records .center .wrapper .container2 .box1 .event-handler, .content-records .center .wrapper .container2 .box2 .event-handler { cursor:pointer; }

/* Center Container 3 */
.content-records .center .container3 { height:auto; width:212px; position:absolute; top:0; right:0; }
.content-records .center .container3 .box { background:url(http://c.mfcreative.com/Offer/HomePage/LandingPages/ContentRecords/img/center-box-2-bkgd.gif) repeat-x top left; background-color:#f2f5df; border:1px solid #e1e7ae; min-height:221px; height:auto !important; height:221px; margin-bottom:14px; padding:8px 8px 125px 8px; position:relative; }   
.content-records .center .container3 .box .s1 { font-weight:700; text-decoration:underline; }
.content-records .center .container3 .box .img1 { background-image:url(http://c.mfcreative.com/Offer/HomePage/LandingPages/ContentRecords/img/many-other-useful-records_02.jpg); height:129px; width:162px; position:absolute; bottom:-9px; left:24px; }

/* Bottom */
.content-records .bottom { height:100%; width:auto; overflow:hidden; padding-bottom:25px; }
.content-records .bottom .outline1, .content-records .bottom .outline2, .content-records .bottom .outline3 { border:2px solid #e3e8b0; float:left; height:100%; width:auto; } 
.content-records .bottom .outline1, .content-records .bottom .outline2 { margin-top:28px; margin-right:24px; }
.content-records .bottom .outline3 { margin-top:28px; }
.content-records .bottom .box1, .content-records .bottom .box2, .content-records .bottom .box3 { background:url(http://c.mfcreative.com/Offer/HomePage/LandingPages/ContentRecords/img/bottom-box-bkgd.gif) repeat-x top left; background-color:#f1f4da; border:1px solid #cad683; min-height:63px; height:63px; height:auto !important; width:298px; position:relative; }
.content-records .bottom .p1 { font-size:11px; padding:8px 0 0 10px; }
.content-records .bottom .btn1 { padding:4px 0 0 6px; }
.content-records .bottom a { background:none; background-image:url(http://c.mfcreative.com/Offer/HomePage/LandingPages/ContentRecords/img/learn-btn.jpg); border:none; color:#ffff; cursor:pointer; display:block; font-size:11px; font-weight:bold; line-height:15px; height:26px; width:113px; margin:0 0 8px 0; padding:0; position:relative; text-decoration:none; }
.content-records .bottom a:link { color:#fff; }
.content-records .bottom a:hover { color:#fff; }
.content-records .bottom a:active { color:#fff; }
.content-records .bottom a:visited { color:#fff; }
.content-records .bottom span { position:absolute; top:5px; left:8px; }
.content-records .bottom .box1 .img1 { background-image:url(http://c.mfcreative.com/Offer/HomePage/LandingPages/ContentRecords/img/where-to-begin_02.gif); height:44px; width:132px; position:absolute; bottom:-17px; left:156px; }
.content-records .bottom .box2 .img1 { background-image:url(http://c.mfcreative.com/Offer/HomePage/LandingPages/ContentRecords/img/whats-free.jpg); height:66px; width:110px; position:absolute; bottom:-31px; left:144px; }
.content-records .bottom .box3 .img1 { background-image:url(http://c.mfcreative.com/Offer/HomePage/LandingPages/ContentRecords/img/wondering-where.jpg); height:64px; width:78px; position:absolute; bottom:-31px; left:182px;  }

/* Modals */
.content-records .modalBox { display:none; visibility:hidden; height:0; width:0; overflow:hidden; }
.yui-skin-sam .mask { filter: alpha(Opacity=50); opacity:0.50 !important; }
.yui-skin-sam .yui-panel { border:none; }

/* Modals - Enlargements */
.content-records .modal-BL, .content-records .modal-BR, .content-records .modal-TR, .content-records .modal-TL { position:relative !important; }
.yui-skin-sam .modal-p1 { color:#566c11 !important; font-family:"Trebuchet MS" !important; font-size:16px !important; font-weight:700 !important; line-height:20px !important; margin:0 !important; position:absolute !important; top:15px !important; left:15px !important; }
.yui-skin-sam .modal-p2 { color:#695e49 !important; font:700 10px Verdana, Arial, Helvetica, sans-serif !important; margin:0 !important; position:absolute !important; top:15px !important; right:15px !important; }
.yui-skin-sam #modalTL .container-close, .yui-skin-sam #modalTR .container-close, .yui-skin-sam #modalBL .container-close, .yui-skin-sam #modalBR .container-close { height:45px !important; width:90px !important; filter:alpha(opacity=0) !important; opacity:0 !important; position:absolute !important; top:1px !important; right:1px !important; }
.yui-skin-sam .modal-img { border:1px solid #424040 !important; }
.yui-skin-sam .underlay { filter:alpha(opacity=25) !important; opacity:0.25 !important; }

/* Modals - Sample Viewer */
.yui-skin-sam .headerSV { background-color:#fff !important; border:5px solid #bec73a !important; height:40px !important; width:640px !important; position:relative !important; }
.yui-skin-sam .headerSV .titleSV { color:#566c11 !important; font:700 24px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif !important; padding:5px 0 0 14px !important; margin:0 !important; }
.yui-skin-sam #modalSV .container-close { background:url(http://c.mfcreative.com/Offer/HomePage/LandingPages/ContentRecords/img/close-btn.jpg) no-repeat bottom left !important; height:38px !important; width:116px !important; }
.yui-skin-sam .viewer-box { background-color:#fff !important; border:5px solid #bec73a !important; border-top:0px !important; color:#566c11 !important; height:480px !important; width:640px !important; position:relative !important; }
.yui-skin-sam .viewer-box p { margin:0 !important; position:absolute !important; top:12px !important; left:12px !important; }