div#header-wrapper {
    background-position:  top  center;
    background-repeat: repeat-x;
}

div#fade {
    background:  #fff url( ../../../images/new/bg_brown.gif);
    background-position:  top center;
    background-repeat: repeat-x;
}

div#innercontainer {
    background:  #fff url(../../../images/new/bg.gif) no-repeat center bottom;
}
/* Content */

div#content {
    min-height: 700px;
    width: 590px;
        float: left;
    padding: 15px 0 20px 20px;
    margin: 0;
    line-height: 1.6em;
    }
    

/* Content Spotlight  */

    div#content div#spotlight h1 {
         font: bold 160% "Garamond", Hoefler Text, Palatino, Palatino Linotype, serif;
         margin: 0;
                 padding: 5px 0 8px 0;
                 border-top: solid 1px #690a0a;
                 text-transform: uppercase;
    }

    div#content div#spotlight ul {
        list-style: none;
        float: right;
        margin: 0;
    }

        div#content  div#spotlight ul li {
                font: bold 120% "Garamond", Hoefler Text, Palatino, Palatino Linotype, serif;
                margin: .6em 0;
                                padding: 0 8px;
                                float: left;
                                border-left: solid 1px #b29d6c;
        }       
        
        div#content  div#spotlight li a{
                 font-size: 95%; 
        }           

    div#content div#spotlight img {
        margin: .4em .2em .8em .8em;
        float: right;
        border: solid 3px #b29d6c;
        }
        
        .weather{
    font-size: 100%;
    margin: 0;
    padding: 0 0 10px 0;
}

.weather img{
    float: left;
    padding: 0 10px 10px 0;
}

    div#right_column .weather h1 {
        font: normal 140% "Helvetica", Arial, Verdana, sans-serif;
        margin: 0;
        padding: 0;
    }

    div#right_column .weather h3 {
        font: normal 105% "Helvetica", Arial, Verdana, sans-serif;
        margin: 5px 0;
    }

div#right_column {
    width: 300px;
    height: auto;
    float: right;
    clear: both;
    font-size: 100%;
    margin: 0;
    padding: 16px 20px 20px 10px;
}

    div#right_column h1, div#right_column h2, div#right_column h3, div#right_column h4, div#right_column h5 {
        font: 100% "Helvetica", Arial, Verdana, sans-serif;
        margin: 0;
    }

    div#right_column h1 {
        font: normal 100% "Helvetica", Arial, Verdana, sans-serif;
        margin: .3em 0 0 0;
        padding-top: 10px;
    }
    
    div#right_column h2 {
        color: #000;
        font: normal 95% "Helvetica", Arial, Verdana, sans-serif;
        margin: 0 0 .5em 0;
        line-height: 18px;
    }

    div#right_column h3 {
        font: bold 100% "Helvetica", Arial, Verdana, sans-serif;
        margin: 0;
        color: #333;
        padding-bottom: 5px;
    }
    
    div#right_column h4 {
        font-size: 110%;
        margin: 0 0 .8em 0;
    }

    div#right_column p {
        color: #222;
        margin: 0 0 1.5em 0;
    }

    div#right_column span.date a {
        font-size: 85%;
        margin-top: 5px;
        padding: 0;
    }

    div#right_column ul {
        list-style: disc;
        margin: 0 0 2em 15px;
    }

        div#right_column ul li, div#right_column ol li {
            padding: .4em 0;
        }
    
    div#right_column blockquote {
        padding: 0 0 0 15px;
        border-left: 1px solid #ebe8e3;
        margin: 0 0 2em 0;
    }

    div#right_column dl dt {
        float: left;
        width: 125px;
        font: bold 100% "Helvetica", Arial, Verdana, sans-serif;;
        padding: 3px 0;
    }

    div#right_column dl dd {
        padding: 3px 0;
        margin: 0 0 0 125px;
    }

    div#right_column hr {
        height: 1px;
        background-color: #ebe8e3;
        color: #ebe8e3;
        padding: 0;
        border: none;
        margin: 5em 0;
    }

div#right_column a, div#right_column a:link, div#right_column a:active, div#right_column a:visited {
                text-decoration: none;
                color: #690a0a;
                font-weight: bold;
                            text-decoration: underline;
                }

div#right_column a:hover {
    text-decoration: underline;
    color: #907f46;
}

    div#right_column .all_stories {
        font: normal 90% "Garamond", Hoefler Text, Palatino, Palatino Linotype, serif;
            padding: 6px 0 0 0;
            margin: 0;
            line-height: 18px;
        float: right;
        text-transform: uppercase;
    }
    
    div#right_column .all_stories a {
         color: #000;
    }
    
    div#right_column .all_stories a:hover {
         color: #b29d6c;
    }

div#right_column img.right {
    border: 3px solid #907f46;
    margin: 0 .3em 1em 1em;
        float: right;
}

div#right_column img.left {
    border: 3px solid #907f46;
    margin: .2em 1em 1em 0;
        float: left;
}


/* Right Column highlights */

    div#right_column div#highlights {
     margin: 0;
         padding: 0 0 12px 0;
         min-height: 190px;
    }

    div#right_column div#highlights h1 {
         font: normal 180% "Garamond", Hoefler Text, Palatino, Palatino Linotype, serif;
         margin: 0;
         padding: 6px 0 12px 0;
         border-top: solid 1px #690a0a;
    }

    div#right_column div#highlights h2 {
        color: #000;
        font: normal 100% "Helvetica", Arial, Verdana, sans-serif;
        margin: 0 0 .7em 0;
        line-height: 18px;
    }
        
/* Right Column events */

    div#right_column div#events {
         margin: 0;
         padding: 12px 0 10px 0;
    }
    
    div#right_column div#events h1 {
         font: normal 180% "Garamond", Hoefler Text, Palatino, Palatino Linotype, serif;
         margin: 0;
         padding: 6px 0 12px 0;
         border-top: solid 1px #690a0a;
    }

    div#right_column div#events h2 {
        color: #000;
        font: bold 100% "Helvetica", Arial, Verdana, sans-serif;
        margin: 0;
        line-height: 18px;
    }

    div#right_column div#events p {
        font: normal 90% "Helvetica", Arial, Verdana, sans-serif;
         padding: 0 0 10px 0;
    }
    
    div#right_column div#events .date {
         text-transform: uppercase;
    }

/* Right Column news */

    div#right_column div#news h1 {
         font: normal 180% "Garamond", Hoefler Text, Palatino, Palatino Linotype, serif;
         margin: 0;
         padding: 6px 0 12px 0;
         border-top: solid 1px #690a0a;
    }

    div#right_column div#news h2 {
        color: #000;
        font: normal 100% "Helvetica", Arial, Verdana, sans-serif;
        margin: 0 0 .5em 0;
        line-height: 18px;
    }

    div#right_column img.right_noborder{
                 border: none;
                 float: right;
    }

/* Right Column feature */

    div#right_column div#features h1 {
         font: normal 180% "Garamond", Hoefler Text, Palatino, Palatino Linotype, serif;
         margin: 0;
                 padding: 6px 0 12px 0;
                 border-top: solid 1px #690a0a;
    }

    div#right_column div#features h2 {
        color: #000;
        font: normal 100% "Helvetica", Arial, Verdana, sans-serif;
        margin: 0 0 .5em 0;
        line-height: 18px;
    }
    
    div#right_column div#features div#player {
        border: 3px solid #ccc;
                width: 300px;
                height: auto;
                margin-bottom: 10px;
    }
        
/* ---------------------------------------------------- */
/* Related Material and slider css */
/* ---------------------------------------------------- */      
    
div#content .anythingSlider { 
        width: 580px; 
        height: 360px; 
        position: relative; 
        margin: 0 auto; 
        overflow:hidden; 
        border: solid 3px #b29d6c;
        }
        
div#content .anythingSlider .wrapper  {
        width: 620px; 
        overflow: hidden; 
        height: 360px; 
        margin: 0; 
        position: absolute; 
        top: 0; 
        left: 0; 
        }
        
div#content .anythingSlider .wrapper ul  { 
        width: 99999px; 
        list-style: none; 
        position: absolute; 
        top: 0; 
        left: 0; 
        background-color: #0e0d0d; 
        margin: 0; 
        }
        
div#content .anythingSlider ul li  { 
        display: block; 
        float: left; 
        padding: 0; 
        height: 360px; 
        width: 580px; 
        margin: 0; 
        }

div#content .anythingSlider ul li img { 
        display: block; 
        float: left; 
        padding: 0; 
        margin: 0 0 10px 0; 
                clear: right;
                border:none;
        }
        
div#content .anythingSlider .arrow { 
         display: block; 
         height: 197px; 
         width: 67px; 
         text-indent: -9999px; 
         position: absolute; 
         top: 340px; 
         cursor: pointer;
          }
          
div#content .anythingSlider .forward { 
        background-position: 0 0; 
        right: -45px; 
        background: url(../../../../images/new/homepage/feature/arrow_right.gif) no-repeat 0 0; 
        }
        
div#content .anythingSlider .back { 
        background-position: 0 0; 
        left: 490px; 
        background: url(../../../../images/new/homepage/feature/arrow_left.gif)  no-repeat 0 0; 
        }

#thumbNav { 
        position: relative; 
        top: 540px; 
        text-align: center; 
        }
        
#thumbNav a  { 
        color: #000;
        font: 11px/18px Georgia, Serif; 
        display: inline-block; 
        padding: 2px 8px; 
        height: 18px; 
        margin: 0 5px 0 0;
        }
        
#thumbNav a:hover { 
        background-image: none; 
        }
        
#thumbNav a.cur { 
        background: #000; 
        }

div#content .anythingSlider #start-stop  { 
        background-color: transparent; 
        padding: 2px 3px; 
        width: 40px; 
        text-align: center; 
        position: absolute; 
        right: 28px; 
        top: 335px; 
        font-size: 80%;
                text-transform: uppercase;
                color: #777;
        }

div#content .anythingSlider #start-stop:hover  { 
       color: #666; 
}


/*
  Prevents
*/
.anythingSlider .wrapper ul ul  { 
        position: static; 
        margin: 0; 
        background: none; 
        overflow: hidden; 
        width: auto; 
        border: 0; 
        }
        
.anythingSlider .wrapper ul ul li  { 
        float: none; 
        height: auto; 
        width: auto; 
        background: none; 
        }

/*
    For Specific Slides - vertical
*/

div#content .anythingSlider ul li img.vertical { 
        display: block; 
        float: left; 
        padding: 0; 
        margin: 0 0 10px 0; 
                clear: right;
                width: 340px;
                height: 380px;
        }

div#content .anythingSlider ul li .vertical p { 
        float: left;
                display: block;
        padding: 8px 0 8px 25px; 
        margin: 0;
                width: 190px;
        height: auto;
        color: #fff; 
        font-size: 100%;
        font-size: 105%;
            letter-spacing: 0.01em;
                line-height: 18px;
}

div#content .anythingSlider ul li .vertical h2 { 
        float: left;
        display: block;
    padding: 4px 0 8px 25px; 
    margin: 0;
        width: 190px;
    height: auto;
        color: #fff; 
    font: normal 140% "Arial", sans-serif;
    color: #fff; 
        }

div#content .anythingSlider ul li .vertical h3 { 
        float: left;
        text-align: right;
        width: 190px;
        display: block;
    padding: 32px 0 8px 0; 
    margin: 0 0 12px 25px;
    height: auto;
    color: #b29d6c; 
    border-bottom: 1px solid;
    font: normal 140% "Arial", sans-serif;
        text-transform: uppercase;
    letter-spacing: 0.01em;
}

div#content .anythingSlider ul li .vertical h3 a:hover { 
    text-decoration: none;
}

div#content .anythingSlider a, div#content .anythingSlider a:link, div#content .anythingSlider a:active, div#content .anythingSlider a:visited {
    color: #b29d6c;
    text-decoration: none;
}

div#content .anythingSlider a:hover {
    text-decoration: underline;
    color: #fff;
}


/*
    For Specific Slides - horizontal
*/

div#content .anythingSlider ul li .horizontal h3 { 
        float: left;
        width: 150px;
        text-align: right;
        display: block;
    padding: 18px 18px 18px 0;
    margin: 10px 0 0 5px;
    height: auto;
    color: #b29d6c; 
    border-right: 1px solid;
    font: normal 140% "Arial", sans-serif;
        text-transform: uppercase;
    letter-spacing: 0.01em;
}

div#content .anythingSlider ul li .horizontal h3 a:hover { 
    text-decoration: none;
    color: #fff;
}

div#content .anythingSlider ul li .horizontal h2 { 
        float: left;
        display: block;
    padding: 8px 0 8px 17px; 
    margin: 0;
        width: 380px;
    height: auto;
    font: normal 140% "Arial", sans-serif;
    color: #fff; 
        }

div#content .anythingSlider ul li .horizontal p { 
        padding: 0px 17px; 
        margin: 0 0 0 0;
        color: #fff; 
        width: 370px; 
        height: auto; 
                float: left;
                display: block;
        font-size: 105%;
            letter-spacing: 0.01em;
                line-height: 18px;
}

div#content .anythingSlider ul li img.link { 
        float: none;
                display: inline-block;
                margin-top: 0;
                padding: 0;
                width: 10px;
                height: 10px;
}

div#content .anythingSlider ul li p img.link { 
        float: none;
                display: inline-block;
                margin: 0;
                padding: 0;
}



/* ---------------------------------------------------- */
/* TABS */
/* ---------------------------------------------------- */


div#content #organic-tabs { 
   background: #dcd8cc; 
   padding: 0px; 
   margin: 10px 0 25px 0; 
   border: 3px solid #eee; 
   height: 480px;
   width: auto;
}

div#content #explore-nav { 
   overflow: hidden; 
   background: #bab3ae; 
   margin: 0; 
}

div#content #explore-nav li { 
   width: 114px; 
   float: left; 
   padding: 2px 0 5px 0;
   margin: 0 0 -5px 2px; 
   list-style: none;
   line-height: 15px;
}

div#content #explore-nav li.last { 
   margin-right: 0; 
}

div#content #explore-nav li a { 
   display: block; 
   padding: 5px 3px 3px 3px; 
   background: #c4bfba; 
   color: #444; 
   font-size: 11px; 
   text-align: center; 
   border-top: 2px solid #b3ada8; 
   border-right: 2px solid #b3ada8; 
   border-left: 2px solid #b3ada8; 
   text-decoration: none;
}

div#content #explore-nav li a:hover { 
   background-color: #fff; 
}

div#content #tab2, div#content #tab3, div#content #tab4, div#content #tab5 { 
   display: none; 
}

#explore-nav li#ex-tab1 a.current, ul#tab1 li a:hover { 
    background-color: #dcd8cc;
    color: #222; 
    border-top: 2px solid #ada7a2; 
    border-right: 2px solid #ada7a2; 
    border-left: 2px solid #ada7a2;
}
#explore-nav li#ex-tab2 a.current, ul#tab2 li a:hover { 
    background-color: #dcd8cc;
    color: #222; 
    border-top: 2px solid #ada7a2; 
    border-right: 2px solid #ada7a2; 
    border-left: 2px solid #ada7a2; 
}
#explore-nav li#ex-tab3 a.current, ul#tab3 li a:hover { 
    background-color: #dcd8cc;
    color: #222; 
    border-top: 2px solid #ada7a2; 
    border-right: 2px solid #ada7a2; 
    border-left: 2px solid #ada7a2;
}
#explore-nav li#ex-tab4 a.current, ul#tab4 li a:hover { 
    background-color: #dcd8cc;
    color: #222; 
    border-top: 2px solid #ada7a2; 
    border-right: 2px solid #ada7a2; 
    border-left: 2px solid #ada7a2;
}
#explore-nav li#ex-tab5 a.current, ul#tab4 li a:hover { 
    background-color: #dcd8cc;
    color: #222; 
    border-top: 2px solid #ada7a2; 
    border-right: 2px solid #ada7a2; 
    border-left: 2px solid #ada7a2;
}

#explore-nav li#last a.current { 
    background-color: #dcd8cc;
    color: #222; 
    border-top: 2px solid #ada7a2; 
    border-right: 2px solid #ada7a2; 
    border-left: 2px solid #ada7a2;
}

#explore-nav li#tab2-core strong a.current, ul#tab2 li a:hover { 
    background-color: #dcd8cc;
    color: #222; 
    border-top: 2px solid #ada7a2; 
    border-right: 2px solid #ada7a2; 
    border-left: 2px solid #ada7a2; 
}



div#content #organic-tabs #all-list-wrap {
        list-style: none;
        margin: 0 0 3.5em 0;
                padding: 10px 15px 15px 0;
    }

div#content #organic-tabs #all-list-wrap ul li {
     margin: 0;
         padding: 0;
         text-transform: normal;
         list-style: none;
    }

    div#content #organic-tabs img {
        margin: .2em .2em .8em .8em;
        float: right;
        clear: both;
        border: none;
        }

    div#content #organic-tabs img.right {
        margin: .2em .2em .8em .8em;
        float: right;
        clear: both;
        border: solid 3px #b29d6c;
        }
    

    div#content #organic-tabs #all-list-wrap  ul.links {
        list-style: none;
        margin: 0 0 3.5em 0;
    }

    div#content #organic-tabs #all-list-wrap  ul.links {
        list-style: none;
        margin: 0 0 3.5em 0;
    }

    div#content #organic-tabs #all-list-wrap  ul.links li {
        margin: .5em 0;
                padding: 0 8px;
                float: left;
                font-size: 95%; 
        list-style: none;
                border-left: solid 1px #b29d6c;
        }       
        
        div#content #organic-tabs #all-list-wrap ul.links li a { 
                 font-size: 95%; 
                                 border: none;
        }   


        div#content #organic-tabs #all-list-wrap ul li a { 
                 font-size: 95%; 
                                 border: none;
        }   

        div#content #organic-tabs #all-list-wrap ul li ul li { 
                 list-style: disc; 
        }   

        div#content #organic-tabs #all-list-wrap h2 { 
                                 margin: 0; 
                                 padding: 20px 0;
                                 display: block;
        }       

    div#content #organic-tabs h2, div#content h4 {
        font: normal 160% "Arial", sand-serif;
        margin: .5em 0 .2em 0;
    }

    div#content #organic-tabs h3 {
                font-weight: normal;
        font-variant: normal;
        letter-spacing: 0.01em;
        margin: 1.1em 0 .8em 0;
    }

    div#content #organic-tabs h4 {
        font-size: 120%;
        font-variant: none;
        letter-spacing: 0.01em;
        margin: 1.1em 0 .8em 0;
    }
