/*Globals
----------------------------------------------- */
    * {
        margin: 0;
        padding: 0;
        border: none;
    }
    .clear { clear:both; }

    BODY {
        background: #f3f9cc;
        font: 0.7em/1.35em "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", verdana, arial, helvetica;
        text-align: center;
        padding: 0 0 40px 0;
        color: #3d3d3d;
    }

    P {
        margin: 1em 0;
    }

    A {
        color: #344109;
    }

    A.share-link { display:block; }

    H1, H2, H3, H4 {
        margin: 0 0 0.25em 0;
    }

    H1 {
        font-size: 1.6em;
        color: #344109;
        margin: 30px 0 1em 0;
        clear:both;
        font-weight: normal;
    }

    H2 {
        font-size: 1.4em;
        color: #344109 ;
        padding-top:20px;
    }
    .project-flow H2.title,
    .step-outside H2.title {
        color:#3b2819;
        padding:1em 0 0 0;
    }
    h2.pagetitle{
        color: #3B2819;
        font-size: 1.6em;
        float: left;
        width: 500px;
        font-weight: normal;
        margin: 2em 0 0 0;
        padding: 0;
        }

    H3 {
        font-size: 1.2em;
    }

    H4 {
        font-weight: bold;
        font-size: 1.2em ;
        margin: 1.5em 0 1.5em 0;
        padding: 4px 0;
        background: url(../images/dotted_underline.gif) repeat-x bottom;
        color: #647d10;
        width: 500px;
        }
    H4 a {
        text-decoration:none;
        color:#333;
    }
    h5 {
        font-size:.9em;
        font-weight:bold;
        margin-bottom:1.5em;
        }

    H6 {
        background: url(../images/back_button_left.gif) top left no-repeat;
        line-height:47px;
        font-size:.7em;
        cursor:pointer;
        padding:0 0 0 18px;
    }

    H6 A {
        background:#BDD46C url(../images/back_button_right.gif) top right no-repeat;
        height:47px;
        line-height:47px;
        display:table-cell;
        padding:0 18px 0 0px;
        font-size:1.35em;
        text-decoration:none;
        color: #9c2427;
    }

    TABLE {
        clear:both;
    }


/***************************************************
    CLEARFIX
     */

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.sm-icon{
    display:inline-block;
    margin: 5px 0 0 0;
}
/***************************************************
    HOMEPAGE ? CAROUSEL
     */
#scroll {
    position: relative;
    overflow: hidden;
    width: 495px;
    height: 320px;
    z-index: 1;
    margin: 10px 0;
    /* border: 2px solid #666;*/
}

#tools {
     position:relative;
    z-index: 1;
}

.tool {
    float:left;
    text-align:center;
    position: relative;
    z-index: 1;
}


#thumbs a {
    z-index: 5;
    overflow: hidden;
    position: relative;
    float: left;
}


#thumbs{
    overflow: hidden;
    height:15px;
    margin: 5px 5px 0 0;
    text-align: right;
    list-style:none;
    display: none;
    float:right;
    position: relative;
    z-index:5;
}

.t a {
    display: block;
    float: left;
    margin-left: 5px;
    width: 12px;
    height: 12px;
    border: 1px solid #788103;
    background-color: white;
    color: white;
    text-decoration: none;
    text-indent:999em;
    filter:alpha(opacity=60);
    opacity: 0.6;
}

.t a.activeSlide {
    background-color: #BDD46C;
    color: #BDD46C;
    filter:alpha(opacity=100);
    opacity: 1;
}

.t a {
    border: 1px solid #BDD46C;
}

/** Layout
----------------------------------------------- */
    #wrap {
        margin: 0 auto;
        width: 770px;
        text-align: left;
        background: #BDD46C;
        }

    /* -----------------------------------------------
       header
    ----------------------------------------------- */

    #header {
         overflow: visible;
    }

    /* random header images */

    .header-a {
        background: #abca31 url(../images/headers/bigpic-a.jpg) top center no-repeat;
    }
    .header-b {
        background: #abca31 url(../images/headers/bigpic-b.jpg) top center no-repeat;
    }
    .header-c {
        background: #abca31 url(../images/headers/bigpic-c.jpg) top center no-repeat;
    }
    .header-d {
        background: #abca31 url(../images/headers/bigpic-d.jpg) top center no-repeat;
    }
    .header-e {
        background: #abca31 url(../images/headers/bigpic-e.jpg) top center no-repeat;
    }
    .header-f {
        background: #abca31 url(../images/headers/bigpic-f.jpg) top center no-repeat;
    }

    #header #logo {
        margin: 5px 0 20px 10px;
        border: 0;
    }


    /* header - utility nav */

    #header ul#utility {
        height: 30px;
        background: url(../images/utility-longback.gif) top left no-repeat;
        float: right;
        margin: 0;
        padding: 0 0 0 20px;
    }

    #header ul#utility li {
        display: inline;
        line-height: 30px;
        margin: 0 10px 0 0;
    }

    #header #utility a:link,
    #header #utility a:visited {
        color: white;
        text-decoration: none;
        vertical-align: top;
    }

    #header #utility a:hover { text-decoration: underline }

    /* header - slogan */

    #header #slogan {
        /*
        position: absolute;
        top: 105px; left: 82px;
        */
        width: 325px;
        margin:-30px 0 0 0;
        padding:0 0 0 85px;
    }

    #header #slogan h2 {
        color: #344109;
        font-size: 11px;
        font-weight: normal;
        margin: 0;
    }



    /* -----------------------------------------------
       content
    ----------------------------------------------- */

    #wrap #sidebar {
        padding:0 10px 12px 0;
        width:196px;
        float: right;
        margin-left: 20px;
        position:relative;
    }


    #wrap #contentwrap {
        position: relative;
        padding: 0 0 40px;
        font-size: 1.15em;
        line-height: 1.45em;
        background: #BDD46C;
        clear: both;
        text-align: left;
    }

    #wrap #contentwrap .content #moduleid-saving,
    #wrap #contentwrap .content #moduleid-loading {
        color: #fff;
        font-size: 1.1em;
        position: absolute;
        background: #f00;
        right: 5px;
        top: 5px;
        padding: 3px 7px;
        z-index: 100;
    }

    #wrap #contentwrap .content #moduleid-welcome_user {
        float: left;
        width:425px;
    }

    #wrap #contentwrap .content #moduleid-welcome_user P {
        color: #F9FFE5;
    }

    #wrap #contentwrap .content .module-pages,
    #wrap #contentwrap .content .module-resources,
    #wrap #contentwrap .content .module-resource_review {
        float: left;
        clear: left;
    }

    #wrap #contentwrap .content .module-resources,
    #wrap #contentwrap .content .module-resource_review {
        width: 100%;
    }

    .content {
        padding: 0 0 0 16px;
    }

    #wrap #contentwrap .module-pages {
        width: 490px;
        margin-top: 20px;
    }



    #jwplayer_holder{
    margin:auto;
    text-align:center;
    }


    /* nice table colors */
    #wrap #contentwrap .module-pages table tr.thead td,
    #wrap #contentwrap #nature-guide-page table tr.thead td {
        background:#8d9e51; /*url(../images/tablegradbg.gif) repeat-x; */
        padding-left:10px;
    }
    #wrap #contentwrap ul#greenblocknav {
        overflow: hidden;
        margin:0;
        padding:0;
        list-style: none;
    }
    #wrap #contentwrap ul#greenblocknav li {
        float:left;
        margin:0;
    }
    #wrap #contentwrap ul#greenblocknav li a {
        display:block;
        margin:0;
        padding: 10px;
        border-right:1px solid #d9e4b0;
        border-left:1px solid #fff;
        background:#f1fcc9;
        text-decoration:none;
    }

    #wrap #contentwrap ul#greenblocknav li a.back {
        background:#f1fcc9 url(../images/arrow-back.gif) no-repeat 5% 50%;
        padding-left:40px;
    }
    #wrap #contentwrap ul#greenblocknav li a.back:hover {
        background:#fff url(../images/arrow-back.gif) no-repeat 5% 50%;
        padding-left:40px;
    }
    #wrap #contentwrap ul#greenblocknav li a.next{
        background:#f1fcc9 url(../images/arrow-next.gif) no-repeat 88% 50%;
        padding-right:40px;
        display: block;
    }
    #wrap #contentwrap ul#greenblocknav li a.next:hover {
        background:#fff url(../images/arrow-next.gif) no-repeat 88% 50%;
        padding-right:40px;
    }

    #wrap #contentwrap ul#greenblocknav li a:hover {
        background:#fff;
    }
    
    ul#greenblocknav.toolbox {
        margin-top: 1em !important;
    }

    table td h2,
    table td h3{
        color:#fff;
        padding: .2em;
        font-size: 1em;
    }

    .thead td,
    .thead th{
        vertical-align: middle;
        }

    .module-pages table tr td.leftcol {
        background:#a6b962;
        padding-left:10px;
        color:white;
    }
    .module-pages table tr td,
    #nature-guide-page table tr td{
        background:#deeea7;
    }



    #wrap #contentwrap #wide {
        float: right;
        width: 550px;
    }

    #wrap #contentwrap #middle {
        float: left;
        width: 400px;
        padding: 0px 15px 0 10px;
        overflow: auto;
    }

    #wrap #contentwrap DIV.button {
        background: url("../images/button_bot.gif") no-repeat bottom;
        padding: 0 0 9px 0;
        width: 147px;
        margin: 1em 1em;
        text-align: left;
    }

    #wrap #contentwrap DIV.button A {
        background: url("../images/button_bkg.gif") no-repeat;
        width: 82px;
        display: block;
        padding: 10px 10px 2px 55px;
        color: #fff;
        font-size: 1em;
        text-decoration: none;
    }

    #wrap #contentwrap DIV.button A:hover {
        color: #fef380;
    }

    A.backtotop {
        display: block;
        background: #f1fcc9 url("../images/arrow_up.gif") no-repeat 7px center;
        padding: 3px 3px 3px 20px;
        margin: 2em 0;
        width: 7em;
    }

    .module-pages H3,
    .module-pages H4 {
        margin: 0.5em 0;
    }

    .module-pages OL,
    .module-pages UL {
        padding: 0 0 0 3em;
        margin: 1.5em 0;
    }

    .module-pages  LI {
        margin: 0.4em 0;
    }

    .module-pages UL LI {
        /*list-style: url("../images/bullet.gif"); */
        line-height:14px;
        margin-bottom:12px;

    }


    /* ACCORDION CONTENT */

    #wrap #contentwrap H3 a.closed:link,
    #wrap #contentwrap H3 a.closed:visited {
        display: block;
        width: 490px;
        padding: 5px;
        text-decoration: none;
        color: #9c2427;
        font-size:.8em;
        background: #d4e39f url(../images/arrow-closed.gif) center right no-repeat;
    }

    #wrap #contentwrap H3 a.closed:hover {
        background-color: white;
    }

    #wrap #contentwrap H3 a.open:link,
    #wrap #contentwrap H3 a.open:active,
    #wrap #contentwrap H3 a.open:visited {
        display: block;
        width: 490px;
        padding: 5px;
        text-decoration: none;
        color: #972427;
        background: #f1f4a0 url(../images/arrow-open.gif) center right no-repeat;
    }

    #wrap #contentwrap H3 a.open:hover {
        background-color: white;
    }

    /* -----------------------------------------------
       content - toggle links
    ----------------------------------------------- */

    A.toggle {
        display: block;
        float: right;
        font-size: 0.8em;
        text-decoration: none;
        margin: 0 0.7em 0 0;
        padding: 0 2px;
        height:2.0em;
    }

    A.toggle:hover {
        background: #ffb;
    }

    A.toggle SPAN.close {
        background: url("../images/spine_toggle_close.gif") no-repeat right;
        padding: 0 10px 0 0;
    }

    A.toggle SPAN.open {
        background: url("../images/spine_toggle_open.gif") no-repeat right;
        padding: 0 10px 0 0;
    }


    #refineByIssue A.toggle SPAN.close {
        background: url("../images/spine_sub_toggle_close.gif") no-repeat right;
        padding: 0 10px 0 0;
        height:1.0em;
        width:1.0em;
    }

    #refineByIssue A.toggle SPAN.open {
        background:url("../images/spine_sub_toggle_open.gif") no-repeat right;
        padding: 0 10px 0 0;
        height:1.0em;
        width:1.0em;
    }


    /* -----------------------------------------------
       content - homepage (most recent/ most popular)
    ----------------------------------------------- */

    #recentpopular{
        /*overflow: hidden;*/
        width: 238px;
        }
    /*
    #recentpopular .module-resource_featured,
    #recentpopular .module-resource_top10{
        clear: left;
        }
    */
    .fr #recentpopular h2 {
        font-size:72%;
    }

    #moduleid-resource_top10,
    #moduleid-resource_featured{
        margin: 0 5px 0 0;
        }
    h2.zebralist-title{
        color: #fff;
        margin: 0;
        padding: 3px 28px 5px 10px;
        border-top: solid 1px #c43237;
        text-transform: uppercase;
        font-weight: normal;
        font-size: .8em;
        float: left;
        position: relative;
        top: 5px;
        }

    #recentpopular h2.zebralist-title{
        -moz-border-radius: 4px 4px 0 0;
        -webkit-border-radius: 4px 4px 0 0;
        border-radius:  4px 4px 0 0;
        }
    #recentpopular h2:hover{
        background-color: #751214;
        border-top:solid 1px #9c2427;
        text-decoration: underline;
        }

    #recentpopular h2.selected{
        top: 0;
        padding-top: 8px;
        border-top: solid 1px #fff;
        color: #9c2427;
        text-decoration: none;
        }

    h2#zebratitle-recent{
        border-right: solid 1px #620d0f;
        background: #9c2427 url(../images/icon-fresh.gif) 94% 5px no-repeat;
        }
    h2#zebratitle-recent.selected{
        border-right: none;
        background: #fdffbc url(../images/icon-fresh.gif) 94% -22px no-repeat;
        }

     h2#zebratitle-popular{
        border-left: solid 1px #620d0f;
        background: #9c2427 url(../images/icon-star.gif) 94% 7px no-repeat;
        }
     h2#zebratitle-popular.selected{
        border-left: none;
        background: #fdffbc url(../images/icon-star.gif) 94% -22px no-repeat;
        }

    h2.zebratitle-compilation{
        background: #9c2427;
        width:230px;
        padding:5px;
        }


    .zebralist{
        width: 238px;
        border: solid 1px #fdffbc;
        font-size: .9em;
        clear: left;
        list-style: none;
        }
    .zebralist a,
    .zebralist li	{
        color: #9c2427;
        text-decoration: none;
    }
    .zebralist li,
    .module-pages .zebralist li{
        display: block;
        padding: 4px 10px 4px 20px;
        background: #d4e39f url(../images/bullet.gif) 7px 5px no-repeat;
        border-bottom: solid 1px #bdd46c;
        margin:0;
        }

    .zebralist li.alt{
        background: #c6da80 url(../images/bullet.gif) 7px 5px no-repeat;
        border-bottom: solid 1px #bdd46c;
        }
    .zebralist li a:hover{
        text-decoration: underline;
        }
    .zebralist .grades {
        font-size:.8em;
        color:#3B2819;
    }


    /* -----------------------------------------------
       content - search
    ----------------------------------------------- */

    .module-resource_search,
    .module-resource_search_v2,
    #moduleid-resource_spine{
        width: 196px;
        float: right;
        padding: 0 18px 12px 18px;
        margin: 0 9px 15px 0;
        background: #D4E39F;
        color: #344109;
        font-family: 1.1em 'lucida sans', lucida, arial, sans-serif;
    }
    .module-resource_search_v2 {
        background:none;
        padding:0;
        width:236px;
    }
    #search-v2-wrapper {
        padding: 20px 25px 12px 18px;
        background: #D4E39F;
    }

    #wrap #contentwrap .module-newsletter_sign_up {
        clear: both;
    }
    #wrap #contentwrap .module-newsletter_sign_up li {
        margin:10px 0;
        list-style:none;
    }
    #wrap #contentwrap .module-newsletter_sign_up label {
        width:200px;
    }
    .custom-search {
        position: relative;
    }

    .custom-search .module-resource_search {
        position: absolute;
        top: 0;
        right: 0;
        z-index: 100;
    }

    .module-resource_list .module-resource_search_v2 {
        width: 400px;
        float:none;
    }

    .module-resource_search H2,
    .module-resource_search_v2 H2 {
        letter-spacing: -0.05em;
        color: #3b2819;
        margin: 0 0 0 0;
        padding: 1em 0 .5em 0;
        font-size: 1.3em;
        font-weight: normal;
        font-family: inherit;
    }
    .module-resource_search H2,
    .module-resource_search_v2 H2{
        background: url(../images/search-magnify.gif) right 8px no-repeat;
    }

    .module-resource_search H3,
    .module-resource_search_v2 H3 {
        font-size: .8em;
        font-family: inherit;
        font-weight: normal;
    }

     .module-resource_search P,
     #wrap .module-resource_search_v2 P {
        margin: 0;
        color: #464f28;
        line-height: 1.4;
    }

    #wrap #contentwrap .module-resource_search P.optional {
        font-size: 0.8em;
        color: #000000;
        position: relative;
        font-weight: bold;
        top: -3px;
        }

    #refinedby-list{
        padding: 0 0 5px 10px;
        margin: 0 0 15px 10px;
        font-size: .8em;
        list-style-type: disc;
        border-bottom: dotted 1px #F3F9CC;
        }
    #refinedby-list li{
        margin: 0;
        line-height: 1.8em;
        }
    #group-list h4 {
        margin-bottom:.5em;
    }
    #wrap #contentwrap .module-newsletter_sign_up #group-list li {
        float:left;
        width:45%;
        list-style:none;
        background:#c6dc79;
        padding:5px;
        height:122px;
        margin-right:5px;
    }
    #group-list input {
        float:none;
    }
    #wrap #contentwrap .module-newsletter_sign_up #group-list label {
        width:auto;
        display:inline;
        float:none;
        font-weight:bold;
    }
    #wrap #contentwrap .module-newsletter_sign_up #group-list div {
        padding:2px 3px 0 3px;
        font-style:italic;
    }

    .module-resource_search INPUT.text,
    .module-resource_search_v2 INPUT.text,
    .module-resource_search SELECT,
    .module-resource_search_v2 SELECT,
    .module-newsletter_sign_up INPUT.text  {
        width: 190px;
        border-top: solid 1px #a0b262;
        border-left: solid 1px #a0b262;
        border-right: solid 1px #bdd46c;
        border-bottom: solid 1px #bdd46c;
        font-size: 0.8em;
        padding: 3px 2px;
        display: block;
        margin: 0;
    }
    .module-resource_search INPUT.text,
    .module-resource_search_v2 INPUT.text,
    .module-newsletter_sign_up INPUT.text{
        widtH: 184px;
    }


    .module-newsletter_sign_up IMG#user_code_image {
        border-top: solid 1px #a0b262;
        border-left: solid 1px #a0b262;
        border-right: solid 1px #bdd46c;
        border-bottom: solid 1px #bdd46c;
        margin: 10px 0 5px 0;
        }

    #wrap #contentwrap .module-resource_search_v2 SELECT.theme .optgroup{
        color:#809B23;
        font-style:normal;
        font-weight:bold;
        padding:0px 2px;
        margin: 0 0 2px 0;
    }
    #wrap #contentwrap .module-resource_search_v2 SELECT.theme option{
        color:#333;
        padding-left:25px;
    }
    #wrap #contentwrap .module-resource_search DIV.step,
    #wrap #contentwrap .module-resource_search_v2 DIV.step {
        clear: both;
        margin: 0 0 6px 0;

    }
    #wrap #contentwrap .module-resource_search_v2 DIV.step label{
        font-size:inherit;
        display: inline;
        float: none;
        color: #464F28;
        font-size: 10px;
    }
    .module-resource_search_v2 ul{
        padding-left:25px;
    }
    #moduleid-sidebar-project-links ul {
        padding-left:0;
    }
    #wrap #contentwrap .module-resource_search_v2 ul li{
        font-size:90%;
    }
    a.clear-search{
        font-size: 10px;
        color: #737d4d;
        text-decoration: none;
        padding:2px 10px 2px 20px;
        background: #eff5dd url(../images/greenx.gif) 5px 55% no-repeat;
        border: solid 1px #ff0000;
        border-color: #f6f9ec #c8db85 #c8db85 #f6f9ec;
        display: inline-block;
    }

    li#action-project-list-item{
        display: block;
        margin: 10px 0;
        padding: 5px 0;
        color: #809B23;
        background: #E0EEAF;
    }

    .checkbox {
        margin:2px 0 0 0;
        float:left;
        }

    #wrap #contentwrap .module-resource_search DIV.step DIV.num,
    #wrap #contentwrap .module-resource_search_v2 DIV.step DIV.num {
        position: absolute;
        top: 0.1em;
        left: 0;
        *left: 0.25em;
        _left: -0.9em;
        width: 1em;
        font-weight: normal;
        font-size: 2.65em;
        line-height: 1em;
        color: #b1c476;
    }

    #wrap #contentwrap .module-resource_search DIV.step.focus DIV.num {
        color: #D4E39F;
    }

    #wrap #contentwrap .module-resource_search DIV.step.focus INPUT.text,
    #wrap #contentwrap .module-resource_search DIV.step.focus SELECT {
        background: #ffb;
    }
    #nextPreviousNav {
        margin:0 0 20px 0;
        height:40px;
        background: url(../images/searchresults-prevnext-back.gif) bottom left no-repeat;
        width: 500px;
        float: left;
    }
    a.nextPrevious, a.nextPrevious:active, a.nextPrevious:visited {
        font-size: 11px; line-height: 1em;
        display:block;
        float: left;
        width:220px;
        margin: 8px 10px 10px 10px;
        color: #9c2427;
        text-decoration: none;
    }
    a.nextPrevious:hover {
        color: black;
    }


    /* -----------------------------------------------
       content - spines
    ----------------------------------------------- */


    #moduleid-resource_spine H2 {
        font-size: 1.2em;
        letter-spacing: -0.05em;
        color: #809b23;
        padding: 0 0 1px;
        margin: 1em 5px 0;
        border-bottom: 1px solid #EEFFB2;
        clear: right;
    }

    #wrap #contentwrap .content #moduleid-resource_spine H3 {
        margin: 2em 5px 1em;
        font: normal 0.9em/1em "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", verdana, arial, helvetica;
        color: #9c2427;
    }

    #wrap #contentwrap .content #moduleid-resource_spine UL {
        margin: 7px 0 12px;
        font-size: 0.85em;
        line-height: 1.2em;
        clear: right;
        list-style: none;
    }

    #wrap #contentwrap .content #moduleid-resource_spine UL LI {
        position: relative;
        display:inline-block;
    }
    #wrap #contentwrap .content #moduleid-resource_spine ul#legend{
        padding:5px;

    }
    #wrap #contentwrap .content #moduleid-resource_spine ul#legend .match{
        padding: 1px 5px;
        background: #5dbc0e;
        font-size: 100%;
        font-weight:bold;
        color: #fff;
        display: inline;
    }
    #wrap #contentwrap .content #moduleid-resource_spine ul#legend li p{
        margin:4px 0 7px 0;
        padding:0 3px 0 0;
        color: #344109;
    }
    #moduleid-resource_spine UL LI A {
        display: block;
        padding: 2px 7px 2px 18px;
        margin: 0 7px;
        background: url("../images/box_unchecked.gif") no-repeat left;
        text-decoration: none;
    }


    #wrap #contentwrap .content #moduleid-resource_spine UL LI A:hover {
        text-decoration: underline;
        background-color: #ffb;
    }

    #wrap #contentwrap .content #moduleid-resource_spine UL LI A.selected {
        background: #ffd url("../images/box_checked.gif") no-repeat left;
        font-family: "Lucida Sans Demibold Roman";
        font-weight: bold;
        color: #9C2427;
    }

    #moduleid-resource_spine UL LI A.partial {
        background: #ffd url("../images/box_checked.gif") no-repeat left;
        font-family: "Lucida Sans Demibold Roman";
        font-weight: bold;
        color: #da8789;
    }

    #wrap #contentwrap .content #moduleid-resource_spine UL LI {
        width: 100%;
    }
    #wrap #contentwrap .content #moduleid-resource_spine UL#refineByGrade LI {
        width: 47%;
        overflow: hidden;
    }
    #wrap #contentwrap .content #moduleid-resource_spine UL#refineByGrade A{
        letter-spacing: -0.05em;
        width: 100px;
    }

    #wrap #contentwrap .content #moduleid-resource_spine UL LI A.toggle {
        position: absolute;
        top:0px;
        right:0px;
        background:none;
    }

    #wrap #contentwrap .content #moduleid-resource_spine UL UL {
        background: #bcc98c;
        margin: 2px 6px 7px;
        padding: 3px 0;
    }

    #wrap #contentwrap .content #moduleid-resource_spine UL UL LI A:hover {
        text-decoration: underline;
        background-color: #D4E39F;
    }

    #wrap #contentwrap .content #moduleid-resource_spine UL UL LI A.selected {
        background-color: #bcc98c;
    }
    a.spine-clear, a.spine-clear:active, a.spine-clear:visited  {
        display:block;
        margin:10px 0;
        padding:5px 0 5px 10px;
        color:#809b23;
        background:#e0eeaf;
    }

    #wrap #contentwrap .content .module-resource_list {		float: left; 	}
    #wrap #contentwrap .content #right_spine {		float: none; 	}
    #wrap.search-spine-right #contentwrap .content .module-resource_list {		float: left; 	}
    #wrap.search-spine-right #contentwrap .content #right_spine {		float: right; 	}

/* -----------------------------------------------
search v2 within spine
----------------------------------------------- */


#moduleid-resource_spine #moduleid-resource_search_v2 {
    width: 185px;
}

/* -----------------------------------------------
   content - resource list
----------------------------------------------- */

    .module-resource_list {
        width: 490px;
    }

    .module-resource_list .results {
    }

    .module-resource_list #list {
        clear:right;
        padding: 1.0em 0 0 0;
    }

    ul.links {
        list-style: none;
        }
    ul.links li{
        padding: 10px;
        margin: 0 0 10px 0;
        border: solid 1px #ddeda5;
        background: #c6da80;
        overflow: hidden;
        height: 1%;
        }
    ul.links li:hover{
        border: solid 1px #fff;
        }
    ul.links li.alt{
        background: #d4e39f;
        }

    ul.links h3 a{
        color: #9C2427;
        text-decoration: underline;
        font-weight: bold;
        margin: 10px 0 0 0;
        display: block;
        }
    ul.links h3 a:hover{
        color: #344109;
        }
    ul.links p{
        font-size: .9em;
        line-height: 1.2em;
        }

    ul.links .fit,
    ul.links .download{
        color: #fff;
        font-size: .8em;
        padding: 4px;
        display: block;
        float: left;
        line-height: 1em;
        }
    ul.links .fit{
        cursor: pointer;
        background: #5DBC0E;
        }
    ul.links .download{
        background: #AF9141 ;
        }
    .fit .tooltip-content{
        display: none;
        }


/* -----------------------------------------------
   resource list > what you're searching/filtering by
----------------------------------------------- */
    #list-parameters h2{
        font-size: 1em;
        padding: 0 0 0 0;
        }

    #list-parameters li{
        font-size: .8em;
        border-bottom: dotted 1px #FDFFBC;
        padding: 0 0 8px;
        margin: 0 0 8px;
        line-height: 1.3em;
        }

    #list-parameters em{
        display: block;
        }

    #list-parameters li a.clear-search{
        display: block;
        float: right;
        }



/* -----------------------------------------------
   resource list > page #s
----------------------------------------------- */
    .record_nav a{
        color: #9C2427;
        text-decoration: none;
        }
    .record_nav a:hover{
        text-decoration: underline;
        }

    .record_nav .prev,
    .record_nav .next{
        margin: 8px 0 0 0;
        font-size: 9px;
        padding:  0 7px;
        }
    .record_nav a.prev{
        float: left;
        line-height: 2em;
        }
    .record_nav a.next{
        float: right;
        line-height: 2em;
        }

    p.numresults{
        font-size: .8em;
        margin: 15px 0 3px 0;
        text-align: center;
        }

    .page-numbers{
        font-weight: bold;
        background: #fdffbc;
        padding: 3px;
        text-align: center;
        color: #666;
        }
    .page-numbers span{
        display: inline-block;
        padding: 3px;
        }
    .page-numbers a{
        font-weight: normal;
        display: inline-block;
        padding: 3px;
        margin: 0 2px;
        }
    .page-numbers a:hover{
        color: #9C2427;
        background: #fff;
        }



    /* RESOURCE INSTRUCTIONS */

    #moduleid-resource_instructions {
        float: right;
        width: 507px;
        background: #ffb;
        padding: 10px;
        margin: 0.5em 22px 0.5em 0;
        _margin-right: 12px;
        border-right: solid 1px #90a24f;
        border-bottom: solid 1px #90a24f;
    }

    #moduleid-resource_instructions H2 {
        font-size: 1em;
        line-height: 1em;
        margin: 0 0 0.5em;
    }

    #moduleid-resource_instructions OL {
        margin: 0 0 0 2em;
    }


    #moduleid-resource_instructions OL LI {
        color: #dedea3;
        line-height: 1.2em;
        margin: 3px 0;
    }

    #moduleid-resource_instructions OL LI.disabled {
        color: #bdbd6e;
    }

    #moduleid-resource_instructions OL LI.current {
        font-family: "Lucida Sans Demibold Roman";
        font-weight: bold;
        color: #9C2427;
    }
    #moduleid-send-to-friend{
        float:right;
        width:300px;
    }
    /* -----------------------------------------------
       content - sitemap
    ----------------------------------------------- */
    #wrap #contentwrap #moduleid-sitemap {
        padding:20px;
    }
    #wrap #contentwrap .content.custom-sitemap UL {
        margin:0;
    }
    #wrap #contentwrap .content.custom-sitemap UL LI {
        padding: 3px 0 3px 10px;
        margin:0 0 0 10px;
        list-style: url(../images/bullet-green.gif);
    }


    /* -----------------------------------------------
       content - resource details
    ----------------------------------------------- */

    /* ----------Headings------------- */

    #wrap #contentwrap .content .module-resources H2,
    #wrap #contentwrap .content .module-resource_review H2 {
        font: italic 1.2em/1.2em "georgia","times new roman","serif";
        margin: 0 0 0.5em;
        padding: 0.25em 0 0 10px;
        background: url("../images/dotted_underline.gif") repeat-x top;
        color: #3a6896;
        width: 610px;
        letter-spacing: -0.05em;
    }

    #wrap #contentwrap .content .module-resources H3,
    #wrap #contentwrap .content .module-resource_review H3 {
        color: #9C2427;
        font-size: 1.4em;
        margin: 0 0 10px 0;
    }

    #wrap #contentwrap .content .module-resources .review H4,
    #wrap #contentwrap .content .module-resource_review H4 {
        font-weight: bold;
        font-size: 1.1em;
        line-height: 1.4em;
        margin: 0 0 10px 0;
        padding: 0 0 4px 0;
        background: url("../images/dotted_underline.gif") repeat-x bottom;
        color: #647d10;
    }

    #wrap #contentwrap .content .module-resources .description I,
    #wrap #contentwrap .content .module-resource_review .description I,
    #wrap #contentwrap .content .module-resources .description EM,
    #wrap #contentwrap .content .module-resource_review .description EM,
    #wrap #contentwrap .content .module-resources .curriculum I,
    #wrap #contentwrap .content .module-resource_review .curriculum I,
    #wrap #contentwrap .content .module-resources .curriculum EM,
    #wrap #contentwrap .content .module-resource_review .curriculum EM,
    #wrap #contentwrap .content .module-resources .review I,
    #wrap #contentwrap .content .module-resource_review .review I,
    #wrap #contentwrap .content .module-resources .review EM,
    #wrap #contentwrap .content .module-resource_review .review EM
    {
        font: italic 1em "georgia","times new roman","serif";
    }

    #wrap #contentwrap .content .module-resources .review P,
    #wrap #contentwrap .content .module-resource_review .review P {
        margin-left: 1em;
    }


    /* ----------Lists------------- */

    #wrap #contentwrap .content .module-resources .description UL,
    #wrap #contentwrap .content .module-resources .description OL,
    #wrap #contentwrap .content .module-resources .review UL,
    #wrap #contentwrap .content .module-resources .review OL,
    #wrap #contentwrap .content .module-resource_review .review UL,
    #wrap #contentwrap .content .module-resource_review .review OL 	{
        margin: 0 0 0 2em;
    }

    #wrap #contentwrap .content .module-resources .description UL,
    #wrap #contentwrap .content .module-resources .review UL,
    #wrap #contentwrap .content .module-resource_review .review UL {
        list-style: url("../images/bullet.gif");
        margin-bottom: 1em;
    }

    #wrap #contentwrap .content .module-resources .review UL LI,
    #wrap #contentwrap .content .module-resources .review OL LI,
    #wrap #contentwrap .content .module-resource_review .review UL LI,
    #wrap #contentwrap .content .module-resource_review .review OL LI  {
        margin: 0.25em 0;
    }

    #wrap #contentwrap .content .module-resource_review #table-of-contents UL {
        margin: 0 0 0 2em;
        list-style: url("../images/bullet.gif");
    }
    #wrap #contentwrap .content .module-resource_review #table-of-contents .sendtofriend UL {
        margin: 0em;
        list-style:none;
    }

    #wrap #contentwrap .content .module-resource_review #table-of-contents UL LI {
        margin: 0;
    }

    #wrap #contentwrap .content .review H3#rating UL {
        list-style:none;
        margin: 1em;
    }

    #wrap #contentwrap .content .review H3#rating UL LI {
        padding: 3px 5px 3px 23px;
        margin: 0.25em 0;
        font: normal 0.7em "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", verdana, arial, helvetica;
        background: #c6dd73 url("../images/box_unchecked.gif") no-repeat 5px center;
        color: #81904b;
    }

    #wrap #contentwrap .content .review H3#rating UL LI.selected {
        background: #ffb url("../images/box_checked.gif") no-repeat 5px center;
        color: #9C2427;
    }

    /* ----------Layout------------- */

    #wrap #contentwrap .content .module-resources,
    #wrap #contentwrap .content .module-resource_review {
        margin: 0;
    }


    #wrap #contentwrap .content .module-resources .description,
    #wrap #contentwrap .content .module-resource_review .description,
    #wrap #contentwrap .content .module-resources .review,
    #wrap #contentwrap .content .module-resource_review .review,
    #wrap #contentwrap .content .module-resources .themes,
    #wrap #contentwrap .content .module-resource_review .themes,
    #wrap #contentwrap .content .module-resource_review #table-of-contents
    {
        margin: 0 0 3em;
    }

    #wrap #contentwrap .content .module-resources .curriculum,
    #wrap #contentwrap .content .module-resource_review .curriculum	{
        margin: 0 0 20px;
    }

    #wrap #contentwrap .content .module-resource_review .review TABLE {
        width: 600px;
        clear: right;
    }

    #wrap #contentwrap .content .module-resource_review .review TABLE TD,
    #wrap #contentwrap .content .module-resource_review .review TABLE TH {
        text-align: left;
        padding:  10px;
        vertical-align:top;
        overflow: hidden;
    }

    #wrap #contentwrap .content .module-resource_review .review TABLE TH A.question {
        background: url("../images/box_question.gif") no-repeat 0 11%;
        padding:0 0 0 17px;
        display:block;
    }


    #wrap #contentwrap .content .module-resource_review .review TABLE TH SPAN {
        font-weight: normal;
        display: block;
        margin: 8px;
        line-height: 125%;
        width: 120px;
    }

    #wrap #contentwrap .content .module-resource_review .review TABLE THEAD TH {
        width:auto;
        color:#FFF;
        font-size:1.2em;
        background:#9C2427;
        padding:5px ;
    }
    #wrap #contentwrap #pedagogical tbody TH {
        width:170px;
    }

    /* ----------Theme images------------- */

    #wrap #contentwrap .content .module-resources #theme-images {
        margin: 1em 0 2em 0;
        margin: 0 0 10px 0;
    }

    #wrap #contentwrap .content .module-resources #theme-images .image {
        background: #fff;
        padding: 0 0 5px 0;
        margin: 0 0 3px 0;
        border-right: solid 1px #a5b275;
        border-bottom: solid 1px #a5b275;
        overflow:hidden; height: 1%;
    }

    #wrap #contentwrap .content .module-resources #theme-images .image IMG {
        border-top: solid 1px #a5b275;
        border-left: solid 1px #a5b275;
        width: 40px; height: 40px;
        margin: 5px 5px 0 5px;
        float: left;
    }

    #wrap #contentwrap .content .module-resources #theme-images .image EM {
        display: block;
        padding: 0 0 0 54px;
        font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, sans-serif;
        font-style: normal;
        font-size: 90%;
        line-height: 1.6em;
        margin: 5px 0 0 0;
    }

    /* ----------Themes------------- */


    #wrap #contentwrap .content .module-resources #themes {
        padding: 0 0 40px;
        overflow: hidden;
    }

    #wrap #contentwrap .content .module-resources #themes UL LI H4 {
        margin: 0 0 5px 0;
        background: url("../images/dotted_underline.gif") repeat-x bottom;
        padding: 4px;
    }

    #wrap #contentwrap .content .module-resources #themes UL LI EM {
        font-style: normal;
        font-weight: normal;
        color: #333;
    }

    /*
    #wrap #contentwrap .content .module-resources #themes UL {
        float: left;
        width: 140px;
        margin: 0 10px 2em 0;
    }

    #wrap #contentwrap .content .module-resources #themes UL UL {
        float: none;
        width: 120px;
    }
    */

    #wrap #contentwrap .content .module-resources #themes UL {
        clear: left;
    }
    /*
    #wrap #contentwrap .content .module-resources #themes UL LI {
        overflow: hidden;
    }
    */

    #wrap #contentwrap .content .module-resources #themes UL UL {
        margin: 0.5em 1em 1em 0.5em;
    }

    #wrap #contentwrap .content .module-resources #themes UL UL LI {
        color: #333;
        font-size: 90%;
        font-weight: normal;
        float: left;
        margin: 0 0.25em 0.25em 0;
        padding: 0 2px;
        background: #CDDF8B;
        list-style: none;
    }
    #wrap #contentwrap .content .what-is-this{
        background: url("../images/box_question.gif") no-repeat right 2px;
        padding: 0 17px 0 0;
        cursor:pointer;
    }
    /*
    #wrap #contentwrap .content .module-resources #themes P {
        margin: 0 0 0.5em;
        background: #ffb;
        color: #ffb;
        padding: 0.5em;
        _padding-bottom: 2.5em;
        overflow: auto;
        clear: left;
    }

    #wrap #contentwrap .content .module-resources #themes P B {
        display: block;
        font-size: 1.1em;
        color: #4e6110;
        margin: 0 0 0.5em;g
    }

    #wrap #contentwrap .content .module-resources #themes P EM {
        background: #fff;
        color: #9c2427;
        font-style: normal;
        padding: 0.15em 0.25em;
        margin: 0 0.45em 0.25em 0;
        display: block;
        float: left;
        border-right: solid 1px #ccc;
        border-bottom: solid 1px #ccc;
    }
    */

    /* ----------Cart------------- */

    .module-resources .cart {
        background: #d4e39f;
        padding: 12px 8px;
        display: block;
    }

    .module-resources .cart DIV.button {
        margin: 1em 0;
    }

    .module-resources .cart UL {
        margin: 0 0 0 1.5em;
        list-style: url("../images/bullet.gif");
        line-height: 1.2em;
    }

    .module-resources .cart UL.info {
        list-style: none;
        *list-style-image: none;
        margin: 0em;
        font-size: .8em;
    }

    .module-resources .cart  UL LI {
        margin: 0.4em 0;
        line-height:18px;
    }

    .module-resources .cart UL.info LI H3 {
        font-size: 120%;
        line-height:18px;
    }

    .module-resources .cart UL.info LI H3 A {
        background: #ffb;
    }

    .module-resources .cart UL.info LI {
        margin: 0 0 0 10px;
    }

    .module-resources .cart UL.info LI h5 {
        display: block;
        font-size: 0.9em;
        color: #6a7545;
        font-weight: normal;
        margin: 1em 0 0 0;
    }

    .module-resources .cart UL LI A {
        text-decoration: none;
    }

    .module-resources .cart UL LI A:hover {
        text-decoration: underline;
    }

    #wrap #contentwrap .content .sendtofriend{
        padding: 12px 8px;
        margin: 0 0 10px 0;
        overflow: hidden;
        background: #D4E39F;
    }
    #wrap #contentwrap .content .sendtofriend .share-link{
        margin: 0 10px;
        font-size:90%;
        color:#333;
        text-decoration:underline;
    }

    table#addthis_services{
        margin: 0 5px;
    }
    table#addthis_services TD{
        height: 22px;
        background:#D4E39F;
    }
    table#addthis_services A{
        display:block;

    }
    table#addthis_services TD img{
        border: 2px solid #BDD46C;
        float:left;
        margin: 0 5px 0 0;
    }
    #wrap #contentwrap .content .sendtofriend	#sendtofriendform,
    #wrap #contentwrap .content #printform,
    #wrap #contentwrap .content #addthis{
        padding: 2px 10px;

    }
    #wrap #contentwrap .content #printform p,
    #wrap #contentwrap .content #addthis p{
        font-size: 80%;
    }

    .expand-content,
    .expand-content-wide,
    .expand-content-right{
        float: left;
        margin: 0 0 0 -210px;
        background:#D4E39F;
        width: 200px;
        padding: 0px;
        position: absolute;
        z-index: 999;
        border: solid 1px #344109;
        padding: 5px 0;
    }
    .expand-content-wide{
        margin: 0 0 0 -260px;
        width:250px;
    }
    .expand-content-right{
        margin: 5px 0 0 0;
        padding:3px;
        width:250px;
        color: #333;
        font-size:90%;
        border:1px solid #FFFFBB;
    }

    #wrap #contentwrap .content .sendtofriend H3{
        font-size: 1.3em;
        letter-spacing: -0.05em;
        color: #9C2427;
        padding: 0 10px;
        margin: 0 0 5px 0;

    }

    #wrap #contentwrap .content .sendtofriend A:link,
    #wrap #contentwrap .content .sendtofriend A:visited{
        color:#990000;
        text-decoration:none;
    }
    #wrap #contentwrap .content .sendtofriend A:hover{
        text-decoration:underline;
    }
    #wrap #contentwrap .content .sendtofriend .close,
        #wrap #contentwrap .content .expand-content-right .close{
        float:right;
        font-size:80%;
        clear:left;
        margin: 0 5px 5px 0;
        color:#990000;

    }
    #wrap #contentwrap .content .sendtofriend form{
        clear:both;
        font-size:90%;
    }
    #wrap #contentwrap .content .sendtofriend p{
        clear:both;
        line-height:12px;
    }
    #wrap #contentwrap .content .sendtofriend p.descript{
        font-size:80%;
        color:#6A7545;
    }
    #wrap #contentwrap .content .sendtofriend form INPUT.text{
        width: 140px;
        border-top: solid 1px #a0b262;
        border-left: solid 1px #a0b262;
        border-right: solid 1px #bdd46c;
        border-bottom: solid 1px #bdd46c;
        font-size: 0.9em;
        font-family: "verdana";
        padding: 2px;
        margin: 2px 0;
    }
    #wrap #contentwrap .content .module-resources .sendtofriend form ul,
    form#sendtofriend-form ul
    {
        padding:0;
        margin:0;
        list-style:none;
    }
    #wrap #contentwrap .content module-resource_review .sendtofriend form ul LI{
        list-style:none;
        padding: 0 0 4px 0;
    }
    #wrap #contentwrap .content .sendtofriend form textarea{
        width: 140px;
        border-top: solid 1px #a0b262;
        border-left: solid 1px #a0b262;
        border-right: solid 1px #bdd46c;
        border-bottom: solid 1px #bdd46c;
        font-size: 0.9em;
        font-family: "verdana";
        padding: 2px;

        margin: 2px 0;
    }
    #wrap #contentwrap .content .sendtofriend .error,
    #wrap #contentwrap .content .sendtofriend .success{
        margin-right: 0;
        width:90%;
        font-size:90%;
    }
    /* ----------Curriculum browser------------- */

    #wrap #contentwrap .content #curriculum-lists {
        list-style: none;
        position: relative;
        margin: 0 0 20em 0;
    }

    #wrap #contentwrap .content #curriculum-lists LI {
        list-style: none !important;
    }

    #wrap #contentwrap .content #curriculum-lists P, #wrap #contentwrap .content #curriculum-lists LI.heading {
        padding:5px;
        border:0;
        margin-bottom:10px;
        background: #f9f942 url("../images/curriculum_step_arrow.gif") no-repeat right;
    }


    #wrap #contentwrap .content #curriculum-lists P, #wrap #contentwrap .content #curriculum-lists LI.heading {
        background-color: #f9f942;
    }

    #wrap #contentwrap .content #curriculum-lists UL LI.heading {
        background-color: #f9f979;
    }

    #wrap #contentwrap .content #curriculum-lists UL UL LI.heading {
        background-color: #fbfb9e;
    }

    #wrap #contentwrap .content #curriculum-lists UL UL UL LI.heading {
        background-color: #ffb;
    }

    #wrap #contentwrap .content #curriculum-lists LI.heading STRONG {
        display: block;
        font: bold 1.2em 'helvetica', 'Arial', 'verdana', 'Sans-serif';
        color: #9C2427;
        margin: 0 0 1px;
    }

    #wrap #contentwrap .content #curriculum-lists LI {
        background: #d4e39f;
        margin: 0 1px 0 0;
        border-top: 1px solid #fff;
        border-bottom: 1px solid #344109;
        border-left: 1px solid #fff;
        border-right: 1px solid #688114;
        line-height: 1.2em;
    }

    #wrap #contentwrap .content #curriculum-lists LI UL {
        position: absolute;
        display: none;
    }
    #wrap #contentwrap .content #curriculum-lists LI A, #wrap #contentwrap .content #curriculum-lists LI.last  {
        display: block;
        /*display: inline-block; ... was using the star hack for ie7 .. don't know why */
        text-decoration: none;
        padding: 2px 3px;
    }

    #wrap #contentwrap .content #curriculum-lists LI A:hover  {
        background: #e4f3af;
    }

    #wrap #contentwrap .content #curriculum-lists LI H5 {
        font-size: 90%;
        padding: 2px 3px;
        font-weight: normal;
        display: block;
        *display: inline-block;
    }

    #wrap #contentwrap .content #curriculum-lists LI.selected {		background: white; }
    #wrap #contentwrap .content #curriculum-lists LI.selected LI {	background: #d4e39f;	}
    #wrap #contentwrap .content #curriculum-lists LI.selected LI.selected {		background: white;	}
    #wrap #contentwrap .content #curriculum-lists LI.selected LI.selected LI {	background: #d4e39f;	}
    #wrap #contentwrap .content #curriculum-lists LI.selected LI.selected LI.selected {		background: white;	}
    #wrap #contentwrap .content #curriculum-lists LI.selected LI.selected LI.selected LI {	background: #d4e39f;	}

    /*****provinces******/
    #wrap #contentwrap .content #curriculum-lists {
        left: 0;
        width: 150px;
        top:0px;
        font-size: 10px;
    }

    /*****grades******/
    #wrap #contentwrap .content #curriculum-lists LI UL {
        left: 151px;
        width: 150px;
        top:0px;
    }

    /*****subjects******/
    #wrap #contentwrap .content #curriculum-lists LI UL LI UL {
        left: 151px;
        width: 150px;
        top:0px;
    }

    /*****units******/
    #wrap #contentwrap .content #curriculum-lists LI UL LI UL LI UL {
        left: 151px;
        width: 195px;
        top:0px;
    }


    /* -----------------------------------------------
       hottopics
    ----------------------------------------------- */

    #hottopics {
        clear: both;

        padding-top:66px;
        padding-bottom:20px;
        padding-left:20px;
        padding-right:20px;
    }

    .hottopics_en {
            background:#9C2427 url(../images/en/hottopics.jpg) no-repeat top left;
    }

    .hottopics_fr {
            background:#9C2427 url(../images/fr/hottopics.jpg) no-repeat top left;
    }

    #hottopics ul.hottopicborder {
        float:left;
        width: 171px;
        margin-right: 10px;
    padding-top: 6px;
    border-style:solid;
    border-right-color:#E76467;
    border-right-width:1px;
    border-left-width:0px;
    border-top-width:0px;
    border-bottom-width:0px;

    }


    #hottopics ul.hottopicnoborder {
        float:left;
        width: 181px;
    padding-top: 6px;
    border-style:none;
    }


    #hottopics li{
        display:block;
        background:url(../images/hot-topics-bullit.gif) no-repeat top left;
        background-position:0px 4px;
    font-size: 13px;
    list-style-type: none;
    padding-left: 15px;
    padding-bottom: 8px;
    color: #fff;
    }
    #hottopics li a {
    color: #fff;
    text-decoration:none;

    }
    #hottopics li a:hover {
    color: #E76467;
    }




    /* -----------------------------------------------
       footer
    ----------------------------------------------- */

    #footer {
        clear: both;
        background:#3b2819 url(../images/footer.gif) no-repeat top left;
        padding:8px 0 0 0;
    }

    #footer h1 {
        color:#fff;
        padding:.3em .7em;
        margin:0;
        text-align: center;
    }

    .footer-row{
        text-align: center;
        margin: 10px 0;
        }
    .footer-row img{
        margin: 0 5px;
        }


    #footerbottom {
        background: #F3F9CC url(../images/footer_bg.gif) no-repeat top left;
        text-align: center;
        padding-top: 35px;
        padding-bottom: 20px;
        clear:both;
        font-size: 0.8em;
        color: #9D938C;
    }
    #footerbottom A {
        color: #9D938C;
    }
    #footerbottom A:hover {
        color: #3b2819;
    }

    .lsf-logo {
        display: block;
        margin: 1em 0 0.25em;
    }


    /* -----------------------------------------------
       misc
    ----------------------------------------------- */

    .screen-hide {
        position: absolute;
        left: -2000px;
        width: 500px;
    }

/*Tables
----------------------------------------------- */
    TABLE {
        border-collapse:collapse;
        margin: 10px 0 20px 0;
        /*border: 1px solid #D4E39F;*/
        font-size: 0.9em;
    }

    TH {
        background: #D4E39F;
    }

    TD,
    TH	{
        border: 1px solid #bdd46c;
        padding: 5px;
    }

/* Table on homepage
----------------------------------------------- */

 .custom-home TABLE {
        border-collapse:collapse;
        margin: 10px 0 20px 0;
        border: 0;
        font-size: 0.9em;
    }

    .custom-home TABLE TD,
    .custom-home TABLE THEAD TH	{
        padding: 5px;
        border:0;
    }


/*Lists
----------------------------------------------- */
    UL {
        /*list-style: none;*/
    }

    #wrap #contentwrap #middle UL {
        margin: 0 0 0 15px;
    }

    #wrap #contentwrap #middle UL LI {
        background: url('../images/bullet.gif') no-repeat;
        background-position: 0 0.2em;
        padding: 0 0 10px 15px;
    }

/*Forms
----------------------------------------------- */


    INPUT.button {
        font: normal 0.8em/1em 'lucida grande', 'lucida sans', lucida, arial, sans-serif;
        padding: 2px 3px;
        border: solid 1px #f65e61;
        border-color: #f65e61 #741a1d #741a1d #f65e61;
        background: #9c2427;
        color: #fff;
        cursor: pointer;
    }

    TABLE.form {
        border: none;
        font-size: 1em;
    }

    TABLE.form TH {
        background: none;
        border: none;
        text-align: right;
        padding: 3px 5px 3px 30px;
        vertical-align: top;
        font-weight: normal;
    }

    TABLE.form TD {
        padding: 3px;
        vertical-align: top;
        border: none;
    }

    TABLE.form TD INPUT.text {
        width: 250px;
        border-top: solid 1px #a0b262;
        border-left: solid 1px #a0b262;
        border-right: solid 1px #bdd46c;
        border-bottom: solid 1px #bdd46c;
        font-family: "verdana";
        padding: 2px;
    }

    TABLE.form TD TEXTAREA {
        font-family: "verdana";
        width: 250px;
        height: 75px;
    }

    label{
        display:block;
        float:left;
        width: 100%;
    }
    .feedback{
        width:60%;
        font-size: 0.9em;
        background:#D4E39F;
        padding:10px 0 0 10px;
    }
    .feedback ul{
        list-style: none;
        }
    .feedback INPUT.text {
        width: 200px;
        border-top: solid 1px #a0b262;
        border-left: solid 1px #a0b262;
        border-right: solid 1px #bdd46c;
        border-bottom: solid 1px #bdd46c;
        font-family: "verdana";
        padding: 2px;
    }
    .feedback TEXTAREA {
        font-family: "verdana";
        font-size: 1em;
        width: 204px;
        height: 75px;
        border-top: solid 1px #a0b262;
        border-left: solid 1px #a0b262;
        border-right: solid 1px #bdd46c;
        border-bottom: solid 1px #bdd46c;
    }
    .feedback input.button{
        margin: 10px 0 0 0;
        padding:3px 2px;
    }
    .error,
    .success,
    .notice {
        margin: 0 15px 3px 0;
        padding:7px;
    }
    .error{
        background:#CC0000;
        border: 1px solid #9C2427;
        color: #FFF;
    }
    .success{
        background:#d2f74e;
        border: 1px solid #a4bf46;
        color: #6b8900;
    }
    .success.dl {
        background-image: url(../images/dl-icon.gif);
        background-repeat: no-repeat;
        background-position:1% 50%;
        padding-left:31px;
    }
    .notice {
        background:#FDFFBC;
        border:1px solid #dee098;
    }
    #wrap #contentwrap .content #moduleid-resource_spine A.toggle, #wrap #contentwrap .content #moduleid-resource_spine A.toggle:hover {
        text-decoration: none;
    }

    .breadcrumb {
        margin: 0 0 1em 0;
    }

    A.back_button {
        float: right;
    }

    A.back_button,
    .back_button SPAN {
        color:#9c2427;
        text-decoration:none;
        padding:0;
        margin:0;
    }

    A.back_button:hover SPAN{
        color:#344109;
    }

    A.back_button {
        background: url(../images/back_button_left.gif) top left no-repeat;
        line-height:47px;
        display:table-cell;
        *display:inline-block;
        cursor:pointer;
        padding:0 0 0 18px;
    }

    A.back_button SPAN{
        background:#BDD46C url(../images/back_button_right.gif) top right no-repeat;
        height:47px;
        line-height:47px;
        position:relative;
        display:block;
        *display:inline-block;
        padding:0 18px 0 0px;
    }

    A.back_tab:link,
    A.back_tab:visited {
        border: solid 1px #e5f4b0;
        border-top: none;
        color: #9c2427;
        text-decoration: none;
        background: #D4E39F;
        display: block;
        float: right;
        width: 194px;
        color: #9c2427;
        text-decoration: none;
        text-align: center;
        margin-right: 10px;

    }

    A.back_tab:hover {
        background: #fff;
        border: solid 1px #A5B275;
        border-top: none;
    }

    A.back_tab SPAN {
        display: block;
        margin: 8px 0 10px 0;
        font-size: 11px; line-height: 1em;
    }

/* Teacher's Toolkit
----------------------------------------------- */

.toolkit {
    float: left;
    width: 460px;
    background: #3b2819 url(../images/ttoolkit_back.gif) bottom left no-repeat;
    color: white;
    padding: 10px 15px 20px 15px;
    }
.toolkit h1{
    color: #fff;
    }

.toolkit p {
    font-size: 90%;
    line-height: 1.2em;
    color: white;
    margin: 8px 0;
}

.toolkit P A{
    color: white;
}

.toolkit div.kitbox p {
    font-weight: bold;
}

.toolkit div.kitbox {
    float: left;
    width: 134px;
    margin: 0 6px 6px 0;
    padding: 0;
    padding: 6px;
    background: #688114;
    border-right: 1px solid black;
    border-bottom: 1px solid black;
}

.kitbox img {
    border-top: 1px solid black;
    border-left: 1px solid black;
    margin: 0;
}

div.kitbox a:link,
div.kitbox a:visited {
    text-decoration: none;
    margin: 0;
    font-weight: bold;
    color: white;
}

div.kitbox a:hover {
    background: #bdd46c;
}

div.kitbox h1 {
    color: white;
}


/***************/

img.spaced {
    margin:0 15px 10px 0;
    }
.greenbg-suggestresource {
    background:#bdd46c;
    padding:10px 0 0 30px;
    }
#blk-description li{
    padding: 0 0 4px 0;
    }


.searchHint {
    color: #464f28;
    font-size:11px;
    line-height: 1.2em;
    margin: 0 0 15px 0;
    }


#moduleid-subscribe {
    clear:both;
}
/* newsletter styling
h3 strong {
    display:block;
    background:url(../images/newsletter-bg.gif) no-repeat top left;
    width:258px;
    height:30px;
    padding:12px 0 0 45px;
}
*/
/*** FRONT END GAP ANALYSIS - FRONTEND_REPORTS ***/

#moduleid-frontend_reports table.fr {
    float:left;
    margin:20px 5px;
    width:205px;
}
#moduleid-frontend_reports table.en {
    float:left;
    margin:20px 10px;
    width:225px;
}
#moduleid-frontend_reports table tr.thead td {
    background:#8d9e51; /*url(../images/tablegradbg.gif) repeat-x; */
    padding-left:10px;
    color:#fff;
}

#moduleid-frontend_reports table tr th.leftcol {
    background:#a6b962;
    color:white;
    padding:10px;
    border:1px solid #BDD46C;
}
#moduleid-frontend_reports table tr td {
    background:#DEEEA7;
    padding:10px;
    border:1px solid #BDD46C;
}
#moduleid-frontend_reports table tr.thead td h2 {
        color:#fff;
    }

/***************************************************
    SEARCH RESULTS
*/






.cart{
    background: #D4E39F; }


/* content > about lsf photos */
DIV.content.custom-lsf{
    margin: 0 10px 10px 0; }
p.resource-note {
    margin: 10px 0 0 0;
    background:#ffffbb;
    padding:8px;
    border:1px solid #c0d478;
    font-size:.9em;
}

#lsf-lst-link{
    display:block;
    position:relative;
    height: 20px;
    left: 85px;
    top: 132px;
    width: 180px;
}

/*********************************************
 * FB and Twitter buttons
 ********************************************/
div.btn-fb{
    background: #CDDE8E;
    padding:5px;
    display: block;
    margin: 0 0 5px 0;
    text-decoration: none;
    border: solid 1px #FDFFBC;
    }
#fb-img{
    float:left;
}
div.btn-fb a{
    color: #333;
    float:left;
    width:190px;
    margin: 0 0 5px 5px;
    text-decoration:none;
}

a.btn-twitter{
    background: #CDDE8E url(../images/twitter.png) 5px center no-repeat;
    display: block;
    color: #333;
    border: solid 1px #FDFFBC;
    padding: 3px 3px 3px 40px;
    margin: 0 0 5px 0;
    text-decoration: none;
    }
/* -----------------------------------------------
   boxes > designed for homepage
----------------------------------------------- */
.box{
    width: 240px;
    background: url(../images/boxes/home-bottom.gif) bottom left no-repeat;
    font-size: .9em;
    line-height: 1.2em;
    color: #464f28;
    margin: 10px 0;
    overflow: hidden;
    height: 1%;

    }

#moduleid-resource_featured .zebralist,
#moduleid-resource_top10 .zebralist{
    min-height: 200px;
    background: #C6DA80;
}

.box-content{
    min-height: 100px;
}

.box-content{
    padding: 0 12px 8px 12px;

    }
.box-content p{
    margin: 10px 0 1em 0;
    line-height: 1.5em;
    font-size: 13px;
    }


.box h3{ /* sits outside of .box-content, needs padding to prevent touching edge */
    color: #3b2819;
    background: url(../images/boxes/home-top-empty.gif) top left no-repeat;
    margin: 0;
    padding: 20px 0 10px 12px;
    }

    /* -- things that apply to all of the specific box headers: */
    #moduleid-box_email_subscribe .box h3,
    #moduleid-box_publisher_resources .box h3,
    #moduleid-box_news .box h3{
        text-indent: -900em;
        overflow: hidden;
        padding: 0 0 6px 0;
        height: 52px;
    }

    /* -- specific box header: join email list */
    .en #moduleid-box_email_subscribe .box h3{
        background: url(../images/boxes/home-top-email-en.jpg) 0 0 no-repeat;
        height: 90px;
        }
    .fr #moduleid-box_email_subscribe .box h3{
        background: url(../images/boxes/home-top-email-fr.jpg) 0 0 no-repeat;
        height: 90px;
        }

    /* -- specific box header: publisher resources */
    .en #moduleid-box_publisher_resources .box h3{
        background: url(../images/boxes/home-top-publishers-en.jpg) 0 0 no-repeat;
        }
    .fr #moduleid-box_publisher_resources .box h3{
        background: url(../images/boxes/home-top-publishers-fr.jpg) 0 0 no-repeat;
        }

    /* -- specific box header: news */
    .en #moduleid-box_news .box h3{
        background: url(../images/boxes/home-top-news-en.jpg) 0 0 no-repeat;
        }
    .fr #moduleid-box_news .box h3{
        background: url(../images/boxes/home-top-news-fr.jpg) 0 0 no-repeat;
        }



/* -- boxes : red buttons, could be used elsewhere */
.step-outside a.btn-red {
    width:150px;
}
a.btn-red{
    background: #9d2528 url(../images/boxes/redbtn-bg.gif) 0 0 repeat-x;
    display: block;
    text-align: center;
    color: #ffd9da;
    border: solid 1px #861114;
    padding: 3px;
    margin: 0 0 5px 0;
    text-decoration: none;
    }
a.btn-red:hover{
    color: #fff;
    }


/* -- boxes: left/right arrow buttons */
p.browse{
    text-align: right;
    margin: 0;
    padding: 0 10px 8px 0;
    }
a.btn-next,
a.btn-prev{
    text-align: left;
    margin: 0 0 0 2px;
    display: inline-block;
    background: url(../images/boxes/box-prevnext.gif) 0 0 no-repeat;
    width: 15px;
    height: 15px;
    text-indent: -900em;
    overflow: hidden;
    cursor: pointer
    }
a.btn-next{
    background-position: -40px 0;
    }
a.btn-next:hover{
    background-position: -40px -16px;
    }
a.btn-prev:hover{
    background-position: 0 -16px;
    }





/* -----------------------------------------------
   boxes > home > news widget
----------------------------------------------- */
.box-news a,
.box-news a strong{ /* news item title */
    color: #9c2427;
    text-decoration: none;
    }

.box-news strong em{ /* date */
    font-size: 9px;
    font-style: normal;
    font-weight: normal;
    display: block;
    }

.box-news li{
    margin: 0 0 10px 0;
    padding: 0;
    border-bottom: dotted 1px #AFC65F;
    list-style :none;
    }



/* -----------------------------------------------
   home > button links module
----------------------------------------------- */
#moduleid-sidebar-project-links{
    float:left;
}
.module-sidebar-project-links li{
    margin: 0 0 10px 0;
    list-style: none;
    }



/* -----------------------------------------------
   project flow / ecoLeague / step outside horizontal nav
----------------------------------------------- */

#moduleid-microsite_nav{
    float: left;
}
/*
.project-flow #contentwrap .projectnav{
    width: 451px;
    }

.project-flow #contentwrap .projectnav{
    width: 451px;
    }

.ecoleague #contentwrap .projectnav{
    width: 479px;
    }
*/
.projectnav {
    overflow:hidden;
    }

#contentwrap .projectnav ul{
    font-size: .76em;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
    /*height: 1%;*/
    }
#contentwrap .projectnav li{
    margin: 0;
    padding: 0;
    overflow: hidden;
    display:inline;
    float:left;
    }
#contentwrap .projectnav a {
    display: block;
    padding: 5px 8px;
    overflow: hidden;
    }

.ecoleague h2.pagetitle,
.project-flow h2.pagetitle,
.step-outside h2.pagetitle{
    display: none;
    }

.custom-learning-locally h1,
.custom-integrated-learning h1,
.custom-acting-on-learning h1,
.custom-real-world-connections h1,
.custom-considering-alternative-perspectives h1,
.custom-inquiry h1{
    margin-top: 0.5em;
    padding-top: 0;
    clear: none;
}

/* -----------------------------------------------
   step outside
   ----------------------------------------------- */

.step-outside #contentwrap .content{
    background: url(../images/stepoutside-en.jpg) 0 0 no-repeat;
    overflow: hidden; height: 1%;
    }
.fr .step-outside #contentwrap .content{
    background: url(../images/stepoutside-fr.jpg) 0 0 no-repeat;
    }

.step-outside .projectnav{
    margin: 86px 0 0 0;
    background: #fff781 url(../images/stepoutside-nav-bg.gif) 0 0 repeat-x;
    border: solid 1px #fff;
    border-left: none;
    }
.step-outside .projectnav a{
    color: #885b26;
    text-decoration: none;
    border-left: solid 1px #fff;
    border-right: solid 1px #f8e570;
    }
.step-outside .projectnav a:hover,
.step-outside .projectnav li.selected a{
    background: #f9db66;
    }

.step-outside #moduleid-projectflow_top10 .zebralist a{
    color: #AC3437;
    background-image: url(../images/bullet.gif);
    }

/* site map for ste outside nature guides */
#sitemap,
#nature-guide-page {
    clear:left;
    padding:20px 0;
}
#moduleid-nature-guides #sitemap {
    padding:10px 0;
}
.nature-content ul,
.nature-content ol {
    margin:10px 20px;
}
.nature-content {
    width:480px;
}
#nature-guide-page h1 {
    margin:20px 0;
    clear:none;
    width:500px;
}
#wrap #contentwrap #nature-guide-page ul#greenblocknav li {
    border:1px solid #fff;
}
#wrap #contentwrap #nature-guide-page ul#greenblocknav li a {
    border:none;
    background:#EDFC9B url(../images/arrow-back.gif) no-repeat 5% 50%;
    padding-left:35px;
}
#wrap #contentwrap #nature-guide-page ul#greenblocknav li a.print {
    border-left:none;
    background-image:url(../images/printer-icon.gif);
    background-position:15% 50%;
}
#wrap #contentwrap #nature-guide-page ul#greenblocknav li a.pdf {
    border-left:none;
    background-image:url(../images/pdf-icon.gif);
    background-position:8% 50%;
}
#sitemap a {
    text-decoration:none;
}
#sitemap a:hover {
    text-decoration:underline;
}
#sitemap h6 {
    border:1px solid #fff;
    width:479px;
    list-style:none;
    padding:3px 0 3px 10px;
    background-color:#E2F28F;
    background-repeat:no-repeat;
    background-position:top left;
    margin:0 0 5px 0;
    line-height:1.5em;
    cursor:default;
    font-size:1em;
}
#sitemap h6.winter {
    background-image:url(../images/nature-bg-winter.gif);
}
#sitemap h6.spring {
    background-image:url(../images/nature-bg-spring.gif);
}
#sitemap h6.summer {
    background-image:url(../images/nature-bg-summer.gif);
}
#sitemap h6.fall {
    background-image:url(../images/nature-bg-fall.gif);
}
#sitemap ul {
    margin:10px 0 10px 10px;
}
#sitemap li {
    list-style:none;
    padding:0 0 0 25px;
    background:url(../images/guide.gif) no-repeat 0 50%;
}

/* -----------------------------------------------
   ECOLeague
   ----------------------------------------------- */


#wrap #contentwrap .custom-ecoleague .module-pages{ /* override default behaviour */
    margin-top: 0;
}

.ecoleague #contentwrap .content{
    background: url(../images/ecoleague-en.jpg) 0 0 no-repeat;
    overflow: hidden;
    height: 1%;
}

.fr .ecoleague #contentwrap .content{
    background: url(../images/ecoleague-fr.jpg) 0 0 no-repeat;
}

.ecoleague .projectnav {
    margin: 89px 0 0 0;
    width:490px;
}

.ecoleague #moduleid-microsite_nav .projectnav li {
    border: solid 1px #fff;
}

.ecoleague #moduleid-microsite_nav .projectnav li {
    border-top: solid 1px #fff;
}

.ecoleague #moduleid-projectflow_top10{
    clear:both;
}

.ecoleague .projectnav a{
    color: #4D6107;
    text-decoration: none;
    font-size: 8px;
    background: #A2B513 url(../images/ecoleague-nav-bg.gif) 0 0 repeat-x;
}

.fr .ecoleague .projectnav a{
    font-size: 9px;
}

#contentwrap .projectnav a{
    padding: 5px;
}

.ecoleague .projectnav a:hover,
.ecoleague .projectnav li.selected a {
    background: #8CA81B;
}

.ecoleague h1{
    clear: none;
}

/* -----------------------------------------------
   project flow
   ----------------------------------------------- */
#wrap #contentwrap .custom-project-flow .module-pages{ /* override default behaviour */
    margin-top: 0;
    }

.project-flow #contentwrap .content{
    background: url(../images/projectflow-en.jpg) 0 0 no-repeat;
    overflow: hidden; height: 1%;
    }
.fr .project-flow #contentwrap .content{
    background: url(../images/projectflow-fr.jpg) 0 0 no-repeat;
    }


.project-flow .projectnav{
    margin: 86px 0 0 0;
    background: #b0dbff url(../images/projectflow-nav-bg.gif) 0 0 repeat-x;
    border: solid 1px #ebf6ff;
    border-left: none;
    }
.project-flow .projectnav a{
    color: #0f61ad;
    text-decoration: none;
    border-left: solid 1px #fff;
    border-right: solid 1px #a7d2ee;
    }
.project-flow .projectnav a:hover,
.project-flow .projectnav li.selected a {
    background: #a7d2f5;
    }
#project-flow-top {
    float: right;
    border: solid 1px #d0e096;
    padding: 3px;
    margin: 10px 22px 10px 10px;
}
.project-flow-document-box{
    display: inline-block;
    position: relative;
    right: -18px;
    }

#project-flow-top .zebralist{
    border: none;
    width: 216px;
    padding:0;
    margin:0;
    }
#project-flow-top  h2.zebralist-title{
    /*background: url(../images/projectflow-droplet.gif) center right no-repeat;*/
    color: #3b2819;
    text-transform: none;
    border-top: none;
    display: inline-block;
    font-size:0.8em;
    font-weight:normal;
    margin: 8px 0 0 0;
    padding: 0 22px 0 8px;
    font-size: 1.1em;
    }
#moduleid-projectflow_top10 #project-flow-top a{
    }
    /*
#moduleid-projectflow_top10 #project-flow-top .zebralist a{
    background-image: url(../images/bullet-blue.gif);
    }
    */

#project-flow-top p{
    color: #3b2819;
    padding: 0 8px;
    font-size: .8em;
    margin: 0 0 4px 0;
    clear: both;
    }

/* -----------------------------------------------
   Homepage > Custom Template
----------------------------------------------- */


#contentwrap .custom-home{
    margin-top: 0;
/*    background: url(../images/home-en.jpg) 0 0 no-repeat; */
    color: #464f28;
}
.fr #contentwrap .custom-home{
/*    background: url(../images/home-fr.jpg) 0 0 no-repeat; */
}

#contentwrap .custom-home{ /* wrapper needs to clear to see the bg image */
    overflow: hidden;
    height: 1%;
    }



#wrap #contentwrap .custom-home .module-pages,
.custom-home .module-resource_search_v2 {
    margin: 0;
    float: none;
}

.custom-home h2#searchtitle{
    }


.module-sidebar-project-links{
    margin-top: 15px;
    }


#column-left{
    float: left;
    width: 500px;
    }
#column-right{
    float: left;
    width: 240px;
    display: inline;
    margin: 0 0 0 13px;
    }

.inner-column-left,
.inner-column-right{
    width: 245px;
    float: left;
    }
.inner-column-right{
    margin: 0 0 0 5px;
    }

#action_project_list_item{
    margin:20px 0 0 0;
}

#wrap #contentwrap label#action_project_lable{
    display: inline;
    font-size:10px;
    width:150px;
}
#wrap #contentwrap input#action_project{
    display: inline;
    font-size:10px;
}