/*
Template Name: Education Time
File: Featured Slider CSS
Author: OS Templates
Author URI: http://www.os-templates.com/
Licence: <a href="http://www.os-templates.com/template-terms">Website Template Licence</a>
*/

.wrapper_child {
    border-bottom: 1px solid #CECFB5;
    float: left;
    margin: 0 0 20px;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
.col_wrapper {
    border: 1px solid #8199A9;
    float: left;
    height: 120px;
    margin: 10px 0 10px 25px;
    width: 438px;
}
#featured_slide {
    border-right: 1px solid #8199A9;
    float: left;
    height: 300px;
    margin: 0 10px 0 0;
    padding-top: 0;
    width: 700px;
}
#featured_slide_next {
    border: 1px solid;
    float: left;
}
.child_col_a {
    border-right: 1px solid #8199A9;
    float: left;
    height: 97px;
    padding: 11px;
}
.child_col_b {
    float: left;
}
#featured_slide dl.slidedeck{
	position:relative;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	}

#featured_slide dl.slidedeck > dd{
	position:relative;
	height:300px;
	margin:0;
	padding:0;
	overflow:hidden;
	}

#featured_slide dl.slidedeck > dt {
    background-color: maroon;
    border-top: 1px solid #D7C07D;/* Needs top-border as the JavaScript rotates the element */
    color: #F8F9F3;
    cursor: pointer;
    font-size: 12px;
    font-weight: bold;
    height: 20px;
    line-height: 20px;
    margin: 0;
    padding: 0;
    position: relative;
    border-bottom: 0px solid #CECFB5;  
}

#featured_slide dl.slidedeck > dt.active{
	color:#F8F9F3;
	background-color:#CECFB5;
	cursor:default;
	}

/* Spines */

#featured_slide dl.slidedeck dt.spine:hover{
	color:#F8F9F3;
	background-color:#CECFB5;
	}

#featured_slide dl.slidedeck dt.spine.active, #featured_slide dl.slidedeck dt.spine.active:hover{
	cursor:default;
	color:#F8F9F3;
	background-color:#CECFB5;
	}

#featured_slide dl.slidedeck dt.spine .index{
	margin-bottom:2px;
	font-size:24px;
	font-weight:normal;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#F8F9F3;
	}

#featured_slide dl.slidedeck dt.spine.active .index{
	margin-bottom:0;
	}

#featured_slide dl.slidedeck dt.spine:hover .index, #featured_slide dl.slidedeck dt.spine.active .index{
	color:#F8F9F3;
	}

/* The SlideDeck "active corner". */

#featured_slide dl.slidedeck .activeCorner{}
#featured_slide dl.slidedeck .active{}

.img_a {
    border-top: 4px double #E1A60A;
    border-bottom: 4px double #E1A60A;
    padding: 8px 0;
    background-color: maroon;
}