/* Left Nav */

div#navigation {
    float: left;
    margin: 0;
    padding: 40px 0 45px 20px;
    width: 160px;
}

div#navigation ul li.open {
         background: transparent url(../../images/new/minus.gif);
    background-repeat: no-repeat;
    background-position: top right;
}

div#navigation ul li a.open {
         background: transparent url(../../images/new/minus.gif);
    background-repeat: no-repeat;
    background-position: top right;
}
                
div#navigation ul li.more {
         background: transparent url(../../images/new/plus.gif);
    background-repeat: no-repeat;
    background-position: top right;
}

div#navigation ul li a.more {
         background: transparent url(../../images/new/plus.gif);
    background-repeat: no-repeat;
    background-position: top right;
}
                
div#navigation ul li.expanded {
         background: transparent url(../../images/new/arrow.gif);
    background-repeat: no-repeat;
    background-position: top right;
}

div#navigation ul li a.expanded {
    background: transparent url(../../images/new/arrow.gif);
    background-repeat: no-repeat;
    background-position: top right;
}


/* Content */


div#content {
    min-height: 700px;
    width: 720px;
        float: left;
    padding: 10px 0 50px 25px;
    margin: 0;
    line-height: 1.6em;
    }

div#content div#features blockquote {
    font: 120% "Helvetica", Arial, Verdana, sans-serif;
    text-align: left;
        color: #444;
    border-left: 1px solid #888;
        width: 230px;
        margin: 20px 0;
}

div#content h1 {
                font: normal 200% "Helvetica", Arial, sans-serif;
        color:#222;
        padding: 0px 0 10px 0;
                margin: 0 0 10px 0;
    }

div#inner-content {
    padding-left: 10px;
    }

/* Top 2nd header */

div#content div.box {
        font: normal 120% "Helvetica", Arial, sans-serif;
    background-repeat: no-repeat;
    padding: 25px 15px 20px 10px;
    margin: 0 0 20px 0;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #690a0a;
        font-variant: small-caps; 
    }

    div#content div.box h1 {
        border: none;
        text-align: left;
        margin: 0;
                padding: 12px 0 0 0;
                font-variant: small-caps; 
    }

    div#content div.box p {
        border: none;
        text-align: left;
        margin: 0;
                font-size: 120%;
    }

    div#content div.box h2 {
        font-size: 140%;
        text-transform: none;
        border: none;
        text-align: left;
        margin: 10px 0 10px 0;
    }

div#content div.box_rotate {
    background-image: url(../../images/delete/secondary_header/image02.jpg);    
        background-color: #eae4d7;
    background-repeat: no-repeat;
    margin: 10px 0 25px 10px;
    width: 705px;
    height: 160px;
    border-width: 2px;
    border-style: solid;
    border-color: #907f46;
    border-color: #907f46;
    }
    
div#content div.box_rotate h1 {
        border: none;
        color: #fff;
            font: bold 110% "Helvetica", Arial, Verdana, sans-serif;
        text-transform: uppercase;
        text-align: right;
            padding: 0;
        margin: 145px 5px 0 0;
    }

    div#content div.box_rotate h2 {
        font-size: 140%;
        text-transform: none;
        border: none;
        text-align: left;
        margin: 10px 0 10px 0;
    }

    div#content div.box_rotate ul {
        list-style: disc;
        margin: 0 0 2em 0;
    }

    div#content div.box_rotate p {
        margin: 0;
        text-transform: none;
        color: #222;
        font-size: 130%;
    }

        div#content div.box_rotate ul li {
           line-height: 140%;
            padding: .4em 0;
        }


/* Faculty */

div#content div.faculty {
    height: 12em; 
    margin: 0;
        width: auto;
        display: block;
}

div#content div.details {
    margin: 0;
        padding: 0;
}

    div#content div.faculty h2 {
        font-size: 160%;
        margin-bottom: .3em;
    }

    div#content div.faculty h2 a {
        margin: 0;
                padding: 0;
    }
    
    div#content div.faculty p.title {
        font-size: 130%;
        margin-bottom: .8em;
    }

div#content div.faculty-details {
    background-color: #f2f0ea;
    padding: 10px;
    margin-bottom: 2em;
}

div#content div.faculty-details img {
    float: left;
    margin: 0;
        padding: 0;
    border: 3px solid #a28e77;
}

    div#content div.details, div#content div.faculty-details div.details {
        margin-left: 130px;
    }

    div#content div.emeritus div.details, div#content div.adjunct div.details {
        margin-left: 0;
    }

    div#content div.faculty img, div#content div.faculty-details img {
        float: left;
    }

    div#content div.faculty-details .details h2 {
        font-size: 160%;
        margin: .3em 0;
    }
    
    div#content div.faculty p.title, div#content div.faculty-details p.title {
        color: #a28e77;
        font: small-caps 100% "Helvetica", Arial, Verdana, sans-serif;
    }

    div#content div.faculty-details p.title {
        font-size: 130%;
        margin-bottom: .8em;
    }

    div#content div.faculty ul, div#content div.faculty-details ul {
        list-style: none;
        padding: 0;
        margin-left: 0;
        margin-bottom: .5em;
    }

        div#content div.faculty ul li, div#content div.faculty-details ul li {
            padding: 0;
            margin: 0 0 .2em 0;
        }
    
    div#content div.faculty p.email, div#content div.faculty p.phone, div#content div.faculty-details p.email, div#content div.faculty-details p.phone, div#content div.faculty-details p.cv {
        font-size: 95%;
    }

    div#content div.faculty-details p.email, div#content div.faculty-details p.phone, div#content div.faculty-details p.cv {
        margin-bottom: .5em;
    }


/* Content Course Info */

div#content ul.courseinfo {
                color: #a28e77;
        list-style: none;
        font-family: "Helvetica", Arial, Tahoma, sans-serif;
        padding: 0;
        margin: 0;
                font-size: 90%;

    }

        div#content ul.courseinfo li {
            float: left;
            padding: 1px 0;
        }

        div#content ul.courseinfo li.credit {
            border-right: 1px solid #a28e77;
            padding-right: 10px;
            margin-right: 10px;
        }

/* Listing of Files */  

div#content ul.files, div#content ul.application {
    list-style: none;
    padding: 0;
    margin-left: 0;
}

    div#content ul.files li, div#content ul.application li {
        background: transparent;
            background-repeat: no-repeat;
            background-position: 0px 2px;
        padding-left: 23px;
    }

    div#content ul.files li.pdf {
        background-image: url(../../images/delete/design/pdf.gif);
    }

    div#content ul.files li.doc {
        background-image: url(../../images/delete/design/doc.gif);
    }

    div#content ul.files li.ppt {
        background-image: url(../../images/delete/design/ppt.gif);
    }

    div#content ul.files li.jpg {
        background-image: url(../../images/new/arrow.gif);
    }

    div#content ul.application li {
        background-image: url(../../images/delete/design/web.gif);
    }


div#content blockquote {
    float: right;
    width: 250px;
    color: #a28e77;
    font: 120% "Helvetica", Arial, Verdana, sans-serif;
    text-align: left;
    border: none;
    margin: 0 0 1em 1.5em;
}

    div#content blockquote p {
          margin: 0;
          color: #a28e77;
    }

    div#content blockquote img {
    float: right;
    margin: 0 0 1em 1em;
    border: 3px solid #a28e77;
}


    div#content blockquote p.byline {
        color: #ae9c86;
        font: small-caps 90% "Helvetica", Arial, Tahoma, sans-serif;
        margin: .6em 0 0 0;
    }

div#content small {
    font-size: 90%;
}

div#content dl dt {
    float: left;
    clear: left;
    width: 380px;
    margin: 0;
    padding: 3px 5px;   
        border-bottom:  #e3dfd2 1px solid;
}

div#content dl dd {
    width: 250px;
    float: left;
        padding: 3px 5px;
    margin: 0 0 0 10px;
        border-bottom:  #e3dfd2 1px solid;
}

div#content dl.board {
        margin-top: 30px;  
}


div#content dl.board dt {
    color: #30190b;
    width: 250px;
        padding: 15px 5px 0 5px;
    font: 110% "Helvetica", Arial, Verdana, sans-serif;
}

div#content dl.board dd {
    color: #a28e77;
        border-bottom: none;
        padding: 15px 5px 0 5px;
    font: 110% "Helvetica", Arial, Verdana, sans-serif;
}


/* Contact */

div#content a.pdf, div#content a.doc {
    background-repeat: no-repeat;
    background-position: 0px 3px;
    padding-left: 15px;
}

div#content a.pdf {
    background-image: url(../../images/delete/design/pdf_small.gif);
}

div#content a.doc {
    background-image: url(../../images/delete/design/doc_small.gif);
}

div#content div.contact {
    border-left: 2px dotted #d9d3c3;
    padding-left: 1em;
    margin: 1.3em 0;
}

    div#content div.contact p {
        margin: 0;
    }

    div#content div.contact p.name {
        color: #a28e77;
        font: bold 120% "Garamond", Times New Roman, Times, serif;
        letter-spacing: 0.05em;
        margin-bottom: .2em;
    }

    div#content div.contact p.dept {
        color: #a28e77;
        font-size: 110%;
        font-variant: small-caps;
    }

    div#content div.contact p.dept, div#content div.contact p.address {
        margin-bottom: .5em;
    }

/* Innovative Study Section */

div#content ul.china-wucl-faculty span {
    font-size: 90%;
}

div#content h2.withsubhead {
    margin-bottom: .2em;
}

div#content p.subhead {
    color: #a28e77;
    font: small-caps 100% "Helvetica", Arial, Tahoma, sans-serif;
}



* Tables */

div#content table.employment-regional {
    clear: both;
}

div#content table th {
    padding: 5px 8px;
        text-transform: uppercase;
    font: bold 100% "Helvetica", Arial, Tahoma, sans-serif;
    border: none;
    color: #a28e77;
}

div#content table.form {
    width: 99%;
}

    div#content table.form th {
        width: 50%;
        font: bold 90% "Helvetica", Arial, Tahoma, sans-serif;
    }

        div#content table.form th small {
            font-size: 100%;
        }

        div#content table.form input, div#content table.form select, div#content table.form textarea {
            font: 90% Verdana, Tahoma, sans-serif;
        }

        div#content table.form input.month, div#content table.form input.day, div#content table.form input.year {
            width: 50px;
            text-align: center;
        }


/* Tables */

div#content table {
    width: 730px;
    float: left;
    font-size: 100%;
    margin: 8px 0;
    border: none;
}

div#content table.narrow {
    width: 65%;
    float: left;
    font-size: 100%;
    margin: 8px 0;
    border: none;
}

div#content table tr.alt {
    background-color: #eee5df;
    border: none;
}

div#content table tr td {
    padding: 5px 12px;
    border: none;
}

div#content table tr.odd {
    background-color: #eceae1;
}

div#content table td.title {
    font-weight: bold;
}


* Form Elements */

form {
    margin: 0;
}

textarea, select {
    width: 250px;
    font: 92% Verdana, Tahoma, sans-serif;
    padding: 3px 4px;
    border: 1px solid #ccc;
}

textarea {
    height: 150px;
}

div#content table.form td.note {
    font-size: 90%;
    line-height: 140%;
}

select {
    width: 260px;
    padding: 2px 4px;
}

input.cb, input.radio {
    width: auto;
    height: auto;
    vertical-align: middle;
    border: none;
    padding: 0;
}

input.city {
    width: 122px;
}

input.state, input.zip, input.phone {
    text-align: center;
}

input.state {
    width: 40px;
}

input.zip {
    width: 60px;
}

input.phone {
    width: 65px;
}

table.form td.buttons input {
    width: auto;
    font: bold 100% "Helvetica", Arial, Verdana, sans-serif;
    margin-right: 5px;
}

form td.title {
    padding-top: 10px;
        width: 180px;
    font-weight: normal;
}

form td.field {
    padding-top: 10px;
}

    div#content table th, div#content table td {
        vertical-align: top;
        padding: 1em 2em .5em 1em;
    }

div#content table td.title {
    padding-top: 10px;
        width: 180px;
    font-weight: normal;
}

div#content table td.title span.note {
    color: #a28e77;
    font: small-caps normal 90% "Helvetica", Arial, Verdana, sans-serif;
    padding: 1em 0 1em .5em;
}

/* Content */

div#content img {
    border: none;
    border: 3px solid #907f46;
    margin-bottom: 1em;
}

div#content img.noborder {
    border: none;
}

div#content img.right_noborder {
    border: none;
        float: right;
    margin: 0 0 1em .5em;
}

div#content div#one-column {
    padding: 10px 10px;
    margin: 0;
    }

div#two-column {
        float: left;
        clear: right;
        display: block;
    padding: 10px 10px;
    margin: 0;
        width: 340px;
    }

div#content div#three-column {
        float: left;
        clear: right;
        display: block;
    padding: 10px 10px;
    margin: 0;
        width: 210px;
    }

div#content div#four-column {
        float: left;
        clear: right;
        display: block;
        padding: 10px 10px;
        margin: 0;
        width: 145px;
    }

    div#content div.captionright p{
        font-weight: bold;    
    }

div#content a.chart img {
    border: none;
}

div#content dl.fees dt {
    color: #30190b;
    width: 350px;
    font: 100% "Helvetica", Arial, Verdana, sans-serif;
}

div#content dl.fees dd, div#content dl.fees dt.total {
    color: #a28e77;
    font: bold 120% "Garamond", Times New Roman, Times, serif;
}

div#content table#recruitment-calendar th, div#content table#recruitment-calendar td {
    vertical-align: top;
    padding: 1em 0 1em .5em;
}

div#content table#recruitment-calendar th {
    color: #a28e77;
    font: small-caps bold 100% "Helvetica", Arial, Verdana, sans-serif;
    padding: 1em 0 1em .5em;
}

div#content table#recruitment-calendar tr.month-break th {
    color: #5a4f46;
    font: bold 190% "Garamond", Times New Roman, Times, serif;
    padding: .5em 0 .4em .3em;
}

div#content table#recruitment-calendar th.date, div#content table#recruitment-calendar td.date {
    width: 140px;
}

div#content table#recruitment-calendar tr.no-sort th {
    padding-top: 2.5em;
}

div#content table#recruitment-calendar td.date {
    font-size: 90%;
    line-height: 140%;
}

    div#content table#recruitment-calendar td.date span.time {
        color: #5a4f46;
        text-transform: uppercase;
    }

    div#content table#recruitment-calendar td.details span.city {
        color: #a28e77;
        font-size: 75%;
        font-weight: bold;
        text-transform: uppercase;
    }


/* Sort box, recruitment */


div#sort-box {
    background-color: #eceae1;
    font-size: 90%;
    padding: 5px;
}

    div#sort-box h2 {
        background-color: #d9d3c3;
        color: #5a4f46;
        font-size: 110%;
        text-transform: uppercase;
        text-align: center;
        padding: .3em;
        margin: 0 0 5px 0;
    }

    div#sort-box ul {
        display: inline-block;
        width: 1px;
        list-style: none;
        white-space: nowrap;
        padding: 0;
        margin: 0 auto;
    }

    div#sort-box > ul {
        display: table;
        width: auto;
    }

        div#sort-box ul li {
            display: inline;
            padding: 0 10px;
        }

        div#sort-box ul > li {
            display: table-cell;
        }

            div#content div#sort-box ul li a {
                display: inline-block;
                padding: 2px 6px;
                border: none;
            }

            div#sort-box ul li > a {
                display: block;
            }

            div#content div#sort-box ul li.selected a {
                background: #fff url(../../images/delete/design/arrow_mini.gif); 
    background-repeat: no-repeat;
    background-position: 5px 8px;
                color: #617b9d;
                padding-left: 18px;
            }

/* CDR Alumni table */

div#content table.cdr-alumni {
    clear: both;
}

div#content table th, div#content table td {
    vertical-align: top;
    padding: .3em 2em .3em 0;
}

div#content div.key {
    float: right;
    background-color: #f2f0ea;
    text-align: center;
    margin-bottom: 2em;
}

    div#content div.key h2 {
        background-color: #e3dfd2;
        font: small-caps bold 120% "Garamond", Times New Roman, Times, serif;
        letter-spacing: 0.05em;
        padding: .5em;
        margin: 0;
    }

    div#content div.key ul {
        list-style: none;
        padding: .5em 1em 1em 1em;
        margin: 0;
    }

        div#content div.key ul li {
            float: left;
        }

        div#content div.key ul li.year {
            padding-left: 20px;
        }

/* OLC Calendar table */

div#content table.olc-calendar th, div#content table.olc-calendar td {
    vertical-align: top;
    padding: .3em 1em .3em 1em;
}

div#content table.olc-calendar th.month {
    color: #5a4f46;
    font: bold 190% Garamond, "Times New Roman", Times, serif;
    padding: .5em 0 .4em .3em;
}

div#content div#features blockquote {
    font: 120% "Helvetica", Arial, Verdana, sans-serif;
    text-align: left;
        color: #444;
    border-left: 1px solid #888;
        width: 230px;
        margin: 20px 0;
}

div#fade {
    background: #fff url( ../../images/new/bg_brown.gif);
    background-position:  top center;
    background-repeat: repeat-x;
}

    div#content div.captionright_small {
                float: right;
                clear: both;
                width: 130px;
                height: auto;
                display: block;
                padding: 0 0 10px 20px;
    }

    div#content div.captionright_small p{
                 padding-left: 2px;
    }
    
    
div#content div.two-column {
    float: left;
    clear: right;
    display: block;
    padding: 0;
    margin: 0;
    width: 345px;

    }
div#content div.two-column-inner-first {
        padding: 5px 25px 0 0;
        margin: 0;
        border-right: #efece9 1px solid;
    }
div#content div.two-column-inner {
        padding: 5px 0 0 25px;
        margin: 0;
    }
    
div#content div.two-column {
    float: left;
    clear: right;
    display: block;
    padding: 0;
    margin: 0;
    width: 345px;

    }
div#content div.two-column-inner-first {
        padding: 5px 25px 0 0;
        margin: 0;
        border-right: #efece9 1px solid;
    }
div#content div.two-column-inner {
        padding: 5px 0 0 25px;
        margin: 0;
    }

    div#content div.nophoto {
        padding-left: 0;
        height: auto;
                padding: 15px 0;
                margin: 0 0 8px 0;
    }


div#content div.nophoto a, div#content div.nophoto a:link, div#content div.nophoto a:active, div#content div.nophoto a:visited {
                            text-decoration: underline;
                color: #690a0a;
                font-weight: bold;
                border: none;
                }


div#content div.nophoto a:hover {
    color: #907f46;
}

    div#content div.nophoto span.date {
        font: normal 85% "Helvetica", Arial, Verdana, sans-serif;
            line-height: 0;   
    }

    div#content hr {
        height: 1px;
        background-color: #ebe8e3;
        color: #ebe8e3;
        padding: 0;
        border: none;
        margin: 2em 0;
    }

div#content div.feature_box {
    width: 225px;
    height: auto;
    float: right;
    clear: left;
    font-size: 100%;
    margin: 0 0 10px 10px;
    background-color: #f1ede0;
        border: 1px solid #d7d7d7;
        padding: 0px
}

div#content div.feature_box p {
margin: 0;
font-family: "Helvetica",Verdana,Trebuchet MS,Arial,sans-serif;
font-weight: bold;
font-size: 96%;
padding: 10px;
line-height: 140%;
}

div#content div.feature_box img {
    margin: 10px 10px 0 10px;
        padding: 0px;
}

div#content div.feature_box_parks p {
margin: 0;
font-family: "Helvetica",Verdana,Trebuchet MS,Arial,sans-serif;
font-weight: bold;
font-size: 96%;
padding: 10px 0;
line-height: 140%;
}


/*Feature Box for Parks Chair Site */

div#content div.feature_box_parks {
    width: 225px;
    height: auto;
    float: right;
    clear: left;
    font-size: 100%;
    margin: 0 0 10px 10px;
    background-color: #f1ede0;
        border: 1px solid #d7d7d7;
    padding-top: 0;
    padding-right: 0px;
    padding-bottom: 15px;
    padding-left: 0px;
}

div#content div.feature_box_parks img.headshot {
    margin: 10px 10px 0 10px;
}

div#content div.feature_box_parks p {
    margin: 0 10px;
}


    div.pane div#player_settings, div.pane div#player_access, div.pane div#player_faculty, div.pane div#player_location {
        border: 3px solid #ccc;
                width: 300px;
                height: auto;
                margin-bottom: 0px;
    }
    
div#content div#title img {
    padding: 0;
    margin: 10px 0 30px 10px;
        width: 710px;
        height: auto;
    float: left;
        display: block;
        border: #ddd 3px solid; 
}