@charset "UTF-8"; /* CSS Document */
/*****************************************____ Designer: Noelle Blankenship _____********************************/
/*

                * * * * * * * * * * * * * * * * * * *
              * * * * * * * * * * * * * * * * * * * *
            * *
           * *
           * *     * * * * * * * * * * * * * * * * 
           * *     * * * * * * * * * * * * * * * * 
           * *        * * * * * *
            * *       * * * * * *
             * * *    * * * * * *    * *    * * 
                * *   * * * * * *    * *    * * 
                      * * * * * *    * *    * * 
                      * * * * * *    * *    * * 
                      * * * * * *    * *    * * 
                      * * * * * *    * *    * * 
                      * * * * * *    * *    * * 
                      * * * * * *    * *    * * 
                      * *     * *    * *    * * 
                      *         *    * *    * * 
                                     * *    * * 
                                       *    * * 
                                            * * 
                                              *
*/
/*****************************************____ Started: 6/13/2011for HSLDA _____*********************************/
body, form, fieldset, legend, object, img, iframe, table, td, th, ul, li, ol, h1, h2, h3, h4, h5, h6, p, blockquote {
    border: 0 none;
    margin: 0;
    padding: 0;
    /*     vertical-align: baseline; */
}

body {
    border-top: 8px solid #003e57;
    min-width: 1040px;
}

* {
    margin: 0;
    padding: 0;
}

h4 {
    color: #003e57;
    text-transform: uppercase;
    margin-top: 10px;
    margin-bottom: 10px;
}

#page_body {
    color: #000000;
    font-family: 'Verdana', 'Lucida Grande', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
    font-size: 9pt;
    position: relative;
}

a {
    text-decoration: none;
}

a img {
    border: none;
}

a:link {
    text-decoration: none;
    color: #000000;
}

a:visited {
    text-decoration: none;
    color: #000000;
}

a:hover {
    text-decoration: underline;
    color: #000000;
}

a:active {
    text-decoration: underline;
    color: #000000;
}

#sub_footer a {
    color: white;
}

/***************************************************************************************************/
/*****************************************____ links & classes _____********************************/
/***************************************************************************************************/
ul, ol {
    list-style: none outside none;
}

.list {
    padding: 6px 0 6px 15px;
}

.socialMenu li {
    display: inline;
    margin-right: 0px;
    background: none;
}

#footer li {
    padding-bottom: 3px;
    color: #40829d;
}

#footer a {
    color: #40829d;
    font-weight: normal;
}

.quickNav {
    /* padding-left: 15px; */
    padding-top: 40px;
    font-weight: bold;
    margin-top: 3px;
}

.quickNav li {
    height: 24px;
    padding-top: 5px;
    width: 285px;
}

.quickNav li a {
    display: block;
    padding: 3px 0 0px 25px;
    text-decoration: none;
    line-height: 1;
}

#ql_left, #ql_right {
    float: left;
    height: 18px;
    margin-left: 14px;
    margin-top: 3px;
}

#ql_right {
    background: url("/hpimages/down_arr_blue.gif") no-repeat scroll right center transparent;
    right: 0px;
    width: 122px;
}

#ql_left img, #ql_right img {
    transition: 0.3s;
}

#ql_left img:hover, #ql_right img:hover {
    opacity: .7;
}

#headlines li {
    background: url(/hpimages/list_arr_red.gif) no-repeat scroll 0 7pt transparent;
}

#headlines ul {
    padding-top: 20px;
    font-weight: bold;
}

#members li {
    background: url(/hpimages/list_arr_green.gif) no-repeat scroll 0 6pt transparent;
}

#members ul {
    padding: 20px 0 20px 0;
    font-weight: bold;
}

/********************************************************/
/********************************************************/
/********************************************************/
#nav li {
    position: absolute;
    text-indent: -9000px;
    top: 0;
}

#nav li a {
    display: block;
    height: 20px;
}

#nav_join {
    left: 0;
}

#nav_join a {
    width: 54px;
}

#nav_join a:hover {
    background: url(/hpimages/nav_hover3.png) no-repeat scroll 0 0 transparent;
}

#nav_renew {
    left: 68px;
}

#nav_renew a {
    width: 58px;
}

#nav_renew a:hover {
    background: url(/hpimages/nav_hover3.png) no-repeat scroll -68px 0 transparent;
}

#nav_donate {
    left: 150px;
}

#nav_donate a {
    width: 73px;
}

#nav_donate a:hover {
    background: url(/hpimages/nav_hover3.png) no-repeat scroll -150px 0 transparent;
}

#nav_shop {
    left: 240px;
}

#nav_shop a {
    width: 48px;
}

#nav_shop a:hover {
    background: url(/hpimages/nav_hover3.png) no-repeat scroll -240px 0 transparent;
}

#nav_home {
    left: 336px;
}

#nav_home a {
    width: 52px;
}

#nav_home a:hover {
    background: url(/hpimages/nav_hover3.png) no-repeat scroll -336px 0 transparent;
}

#nav_about {
    left: 406px;
}

#nav_about a {
    width: 63px;
}

#nav_about a:hover {
    background: url(/hpimages/nav_hover3.png) no-repeat scroll -406px 0 transparent;
}

#nav_contact {
    left: 494px;
}

#nav_contact a {
    width: 81px;
}

#nav_contact a:hover {
    background: url(/hpimages/nav_hover3.png) no-repeat scroll -494px 0 transparent;
}

.nav-con {
    margin-top: -2px;
}

.nav-con a {
    color: white;
    margin-right: 7px;
    margin-left: 7px;
    padding: 6px 9px;
    float: right;
    font-size: 16px;
    text-transform: uppercase;
    opacity: 0.75;
    transition: 0.2s;
    font-family: 'Lucida Grande', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
    text-decoration: none;
}

.nav-con a:hover {
    opacity: 1;
}

.nav-con span {
    float: right;
    padding: 6px 0px;
    color: #fff;
    font-size: 16px;
    line-height: 18.8px;
    font-family: serif;
}

/********************************************************/
/********************************************************/
/********************************************************/
.container {
    width: 998px;
    margin: 0 auto;
}

#member_login form, #member_login fieldset, #member_login input {
    border-style: none;
}

form, fieldset, input {
    margin: 0;
    padding: 0;
}

.search_box fieldset {
    float: left;
    border: 0;
}

.search_box fieldset div {
    background: url("/hpimages/search_box_bkg_large.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 19px;
    margin: 0 10px 0 40px;
    overflow: hidden;
    padding: 1px 6px;
    width: 147px;
}

.search_btn {
    float: left;
    margin: 3px 4px 0 0;
}

.txt-input {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    color: #6775B0;
    float: left;
    font-size: 11px;
    margin: 2px 0 0;
    width: 130px;
}

#nav_menu_btn {
    margin: 0 0 0 5px;
    font-size: 13px;
}

.nav_menu {
    /* background: url("/hpimages/down_arr_tan.png") no-repeat scroll 0 50% transparent; */
    width: 128px;
    height: 20px;
    float: left;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='50px' width='120px'><text x='4' y='15' fill='white' font-size='16' stroke='white' stroke-width='2'>&#709;</text></svg>");
    background-repeat: no-repeat;
    background-position: 0 0;
}

.nav_menu a {
    color: #ffffff;
    display: block;
    height: 18px;
    padding-left: 19px;
    padding-top: 1px;
    text-decoration: none;
    width: 128px;
}

.nav_menu_up {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='16px' width='120px'><text x='4' y='15' fill='white' font-size='16' stroke='white' stroke-width='2'>&#708;</text></svg>");
    background-repeat: no-repeat;
    background-position: 0 0;
}

.nav_menu_up a {
}

#slideshow {
    border: 1px solid #ffffff;
    float: left;
    height: 338px;
    width: 665px;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

#slideshow a {
    color: #1834ad;
}

#nav2 {
    bottom: 12px;
    height: 15px;
    position: absolute;
    left: 280px;
    width: 165px;
    z-index: 100;
    display: none;
}

#nav2 > a {
    color: transparent;
}

#nav2 a.activeSlide {
    background: rgba(255,255,255,0.65);
    border: none;
}

#nav2 a:focus {
    outline: none;
}

#nav2 a {
    background-color: rgba(0,0,0,0.65);
    border: none;
    margin-right: 10px;
    height: 15px;
    text-decoration: none;
    width: 15px;
    display: inline-block;
    border-radius: 10px;
    cursor: pointer;
}

.slide-btn {
    position: absolute;
    top: 0px;
    bottom: 0px;
    width: 50px;
    background-position: 50% 50%;
    background-size: auto;
    background-repeat: no-repeat;
    z-index: 2;
    background-color: #00000030;
    cursor: pointer;
    display: none;
}

.slide-btn#prev {
    left: 0px;
    background-image: url('/hpslideshow/arrow-left.png');
    margin: 1px 0px 1px 1px;
}

.slide-btn#next {
    right: 0px;
    background-image: url('/hpslideshow/arrow-right.png');
    margin: 1px 304px 1px 0px;
}

/**********testimonial slide nav*************/
.slide_nav {
    left: 150px;
    position: absolute;
    top: -24px;
}

.active_slide {
    color: #1733a9;
}

span.bold_blue {
    font-weight: bold;
    color: #1834ad;
}

span.bold_light_blue {
    color: #1e7cc0;
    font-weight: bold;
}

/* slightly enhanced, universal clearfix hack */
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.clearfix {
    display: inline-block;
}

/* start commented backslash hack \*/
* html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}

/* stop commented backslash hack */
.join {
    background-image: url("/hpimages/join_today.gif");
    background-position: left top;
    background-repeat: no-repeat;
    bottom: 0;
    display: block;
    height: 13px;
    left: 114px;
    position: absolute;
    width: 83px;
    text-indent: -9999px;
}

.more_news {
    float: right;
    margin: 12px 20px 0 0;
    text-indent: -9999px;
    display: block;
    background-image: url("/hpimages/more_news.gif");
    background-position: left top;
    background-repeat: no-repeat;
    height: 10px;
    width: 83px;
}

.more_news:hover {
    background-position: bottom left;
}

.join:hover {
    background-position: bottom left;
}

span.italic {
    font-style: italic;
}

span.more {
    font-weight: bold;
    line-height: 1.5;
}

.last {
    margin-right: 0;
}

.vid_title {
    background-image: url("/hpimages/video_bkg.png");
    background-position: left top;
    background-repeat: no-repeat;
    display: block;
    height: 18px;
    position: absolute;
    right: 10px;
    top: 85px;
    width: 128px;
}

.vid_title:hover {
    background-position: bottom left;
}

span.bold {
    font-weight: bold;
}

.divider_line {
    margin: 20px 0;
}

/***************************************************************************************************/
/*****************************************____ divs _____************************************/
/***************************************************************************************************/
.hover_on a {
    color: #22A0D6;
    cursor: pointer;
}

#tt_teaching {
    top: 27px;
    background: url("https://www.hslda.org/hpimages/hover_bubble_192x88.png") no-repeat scroll 0 0 transparent;
    height: 88px;
}

#tt_ms {
    top: 57px;
    background: url("/hpimages/hover_bubble_192x88.png") no-repeat scroll 0 0 transparent;
    height: 1188px;
}

#tt_lg {
    top: 86px;
    background: url("/hpimages/hover_bubble_192x58.png") no-repeat scroll 0 0 transparent;
    height: 58px;
}

#tt_na {
    top: 114px;
    background: url("/hpimages/hover_bubble_192x58.png") no-repeat scroll 0 0 transparent;
    height: 88px;
}

#tt_int {
    top: 143px;
    background: url("/hpimages/hover_bubble_192x58.png") no-repeat scroll 0 0 transparent;
    height: 58px;
}

#tt_com {
    top: 173px;
    background: url("/hpimages/hover_bubble_192x118.png") no-repeat scroll 0 0 transparent;
    height: 118px;
}

#tt_elert {
    top: 202px;
    background: url("/hpimages/hover_bubble_192x58.png") no-repeat scroll 0 0 transparent;
    height: 58px;
}

#tt_help {
    top: 231px;
    background: url("/hpimages/hover_bubble_192x58.png") no-repeat scroll 0 0 transparent;
    height: 58px;
}

#tt_shop {
    top: 259px;
    background: url("/hpimages/hover_bubble_192x58.png") no-repeat scroll 0 0 transparent;
    height: 88px;
}

.bubble_txt {
    color: #666666;
    width: 190px;
    z-index: 999;
    display: none;
    left: -176px;
    position: absolute;
    line-height: 1.1em;
    opacity: .9;
    filter: Alpha(Opacity=90);
}

.bubble_txt ul {
    width: 160px;
    position: relative;
    padding: 7px 0px 10px 20px;
    margin-left: 0px;
    font-weight: normal;
    list-style-type: disc;
}

.bubble_txt ul li {
    padding-left: 0px;
}

#findPop {
    z-index: 999;
    display: none;
    top: 35px;
    left: 30px;
    position: relative;
    width: 245px;
    padding: 0;
    box-shadow: 0 1px 10px #00000050;
}

#fp_inside {
    position: relative;
    width: 245px;
    background-color: #fff;
    margin: 0;
    padding-bottom: 1px;
}

#findPop ul {
    padding: 0;
    margin: 5px 0 15px 10px;
}

#findPop ul li a {
    padding: 0;
    margin: 0;
    line-height: 1.4;
}

#findPop ul li a:hover {
    text-decoration: underline;
}

#findPopX {
    margin: -25px 0 0 0;
    padding: 5px;
    float: right;
    cursor: pointer;
    color: #22A0D6;
    width: 13px;
    height: 0px;
    top: 5px;
    position: relative;
    font-family: verdana;
}

#header {
    height: 130px;
    min-width: 1000px;
    background-color: #00587c;
    padding: 0 20px;
}

.search_box {
    background-color: #003e57;
    height: 32px;
    position: absolute;
    right: 0;
    top: 0px;
    width: 360px;
    border-radius: 0 0 15px 15px;
    padding-right: 15px;
}

#header .container {
    position: relative;
}

#member_login {
    position: absolute;
    right: 0;
    top: 50px;
    color: #ffffff;
    height: 25px;
    width: 397px;
}

#member_login p {
    text-align: right;
    margin: 0;
}

#member_welcome_name {
    color: white;
    text-decoration: underline;
}

.login-input {
    color: #6775B0;
    font-size: 11px;
    width: 96px;
}

#login_label {
    float: left;
    width: 103px;
    padding: 3px 4px 0px 0px;
    text-align: right;
}

#login_u {
    float: left;
    width: 106px;
    background: url("/hpimages/member_login_bkg.png") no-repeat;
    padding: 3px 3px;
    height: 20px;
}

#login_p {
    float: left;
    width: 103px;
    background: url("/hpimages/member_login_bkg.png") no-repeat;
    padding: 3px 3px;
    height: 20px;
}

#login_btn {
    float: left;
    width: 22px;
    padding-top: 4px;
}

#login_help_btn {
    float: left;
    width: 42px;
    padding-top: 4px;
    padding-left: 4px;
}

.icon {
    background: url("/hpimages/blue_icon_bkg.gif") no-repeat scroll 0 -6px transparent;
    float: right;
    height: 34px;
    margin-left: 6px;
    width: 30px;
}

.icon img {
    margin: 1px 0 0 3px;
    text-indent: -9999px;
}

#slideshow_container {
    margin: 15px 15px 0;
    position: relative;
}

#ql_container {
    float: left;
    height: 340px;
    margin-left: 14px;
    width: 285px;
    position: relative;
    background: url(/hpimages/quicklinks_bkg.png) no-repeat scroll 0 0 transparent;
    background-size: 285px 340px;
}

#outside_container {
    margin: 10px 0 0 0;
    min-height: 875px;
    background-color: #ffffff;
    position: relative;
    float: left;
}

#main_content {
    width: 1000px;
    position: relative;
    padding: 0 0 50px 0;
}

.col_height {
    float: left;
    margin: 0 16px;
    padding: 0;
    position: relative;
    width: 300px;
    top: 40px;
}

#get {
    background: url("/hpimages/you_can_bkg_nobutton.jpg") no-repeat scroll 0 0 transparent;
    height: 225px;
    margin-left: -7px;
    margin-top: -7px;
}

#get a.button {
    display: block;
    height: 71px;
    text-indent: -9000px;
    width: 281px;
}

#get p {
    margin: 28px 0 0 155px;
}

#get img {
    position: absolute;
    right: 10px;
    top: 180px;
}

#headlines {
    height: 370px;
    margin-top: 10px;
    padding-left: 10px;
}

#headlines a.button {
    display: block;
    height: 71px;
    text-indent: -9000px;
    width: 281px;
    margin-top: 10px;
    background: url("/hpimages/headlines_bkg.png") no-repeat scroll 0 0 transparent;
}

#members a.button {
    background: url("/hpimages/for_members_bkg.png") no-repeat scroll center top transparent;
    display: block;
    height: 71px;
    padding-bottom: 20px;
    text-indent: -9000px;
    width: 281px;
}

#members img {
    padding: 15px 0;
}

#not_yet {
    background: url("/hpimages/member_not_yet_bkg.gif") no-repeat scroll 0 0 transparent;
    height: 75px;
    margin-top: 10px;
    position: relative;
    width: 275px;
}

#members, #high {
    padding-left: 10px;
}

#tan_body {
}

#high a.button {
    display: block;
    padding-bottom: 20px;
    height: 71px;
    text-indent: -9000px;
    width: 281px;
    background: url(/hpimages/highlights_bkg.png) no-repeat scroll 0 0 transparent;
}

#logo {
    position: relative;
    height: 89px;
    width: 350px;
    top: 20px;
    left: 0;
}

#nav {
    background: url(/hpimages/nav3.png) no-repeat scroll 0 0 transparent;
    height: 20px;
    position: absolute;
    right: 0;
    top: 95px;
    width: 577px;
}

#footer {
    background-color: #d0e3ea;
    color: #FFFFFF;
    height: 400px;
    font-size: 11px;
    line-height: 1.2em;
    margin: 2em 20px 0;
    min-width: 1000px;
}

#footer_inside {
    border-top: 17px solid #d0e3ea;
    height: 383px;
    margin: auto;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    width: 968px;
    letter-spacing: 0.5px;
}

#footer_inside h4 {
    margin-bottom: 3px;
    margin-top: 15px;
}

#sub_footer {
    line-height: 1;
    background-color: #00587c;
    color: #ffffff;
    text-align: center;
    margin: 0 20px 0px;
    min-width: 1000px;
}

#sub_footer p {
    padding: 20px;
    line-height: 19pt;
    font-size: 12px;
}

.missionfooter {
    margin: 0 20px 20px;
}

.missionfooter .shadow img {
    width: 50%;
    max-width: 400px;
    height: auto;
}

.promise {
    clear: both;
    text-align: center;
}

.missionfooter .promise img {
    width: 300px;
    height: 100px;
    margin-top: -10px;
}

#drop_nav {
    background-color: #003e57;
    margin: 0px;
    padding: 0px;
    color: #000000;
    font-family: "Trebuchet MS", Arial, Sans-Serif;
    font-size: 9pt;
    position: relative;
    display: none;
}

#drop_nav_inside {
    height: 330px;
    color: white;
    margin: auto;
    padding: 0px 20px 20px 20px;
    position: relative;
    width: 928px;
    line-height: 1.3em;
}

#drop_nav_inside a {
    color: white;
}

#drop_nav_inside h4 {
    color: #D8BD46;
    font-weight: bold;
    font-size: 10pt;
    margin-bottom: 3px;
    margin-top: 15px;
}

#drop_nav .section {
    float: left;
    margin-right: 20px;
    width: 215px;
}

#drop_nav .section_last {
    float: left;
    width: 215px;
}

#footer .section {
    float: left;
    margin-right: 9px;
    width: 170px;
    margin-left: 10px;
}

#footer .section_last {
    float: left;
    width: 200px;
    margin-left: 7px;
}

#footer .last_li a {
    color: #40829d;
    line-height: 1.5;
    font-weight: bold;
}

#footer .section_last h4 {
    margin-bottom: 10px;
}

#footer .section_last h4 a {
    color: #003e57;
    font-weight: bold;
    font-size: 13px;
}

#footer .section_last .ecfa {
    padding: 10px 0 15px;
}

.address {
    line-height: 1.3;
    color: #00587C;
    margin-bottom: 1.3em;
}

.address div {
    font-weight: normal;
}

.socialMenu li a img {
    width: 36px;
    transition: 0.3s;
}

.socialMenu li a img:hover {
    opacity: 0.7;
}

#footer .section_last h4.contact {
    text-align: center;
    margin: 25px 0 10px;
}

#footer .section_last h4.contact a {
    text-transform: uppercase;
    font-size: 15px;
    background-color: #ffffff;
    padding: 10px 35px;
    color: #00587C;
    border-radius: 25px;
    transition: 0.3s;
}

#footer .section_last h4.contact a:hover {
    text-decoration: none;
    background-color: rgba(255,255,255,0.75);
    color: #003e57;
}

#testimonial {
    height: 146px;
    margin-top: 12px;
    position: relative;
}

#testimonial p {
    margin-bottom: 6px;
}

.testTable {
    width: 285px;
    background-color: #FFFFFF;
}

#s2 div {
    margin-top: 0px;
    background-color: #FFFFFF;
}

.vidpop {
    cursor: pointer;
}