/* --------------------------------------------------------------
   home.css
-------------------------------------------------------------- */


/* About Box */

#about-box {
    width: 940px; height: 120px; overflow: hidden;
    padding: 20px 0 0 20px;
    margin: auto auto 10px auto;
    background: url('/img/about-box.png') no-repeat left top;
    text-align: left;
    }

#about-box .message {
    width: 720px; overflow: hidden;
    float: left;
    }

#about-box .title {
    width: 711px; height: 28px; overflow: hidden;
    background: url('/img/about-box-title.png') no-repeat left 2px;
    margin: 0;
    }

#about-box p {
    color: #cce3f1;
    margin: 0;
    font-size: 15px;
    font-family: "proxima-nova-1","proxima-nova-2",sans-serif;
    line-height: 18px;
    }

#about-box .button {
    display: block;
    float: left;
    width: 189px; height: 91px; overflow: hidden;
    background: url('/img/about-box-button.png') no-repeat left top;
    margin: 15px 0 0 10px;
    }

    #about-box .button span { display: none; }

    #about-box .button:hover { background-position: left -91px; }



/* Alert Box */

#alert-box {
    width: 895px; height: 100px; overflow: hidden;
    margin: auto auto 10px auto;
    padding: 20px 0 0 65px;
    background: url('/img/alert-box.png') no-repeat left top;
    text-align: left;
    }

#alert-box .message {
    width: 675px; overflow: hidden;
    float: left;
    font-family: "proxima-nova-1","proxima-nova-2",sans-serif;
    }

#alert-box h1 {
    margin: 0;
    font-size: 25px;
    }

#alert-box h1 a {
    color: #b10000;
    }

#alert-box p {
    color: #585858;
    margin: 0;
    font-size: 15px;
    line-height: 18px;
    }

#alert-box .button {
    display: block;
    float: left;
    width: 149px; height: 27px; overflow: hidden;
    padding: 24px 20px;
    background: url('/img/alert-box-button-red.png') no-repeat left top;
    margin: 4px 0 0 10px;
    color: #ececec;
    font-size: 24px; line-height: 27px;
    text-align: center;
    font-family: "proxima-nova-1","proxima-nova-2",sans-serif;
    }

    #alert-box .button:hover { background-position: left -75px; color: white; font-weight: bold; }




/* Alert Box */

#ohio-box {
    width: 960px; height: 430px; overflow: hidden;
    margin: auto auto 10px auto;
    padding: 0;
    display: block;
    background: url('/banners/ohio-alert.jpg') no-repeat left top;
    text-indent: -999999px;
    }

/* Top Story */

#topstory {
    width: 670px; height: 300px; overflow: hidden;
    float: left;
    background-repeat: no-repeat;
    }

#topstory.ui-tabs .ui-tabs-panel {
    width: 670px; height: 300px;
    position: relative;
    top: -10px; left: 0;
    background-repeat: no-repeat;
    background-position: right top;
    }

#topstory.ui-tabs .ui-tabs-panel a,
#index #topstory a.mask {
    width: 670px; height: 300px;
    display: block;
    }
    
    #topstory.ui-tabs .ui-tabs-panel a[href*='.pdf'],
    #index #topstory a.mask[href*='.pdf'] { background:transparent; }


#topstory.ui-tabs .ui-tabs-panel a span {
    display: none;
    }



/* Top Story Controls */

#topstory.ui-tabs .ui-tabs-nav { 
    top: 280px;
    left: 10px;
    width: 90px;
    }

#topstory.ui-tabs .ui-tabs-nav li { 
    list-style: none; 
    float: left; 
    position: relative; 
    top: 1px; 
    border-bottom: 0 !important;  
    white-space: nowrap; 
    }

#topstory.ui-tabs .ui-tabs-nav li,
#topstory.ui-tabs .ui-tabs-nav li a,
#topstory.ui-tabs .ui-tabs-nav li.ui-tabs-selected
#topstory.ui-tabs .ui-tabs-nav li .frame { width: 18px; height: 10px; }

#topstory.ui-tabs .ui-tabs-nav li .frame { background: url('/img/topstory-dot.png') no-repeat left top; }
#topstory.ui-tabs .ui-tabs-nav li .frame:hover { background-position: left -10px; }
#topstory.ui-tabs .ui-tabs-nav li.ui-tabs-selected .frame { background-position: left -20px; }


#topstory .description { display: none; }


/* Engage */

#engage {
    width: 280px; height: 300px; overflow: hidden;
    float: left;
    padding: 10px 0 0 0;
    }



/* Initiatives */

#initiatives {
    padding: 20px 0px 7px 20px;
    }

.initiative {
    float: left;
    width: 190px;
    padding-right: 25px;
    font-size: 12px; line-height: 16px;
    }

    .initiative.last { padding-right: 0; }

.initiative a img {
    width: 186px; height: 100px;
    border: 1px solid #dbdbdb;
    padding: 1px;
    }

    .initiative:hover a img { border: 1px solid #b2b2b2; }

.initiative a.headline {
    font-weight: bold;
    margin: 8px 0 2px 0;
    line-height: 14px;
    display: block;
    }



/* News Desk*/

#newsdesk {
    width: 280px;
    background: white;
    margin-bottom: 10px;
    }

#newsdesk #title-bar {
    width: 280px; height: 60px; overflow: hidden;
    background: url('/img/newsdesk-title-bar.png') no-repeat left top;
    margin-bottom: 10px;
    }
    
    #newsdesk.simple #title-bar { height: 33px; }

#newsdesk #title-bar .heading {
    height: 15px; overflow: hidden;
    padding: 9px;
    background: transparent !important;
    }

#newsdesk #title-bar .title {
    width: 247px; height: 15px;
    background: url('/img/newsdesk-title.png') no-repeat left top;
    display: block;
    float: left;
    }

    #newsdesk #title-bar .title:hover { background-position: left -15px; }

#newsdesk #title-bar .rss {
    width: 14px; height: 14px;
    background: url('/img/newsdesk-rss.png') no-repeat left top;
    display: block;
    float: left;
    }

    #newsdesk #title-bar .rss:hover { background-position: left -14px; }
    #newsdesk #title-bar .rss span  { display: none; }


#newsdesk #news-filter {
    padding: 7px 0 7px 8px;
    margin: 0;
    }

#newsdesk #news-filter input.checkbox,
#newsdesk #news-filter label {
    display: block;
    float: left;
    }

#newsdesk #news-filter input.checkbox {
    margin: 0 4px 0 0;
    width: 13px; height: 13px; overflow: hidden;
    padding: 0;
    }

#newsdesk #news-filter label {
    margin: 1px 11px 0 0;
    _margin: 1px 8px 0 0;
    }


#newsdesk .pad { padding: 4px 15px; }

#newsdesk .heading { 
    font-family: "proxima-nova-1","proxima-nova-2",sans-serif;
    font-weight: 600;
    font-size: 14px;
    line-height: 14px;
    display: block;
    padding-bottom: 3px;
    color: #008c42;
    }
    
    #newsdesk .heading:hover { color: #0082d5; }

#newsdesk.simple ul { margin: 0 0 10px 0; padding-bottom: 10px; border-bottom: 1px solid #eeeeee; }

    #newsdesk.simple ul.last { margin: 0 0 0 0; padding-bottom: 0px; border-bottom: none; }

#newsdesk.simple li a { padding: 5px 0; }

#newsdesk.simple li a .date { font-size: 10px; }

#newsdesk .more {
    width: 260px; height: 14px; overflow: hidden;
    background: url('/img/newsdesk-more-bar.png') no-repeat left top;
    font-size: 10px; text-transform: uppercase; 
    padding: 10px;
    text-align: center;
    }
 

/* Lower Level of Primary  */

#home .clearfix.pad { padding: 0 20px; }

#home #column320 { 
    padding: 0 0 0 20px; 
    width: 320px;
    float: left;
    }
    
#home #column280 { 
    width: 280px;
    float: left;
    }


/* From the Leadership */

#from-the-leadership {
    width: 280px;
    background: url('/img/box-leadership.png') repeat-y left top;
    margin-bottom: 10px;
    }
    
#column320 #from-the-leadership {
    width: 320px;
    background: url('/img/box-leadership-320.png') repeat-y left top;
    }

    #home #from-the-leadership .top {
        background: url('/img/box-leadership-top.png') no-repeat left top;
        min-height: 34px !important;
        padding: 0;
        }
        
    #home #column320 #from-the-leadership .top {
        background: url('/img/box-leadership-top-320.png') no-repeat left top;
        }

    #from-the-leadership .bottom {
        padding: 9px 11px;
        min-height: 38px;
        background: url('/img/box-leadership-bottom.png') no-repeat left bottom;
        }
        
    #column320 #from-the-leadership .bottom {
        background: url('/img/box-leadership-bottom-320.png') no-repeat left bottom;
        }



#from-the-leadership .heading {
    display: block;
    width: 178px; height: 19px;
    margin: 0 0 14px 0;
    background: url('/img/a-title-from-the-leadership.png') no-repeat left top;
    }

    #from-the-leadership .heading:hover { background-position: left -19px; }
    #from-the-leadership .heading span { display: none; }


#from-the-leadership .mcentee,
#from-the-leadership .saunders,
#from-the-leadership .reyes {
    margin: 5px 5px 10px 5px;
    padding: 0 0 10px 0; 
    border-bottom: 1px solid #cdcdcd;
    }

    #from-the-leadership a img {
        border: 1px solid #797979;
        margin: 0 10px 0 0;
        float: left;
        width: 47px; height: 63px;
        }

    #from-the-leadership a:hover img { border: 1px solid #3b3b3b; }


    #from-the-leadership .title {
        font-family: "proxima-nova-1","proxima-nova-2",helvetica,arial,sans-serif; font-weight: 800; font-size: 14px; line-height: 14px; 
        margin: 0 0 6px 0; 
        display: block;
        }

    #from-the-leadership .recent-post {
        font-weight: bold;
        font-size: 12px; line-height: 15px;
        display: block;
        float: left;
        width: 189px;
        }
        
    #column320 #from-the-leadership .recent-post {
        width: 229px;
        }

    #from-the-leadership .date {
        font-weight: normal;
        font-size: 10px; text-transform: uppercase;
        margin: 0 0 3px 0; 
        display: block;
        }

    #from-the-leadership .description {
        line-height: 14px; margin: 3px 0 0 0;
        }


    #from-the-leadership .more {
        background: url('/img/more.png') no-repeat right top;
        display: block;
        width: 250px; height: 13px;
        margin: 0 5px 5px 5px;
        }
        
    #column320 #from-the-leadership .more {
        width: 290px;
        }

        #from-the-leadership .more:hover { background-position: right -13px; }
        #from-the-leadership .more span { display: none; }



/* 320px boxes on home page */

#online-training {
    font-size: 12px; line-height: 15px;
    }

    #online-training .title {
        width: 292px; height: 18px;
        display: block;
        margin: 0 0 10px 0;
        background: url('/img/a-title-online-training.png') no-repeat left top;
        }

        #online-training .title:hover { background-position: left -19px; }

    #online-training .thumbnail { float: left; margin: 0 10px 60px 0; }

    #online-training .date { font-weight: bold; font-size: 12px; display: block; }
    
    #online-training p { margin: 0;  }
    
    #online-training .more { font-size: 10px; display: block; text-transform: uppercase; margin: 5px 0 10px 0; }
    

#primary #memphis-madison.box-320 {
    font-size: 12px; line-height: 15px; padding-bottom: 15px;
    }

    #memphis-madison .title {
        width: 292px; height: 18px;
        display: block;
        margin: 0 0 10px 0;
        background: url('/img/a-title-memphis-to-madison.png') no-repeat left top;
        }

        #memphis-madison .title:hover { background-position: left -19px; }

    #memphis-madison .thumbnail { float: left; margin: 0 10px 60px 0; }

    #memphis-madison .date { font-weight: bold; font-size: 12px; display: block; }
    
    #memphis-madison p { margin:0; }
        
    #memphis-madison .more { font-size: 11px; }


#upcoming-events .title {
    width: 292px; height: 18px;
    display: block;
    margin: 0 0 10px 0;
    background: url('/img/a-title-upcoming-events.png') no-repeat left top;
    }

    #upcoming-events .title:hover { background-position: left -19px; }
    

        
#home #quicklinks .title {
    width: 98px; height: 15px;
    display: block;
    margin: 0 0 10px 0;
    background: url('/img/a-title-quicklinks.png') no-repeat left top;
    }



/* horizontal banners --------------------------------- */

#horizontal-banners {
    padding:  10px 20px 0 20px;
    }

#horizontal-banners .banner {
    width: 200px;
    float: left;
    margin: 0 10px 0 0;
    }
    
#horizontal-banners .banner.last {
    margin-right: 0;
    }

#horizontal-banners .banner img {
    width: 200px;
    height: 90px;
    }




/* General Widget Styles--------------------------------- */

/* ui-tabs */

.ui-tabs { 
    position: relative; zoom: 1;
    } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */

.ui-tabs .ui-tabs-nav { 
    position: relative; 
    list-style: none;
    margin: 0;
    }

.ui-tabs .ui-tabs-nav li { 
    list-style: none; 
    float: left; 
    position: relative; 
    top: 1px; 
    border-bottom: 0 !important;  
    white-space: nowrap; 
    }

.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; }

.ui-tabs .ui-tabs-nav li a span { display: none; }

.ui-tabs .ui-tabs-nav li.ui-tabs-selected { display: block; }

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, 
.ui-tabs .ui-tabs-nav li.ui-state-disabled a, 
.ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }

.ui-tabs .ui-tabs-nav li a, 
.ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */

.ui-tabs .ui-tabs-panel { display: block; background: none; border: none; }

.ui-tabs .ui-tabs-hide { display: none !important; }

.connect-bar {
    display: none;
    /* background: none repeat scroll 0 0 #052a3f; */
    background: none repeat scroll 0 0 yellow;
    bottom: 0;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
    color: #727272;
    font-family: "proxima-nova-1","proxima-nova-2",sans-serif;
    height: 60px;
    left: 0;
    position: fixed;
    text-transform: uppercase;
    width: 100%;
    z-index: 999;
}

.connect-bar h2 {
  padding: 0 6px;
  float: left;
  display: inline-block;  
  font-size: 15px;
  line-height: 63px;
  text-transform: uppercase;  
  /* color: #fff; */
    color: #000;

}
  
.connect-bar form ol, .connect-bar form ul {
    list-style: none outside none;
    margin: 0;
}  

.connect-bar .like, .connect-bar .follow, .connect-bar .youtube, .connect-bar .tumblr, .connect-bar .instagram {
    display: inline-block;
    float: left;
    height: 60px;
    padding: 0 10px;
    transition: all 0.3s ease-in-out 0s;
}

.connect-bar .like a, .connect-bar .follow a, .connect-bar .youtube a, .connect-bar .tumblr a, .connect-bar .instagram a {
    color: #303030;
    font-size: 20px;
    line-height: 60px;
}

.connect-bar.like a, .connect-bar .follow a, .connect-bar.rss a, .connect-bar .youtube a {
  color: #303030;
  font-size: 20px;
  line-height: 60px; }
.connect-bar .like a:hover, .connect-bar .follow a:hover, .connect-bar .tumblr a:hover, .connect-bar .youtube a:hover, .connect-bar .instagram a:hover { color: #004881; }  
.connect-bar .like a:active, .connect-bar .follow a:active, .connect-bar.tumblr a:active, .connect-bar .youtube a:active, .connect-bar .instagram a:active { color: #003158; }  


  
  .connect-bar .wrap {
   width: 960px; 
  }

/* ---- Join ---- */

.join-us { 
  height: 30px;
  width: 313px;
  padding: 15px 18px;  
  display: inline-block;
  border-right: 1px solid #647B8A;
   margin-right: 10px;
  float: left;
  font-size: 12px;
  transition:         all .35s ease-in-out;    
  -webkit-transition: all .35s ease-in-out;  
  -moz-transition:    all .35s ease-in-out;  
  -o-transition:      all .35s ease-in-out;  
  -ms-transition:     all .35s ease-in-out; }
.join-us:hover { background: #ff0; }

.join-us ol li {  float: left; }

.join-us .title {
  text-transform: uppercase;
  font-size: 14px;
  color: #777;
  padding: 5px 8px 0 0; }

.join-us input {
  /* background: #f5f6f6; */
    background: #005daa;

  width: 170px;    /* 95px */
  border: 1px solid #ff0;
  padding: 7px 7px 7px;
  margin-right: 6px;
  font-size: 12px;
  /* color: #717171; */
    color: #fff;

  cursor: pointer;
   -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px; /* border radius */
  -moz-box-shadow:    inset 0 0 3px rgba(0,0,0,.1);
  -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,.1);
  box-shadow:         inset 0 0 3px rgba(0,0,0,.1);  
  transition:         all .35s ease-in-out;    
  -webkit-transition: all .35s ease-in-out;  
  -moz-transition:    all .35s ease-in-out;  
  -o-transition:      all .35s ease-in-out;  
  -ms-transition:     all .35s ease-in-out; }
.join-us .zip { width: 60px; } /* 50px */

.join-us:hover input { 
  /* background: #fff; */
  -moz-box-shadow:    inset 0 0 0 1px rgba(33,33,33,.2);
  -webkit-box-shadow: inset 0 0 0 1px rgba(33,33,33,.2);
  box-shadow:         inset 0 0 0 1px rgba(33,33,33,.2); }
.join-us input:hover { 
  /* background: #329adc; */
  background: #007adf;
  color: #fff; }

.join-us input:focus { 
  background: #007adf;   
  color: #b5b5b5;
  cursor: text; 
  -moz-box-shadow:    inset 2px 3px 3px rgba(0,0,0,.1), inset 0 0 3px 0 rgba(0,0,0,.2);
  -webkit-box-shadow: inset 2px 3px 3px rgba(0,0,0,.1), inset 0 0 3px 0 rgba(0,0,0,.2);
  box-shadow:         inset 2px 3px 3px rgba(0,0,0,.1), inset 0 0 3px 0 rgba(0,0,0,.2); 
  border: 1px solid #005daa;
  } 
  
    
.join-us button {
  background: #0066ba;
  border: none;
  width: 38px;
  line-height: 27px;
  color: #fff;
  -moz-border-radius:    3px;
  -webkit-border-radius: 3px;
  border-radius:         3px;
  font-family: "proxima-nova-1","proxima-nova-2",helvetica,arial,sans-serif;
  font-weight: 500;
  background-position: center;
  cursor: pointer;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition:    all .3s ease-in-out;
  -o-transition:      all .3s ease-in-out;
  -ms-transition:     all .3s ease-in-out;
  transition:         all .3s ease-in-out; }
.join-us button:hover { 
  background: #008C42; 
  color: #fff; }
.join-us button:active { 
  -moz-box-shadow:    inset 1px 1px 2px rgba(0, 0, 0, .25);
  -webkit-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, .25);
  box-shadow:         inset 1px 1px 2px rgba(0, 0, 0, .25); }

.join-us #join-response h2 { line-height: 33px !important; color: #f40723; }