@charset "utf-8";
/*
Theme Name: REI
Theme URI: http://www.ruralenterprises.com
Description: Screen presentation
Version: 1.2.5
Author: Computer Services of Durant, Inc.
*/

    /*CSS resets*/
    html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
            { background: transparent; border: 0; margin: 0; padding: 0; vertical-align: baseline }
    #rightAlign { margin-left: 10px; margin-bottom: 10px; float: right; border: 1px solid #000; }
    a img   { border: 0px }

    /*Links*/
    a           { color: #6697d2; text-decoration: none }

    a:active    { outline: none }
    a:hover     { color: #999 }

    /*Global styles*/
    html    {  }
    body    { font: 62.7%/2.2em "Helvetica Neue", Helvetica, Arial, sans-serif; color: #333333; background: #fff }
    code { color: green; font-family: Monaco, Courier, "Courier New", Monospace }

    #wrap   { margin: 10px auto; width: 971px; background: #fff }
    p.notyet { color: #f00 !important; font-weight: bold; }
    /*Logo*/
    h1#logo     { float: left; width: 330px; height: 127px; background: transparent url('http://www.ruralenterprises.com/wp-content/uploads/2012/12/REI_Web_Logo-01.png') 0px 0px; background-repeat: no-repeat; margin-top: -330px }
    h1#logo a   { display: block; width: 330px; height: 127px; text-indent: -9999px }

    #wrap.subpage h1#logo { float: left; width: 330px; height: 127px; background: transparent url('http://www.ruralenterprises.com/wp-content/uploads/2012/12/REI_Web_Logo-01.png') 0px 0px; background-repeat: no-repeat; margin-top: -136px }

    /*Subtitles*/
    h2, h3, h4, h5, h6  { clear: both; text-align: left }

    #moto   { float: left; width: 370px; height: 17px; text-indent: -9999px; line-height: 0.1em; margin-top: 55px; margin-left: 280px }
    #searchform      { float: right; margin-top: 50px; border: 0px; padding: 0px}
    #searchform input[type="text"] { float: left; display: block; border: 1px solid #6697d2; font-size: 1.4em; color: #6697d2; height: 22px; padding: 0px 4px; width: 120px }
    #searchform input[type="submit"] { float: left; display: block; border: 0px solid #6697d2; background: #6697d2; color: #fff; height: 24px; padding: 0px 4px; font: inherit; font-size: 1.2em }
    #searchform fieldset { border: 0px solid #fff }

    #accordion-menu-wrap    { float: left; clear: both; width: 260px; margin: -233px 0px 10px 10px }
    #wrap.subpage #accordion-menu-wrap  { float: left; clear: both; width: 260px; margin: -39px 0px 10px 10px }

    #accordion-menu-wrap h3     { float: left; font: normal 1.4em/33px "Helvetica Neue", Helvetica, Arial, sans-serif; color: #6697d2; width: 225px; height: 33px; border-bottom: 1px solid #ccc; padding-left: 35px; cursor: pointer; outline: none; background: #fff }
    #accordion-menu-wrap h3 a   { float: left; color: #6697d2; width: 225px; height: 33px; cursor: pointer; outline: none }
    #accordion-menu-wrap h3.menutop { border-bottom: 1px solid #ccc; background: transparent url('img/menu-top.png'); float: left; font: normal 1.4em/35px "Helvetica Neue", Helvetica, Arial, sans-serif; color: #6697d2; width: 227px; height: 34px; padding-left: 35px; cursor: pointer; outline: none; }
    #accordion-menu-wrap h3.menubottom  { background: transparent url('img/menu-bottom.png'); float: left; font: normal 1.4em/35px "Helvetica Neue", Helvetica, Arial, sans-serif; color: #6697d2; width: 227px; height: 36px; padding-left: 35px; cursor: pointer; outline: none; border: none }
    #accordion-menu-wrap h3:hover, #accordion-menu-wrap a:hover { color: #3364a0 }
    #accordion-menu-wrap a  { color: #6697d2; text-decoration: none; outline: none }

    #accordion-menu     { float: left; clear: both; width: 260px; border-left: 1px solid #23548f; border-right: 1px solid #23548f }
    #icons { clear: both; padding-top: 10px; padding-left: 10px; margin: 0 auto; width: 140px; }
    #icons img { margin: 5px; float: left; border: 0; }
    #accordion-menu ul          { float: left; padding-left: 50px; background: #fff; padding-bottom: 10px }
    #accordion-menu li          { float: left; font-size: 1.2em; color: #6697d2; width: 210px }
    #accordion-menu li a        { font-size: 1em; line-height: 2em; width: 200px }
    #accordion-menu li a:hover  { color: #3364a0 }

    #accordion-menu .current_page_item a { color: #114280 }
    #accordion-menu .current { color: #114280 }
    #accordion-menu-wrap .current { color: #114280 }

    #header { float: left; width: 969px; height: 65px; background: transparent url('img/background-page.jpg'); margin-top: 5px; border-left: 1px solid #23548f; border-right: 1px solid #23548f; border-bottom: 1px solid #23548f; border-top: 1px solid #23548f }

    #header-frontpage   { float: left; width: 969px; height: 254px; background: transparent url('img/background-front.jpg'); margin-top: 5px; border-left: 1px solid #23548f; border-right: 1px solid #23548f; border-bottom: 1px solid #23548f; border-top: 1px solid #23548f }
    #carousel   { float: right; width: 650px; height: 254px; margin: 0px 0px 0px 0px }
        #carousel img   { display: block; width: 650px; height: 254px; border-bottom: 0px solid #146 }
        #carousel img.attachment-post-thumbnail { display: none }

    #content    { float: right; width: 650px; margin-top: 23px; }
            #content h2 { font-family: "Helvetica Neue", Helvetica, "Arial Rounded", Arial, sans-serif; clear: both; line-height: 1em; font-size: 3.2em; color: #999; margin: 15px 0px 15px 0px; font-weight: normal; color: #235291 }
            #content h3 { font-family: "Helvetica Neue", Helvetica, "Arial Rounded", Arial, sans-serif; clear: both; font-size: 2em; color: #999; margin: 15px 0px 5px 0px; font-weight: normal }

            #content p  { color: #333; font-size: 1.6em; line-height: 1.8em; color: #666; padding-top: 3px; margin-bottom: 5px }
            #content a:hover    { text-decoration: underline; color: #6697d2 }

            #content textarea { border: 1px solid #6697d2; padding: 4px; width: 350px }
            #content input[type="text"] { border: 1px solid #6697d2; padding: 4px; width: 200px }
            #content input[type="submit"] { padding: 8px; font-size: 1.4em }
            #content label { margin-bottom: 5px; display: block; }
            #content select { padding: 4px }
            #content form p { clear: both }
            #content form span  { display: inline }
                           #content form div  {float: left}
                           #content form input {margin-right: 4px}
                           #content form select {margin-right: 4px}


            #content p.fancy_date { background: #6697d2; color: #fff; border: 1px solid #ccc; width: 638px !important; padding: 0px 5px }

            #content ul { font-size: 1.6em; margin-left: 40px; color: #666; padding-top: 8px; margin-bottom: 12px }
            #content li { line-height: 1.7em; }
            #content ul li ul li { font-size: 0.6em; line-height: 1.2em }
            #content img    { display: block; margin-top: 15px }

            #content .wpcf7-list-item-label { margin-right: 10px }
            #content .wpcf7-response-output { font-size: 1.4em; line-height: 1.6em; font-weight: bold; color: #000; padding: 10px; background: #fff; margin-top: 10px; width: 350px }
            #content .wpcf7-mail-sent-ok { font-size: 1.6em; line-height: 1.6em; font-weight: bold; color: #fff; padding: 10px; background: #aadd4f; margin-top: 10px }
            #content .wpcf7-validation-errors { font-size: 1.6em; line-height: 1.6em; font-weight: bold; color: #fff; padding: 10px; background: #ff6600; margin-top: 10px }
            #content .wpcf7-not-valid-tip-no-ajax { font-weight: bold; color: #f00; margin: 0px 5px }

    .gallery-item { float: left; margin-right: 10px; margin-bottom: 10px; }
    .gallery-icon img{ padding: 2px; border: 1px solid #6799d4; background-color: #fff; }
    .attachment-medium { padding: 5px; border: 1px solid #6799d4; background: #fff; }
    #footer { width: 100%; margin-top: 30px; background: #3CC1CC url('img/footer-bg.png'); background-repeat: repeat-x; padding: 10px 0px 40px 0px }
    #footer p   { width: 960px; margin: 0px auto; text-align: center; font-size: 1.2em; color: #fff }
    #footer p.black { color: #000 }
    #footer .sep    { position: relative; font-size: 0.6em; margin: 3px; top: -2px }
    #footer a       { color: #fff; text-decoration: none }
    #footer p.black a   { color: #000 }
    #footer a:hover     { text-decoration: underline }

    /*Clearfix*/
    /* float clearing for IE6 */
    * html .clearfix { height: 1%; overflow: visible }

    /* float clearing for IE7 */
    *+html .clearfix { min-height: 1% }

    /* float clearing for everyone else */
    .clearfix:after{ clear: both; content: "."; display: block; height: 0; visibility: hidden; font-size: 0 }

    .iform { width: 95%; border: 1px solid #333; background: #fff; height: 300px; }
