/* Boston Symphony Orchestra
   Last Updated: 8-2011
   Author:  Oncall Interactive, LLC

Style definitions found in reset.css

--CONTENT STYLES--

Sections:
	=Kids PAGE
   ----------------------------------------------------*/

/* =Kids
 PAGE
   ----------------------------------------------------*/
   
.kids-wrapper {
width: 2540px;
background: #9FC0F9;
min-height: 938px;
position: relative;
left: -1270px;
margin-top: 10px;
}   

.kids-container {
    width: 960px;
    margin: 0 auto;
    position: absolute;
    left: 1270px;
    top: 11px;   
}

/*=Kids Slider Properties 
------------------------------------------------------*/
.kids-slider {
    background:#fff;
    width:959px;
    height:322px;
    margin:0 auto;
    position:relative;   
}

.kids-left-col {
    position:absolute;
    z-index:2;
    left:0;
    width:45px;
    height:322px;   
}

.kids-right-col {
    position:absolute;
    z-index:2;
    right:0;
    width:45px;
    height:322px;   
}


.kids-slider-static-content {
    width:360px;
    background:#fff;
    float:left; 
    height:268px; 
    padding-left:117px; 
    padding-top:54px;
}

.kids-slider-static-content img {margin-bottom:3px;}

.kids-slider-static-content p {
    font-family:Lucida Sans, Arial, Helvetica;
    font-size:11px;
    color:#5e5e5e;
    line-height:15px;
    width:286px;   
}

.kids-slider-interactive {
    width:482px;
    float:left;
    background:#fff;
    height:322px;
    position:relative;
    overflow: hidden;
}

.kids-arrw-left {
    position:absolute;
    left:10px;
    top:154px;
    
}

.kids-arrw-right {
    position:absolute;
    right:40px;
    top:154px;
}

.kids-slider-nav-container {
    width: 652px;
    height: 68px;
    background: url("/Content/images/layout/kids-slider-nav-bg.png") no-repeat;
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 154px;
    text-align: center;
}

.kids-slider-nav-container ul {
    list-style: none;
    padding-top: 17px;
    text-align: center;
    display: inline-block;
}

.kids-slider-nav-container ul li:first-child {border-left:0 none;}
.kids-slider-nav-container ul li:last-child {border-right:0 none;}

.kids-slider-nav-container ul li {
    float:left;
    border-right:1px solid #c5c5c5;
    border-left:1px solid #fff;
    height:37px;
    vertical-align:middle;
    line-height:37px;
    min-width:50px;
}

.kids-slider-nav-container ul li a {
    display: block; 
    min-width: 110px;
    text-align: center;
}

.kids-slider-nav-container ul li img {
    display:inline-block;
    zoom:1;
    *display:inline; /* Fix for IE7 */
    max-height:42px;
    line-height:42px;
}

.kids-slider-interactive a.inactive {
    display:none;   
}

/*----End Kids Slider, Start Kids Page Properties again */

.kids-featured {
    margin-top:38px;
    min-height:288px;  
    float:left;
    margin-left:44px;
    width:699px;        
}
   
.kids-featured-section {
    width:225px;
    float:left; 
    margin-right:12px;
}

.kids-featured-section.last {
    margin-right:0px;
}
   
.kids-featured-section img {
	width:225px;
	min-height:118px;
}   

.kids-featured-section a {
    font-family:'BSO Regular', Arial, Helvetica, Sans-Serif;
    color:#ef4035;
    display:block;
    font-size:16px;
    margin-top:5px;    
}
   
.kids-featured-section p {
    font-family:Lucida Sans, Arial, Helvetica, Sans-Serif;
    font-size:11px;
    line-height:17px;
    color:#333333; 
    margin-top:5px;  
}

a.kids-featured-btn {
    display:block;
    background:url("../../Content/images/layout/kids-featured-btn-bg.gif") no-repeat;
    width:72px;
    height:16px;
    text-transform:uppercase;
    color:#fff;
    font-size:11px;
    font-family:'BSO Bold', Arial, Helvetica;
    padding-top:4px;
    padding-left:14px;
    margin-top:10px;
    margin-bottom:47px; 
} 

.kids-sidebar {
       float: left;
}

.kids-sidebar .follow
{
    clear: left;
    padding: 10px 0 0 30px;
    text-align: center;
}

.kids-sponsor-section {
    width:147px;
    float:left; 
    background:#fff;
    -moz-box-shadow: 0px 0px 3px #9a9a9a;
    -webkit-box-shadow: 0px 0px 3px #9a9a9a;
    -ms-box-shadow: 0px 0px 3px #9a9a9a;
    -o-box-shadow: 0px 0px 3px #9a9a9a;
    box-shadow: 0px 0px 3px #9a9a9a;
    margin:19px 0 0 19px;
    font-family:'BSO Regular', Arial, Helvetica;
    font-size:13px;
    color:#333;
    text-transform:uppercase;
    text-align:center;  
    padding-top:15px;
    padding-bottom:15px;
}

.kids-promo-area {
    width:677px;
    height:132px;
    border:10px solid #dcdcdc;
    clear:both;   
    background:#fff;
    margin-left:44px;
}

.kids-promo-area ul { 
    list-style:none;
}