.feature-box
{
    padding:10px 5px;
    float:left;
}

/* various div's */

div.textPageHolder 
{
    width:97%;
    margin:1% 1%;
}

div#searchResultsPanel 
{
    width:100%;
}

div.header 
{
    position:relative;
    width:564px;
    height:108px;
    margin:0px auto 15px auto;
    padding:0%;
    background-image:url("/ladylever/collections/chinese/graphics/header_image.jpg");
    background-color:#848074;
}

#searchForm div 
{
    /* this is the div that holds the viewstate, causes whitespace gap in FF */
    padding:0px;
    margin:0px;
}

/* catalogue home page styles */

#pagebody .catHolder 
{
    width:564px;
    height:600px;
    margin:auto;
    padding:0px;
    float:left;
    background-image:url("/ladylever/collections/chinese/graphics/cover_new.jpg");
    background-color:#848074;
    background-repeat:no-repeat;
}

#pagebody .lhColumn
{
    position:relative;
    top:0px;
    left:0px;
    width:200px;
    height:500px;
    margin:100px 0px 0px 0px;
    padding:0%;
    z-index:1;
}

#pagebody .lhColumn h1
{
    font-family:Arial, Verdana, Sans-Serif;
    font-size:2.8em;
    font-weight:100;
    line-height:1.1em;
    letter-spacing:0.1em;
    margin:0px 0px 0px 10px;
    padding:0%;
    color:#ffffff;
}

#pagebody .lhColumn h2
{
    font-family:Arial, Verdana, Sans-Serif;
    font-size:1.8em;
    font-weight:100;
    line-height:1.2em;
    letter-spacing:0.03em;
    margin:0px 0px 0px 10px;
    padding:5px 0px 10px 0px;
    color:#ffffff;
}

.lhColumn .strapHolder 
{
    width:190px;
    margin:0px 0px 0px 10px;
    padding:0%;
    border-top:2px solid white;
}

.lhColumn .strapHolder p 
{
    margin:0px;
    padding:10px 0px 0px 0px;
    font-family:Arial, Verdana, Sans-Serif;
    font-size: 1.3em;
    color:#ffffff;
}

/* =========== START OF NAV MENUS ============ */

#pagebody .lhColumn .catMenu 
{
    width:10em;
    margin:15px 0px 0px 0px;
    padding:0px;
}

#pagebody .lhColumn .catMenu ul 
{
    margin:0px;
    padding:0px;
}

#pagebody .lhColumn .catMenu ul li
{
    list-style:none;
    background-image:none;
    font-size:1.3em;
    color:#ffffff;
    margin:0px;
    padding:0px;
    display:inline;
}

#pagebody .lhColumn .catMenu ul li.skipnav, #pagebody .header .catMenu ul li.skipnav
{
    display:none;
}

#pagebody .lhColumn .catMenu ul li a, #pagebody .lhColumn .catMenu ul li a:visited
{
    text-decoration:none;
    color:#ffffff;
    background-color:#9D7269;
    display:block;
    padding:2px 0px 2px 10px;
}

#pagebody .header .catMenu ul li a.searchLink:hover
{
    text-decoration:underline;
}

#pagebody .lhColumn .catMenu ul li a:hover, #pagebody .header .catMenu ul li a:hover
{
    color:#9D7269;
    background-color:#ffffff;
}

.header .catMenu 
{
    width:8em;
    margin:8px 0px 0px 0px;
    padding:0px;
    float:right;
    clear:none;
}

#pagebody .header .catMenu ul 
{
    margin:0px;
    padding:0px;
}

#pagebody .header .catMenu ul li
{
    list-style:none;
    background-image:none;
    font-family:Arial, Verdana, Sans-Serif;
    font-size:1.1em;
    color:#ffffff;
    margin:0px 0px 0px 0px;
    padding:0px;
    display:inline;
}

.lhColumn .header ul li.skipnav
{
    display:none;
}

#pagebody .header ul li a, #pagebody .header ul li a:visited, #pagebody .header ul li.currentPage
{
    text-decoration:none;
    color:#ffffff;
    background-color:#9D7269;
    display:block;
    padding:0px 0px 0px 5px;
}

#pagebody .header ul li.currentPage a.searchLink
{
    background-color:#ffffff;
    color:#9D7269;
    padding:0px;
}

#pagebody .catMenu ul li a:hover, #pagebody .header ul li.currentPage
{
    color:#9D7269;
    background-color:#ffffff;
    text-decoration:none;
}

/* =========== END OF NAV MENUS ============ */

#pagebody .lhColumn .coverImageCaption
{
    position:absolute;
    bottom:0px;
    width:220px;
    margin:0px 0px 5px 10px;
    padding:0%;
    vertical-align:bottom;
}

#pagebody .lhColumn .coverImageCaption p 
{
    font-family:Arial, Verdana, Sans-Serif;
    font-size:0.9em;
    line-height:1.2em;
    color:#ffffff;
    margin:0%;
    padding:0%;
}

#pagebody .catFooter
{
    width:564px;
    margin:auto;
    padding:0px;
    float:left;
}

p.supportedBy
{
    margin:0px 0px 0px 5px;
    padding:0px;
    font-weight:bolder;
}

div.supporterLogo
{
    width:185px;
    height:75px;
    margin:0%;
    padding:0%;
    float:left;
    text-align:center;
    vertical-align:bottom;
}

.supporterLogo img
{
    padding:5px;
}

.supporterLogo img.uoglogo 
{
    padding:7px 0px 7px 0px;
}

.supporterLogo img.nmllogo 
{
    padding:19px 0px 19px 0px;
}

/* other page styles */

.header h1 
{
    font-family:Arial, Verdana, Sans-Serif;
    font-size:2.2em;
    font-weight:100;
    line-height:1.2em;
    letter-spacing:0.1em;
    margin:10px 0px 0px 10px;
    padding:0%;
    color:#ffffff;
    width:8em;
    float:left;
    clear:none;
}

.imageLeft
{
    width:220px;
    margin:0px;
    padding:0px;
    float:left;
}

.imageRight, .projectText
{
    width:345px;
    margin:0px;
    padding:0px;
    float:left;
}

p.firstPara 
{
    margin-top:0px;
}

#pagebody #searchForm 
{
}

#searchForm input 
{
    background-color:#ffffff;
    border:1px solid black;
}

#searchForm input.searchButton 
{
    color:#ffffff;
    background-color:#9D7269;
    border:1px solid #9D7269;
    padding:1px;
}

p.caption
{
    margin:2px 5px;
    padding:0px;
    font-size:0.95em;
}

.projectText h3, .projectText p
{
    margin-left:8px;
    margin-right:8px;
}

div.searchPageHolder
{
    width:100%;
    margin:0% 2%;
    padding:0px 0px 10px 0px;
    float:left;
}

#pagebody ul.essaysList
{
}

#pagebody ul.essaysList li
{
    padding:5px;
    margin-left:15px;
    list-style:disc;
    background:none;
    background-image:none;
}

div.rightHalf, div.leftHalf
{
    width:265px;
    margin:1%;
    padding:0px;
}

div.leftHalf
{
    float:left;
}

div.rightHalf
{
    float:right;
}

address
{
    font-style:normal;
}

/* search page stuff */

.advSearchRow
{
    vertical-align:top;
}

.advSearchHeading
{
    font-size:1.1em;
    font-weight:bold;   
}

input.simpleSearchTextBox
{
    background-color:#eeeeee;
    padding:2px;
}

.advSearchTable td
{
    padding-top:5px;
    padding-bottom:5px;
}

input.advSearchTextBox 
{
    margin-top:3px;
    padding:3px;
    background-color:#eeeeee;
}

#searchForm div.textPageHolder div#textPageHolder 
{
    width:100%;
} 

div#searchResultsPanel 
{
    width:100%;
    float:left;
}

#pagebody div.leftResultHolder 
{
    float:left;
    clear:both;
    width:49%;
    margin:10px 0px 0px 0px;
    padding:0px;
}

#pagebody div.rightResultHolder 
{
    float:right;
    clear:right;
    width:49%;
    margin:10px 0px 0px 0px;
    padding:0px;
}

div.searchThumbHolder
{
    float:left;
    width:114px;
    padding:2px;
    margin:0px;
}

#pagebody div.exploreSection 
{
    float:left;
    margin-top:15px;
}

#pagebody div.exploreThemesHolder
{
    float:left;
    width:550px;
    padding:0px;
    margin:4px;
}

div.themeHolder
{
    float:left;
    width:180px;
    padding:2px;
    margin:0px;
    background-color:#eeeeee;
    border:1px solid #cccccc;
}

#searchForm div.itemImageHolder
{
    float:right;
    width:360px;
    padding:2px;
    margin:0px;
    background-color:#eeeeee;
    text-align:center;
    border:1px solid #cccccc;
}

#searchForm div.itemImageHolder img.itemImage 
{
    margin:0%;
    padding:0%;
}

#searchForm div.additionalImagesHolder 
{
    width:350px;
    margin:10px auto 0px auto;
    padding:0px;
}

#searchForm div.additionalImagesHolder div.itemThumbHolder 
{
    float:left;
    width:116px;
    margin:0px auto 5px auto;
    padding:0%;
}

#searchForm div.additionalImagesHolder div.itemThumbHolder img
{
    margin:0px;
    padding:3px;
    border:1px solid #cccccc;
}

#pagebody div.exploreSection img.themeImage
{
    padding:3px;
    margin:10px 30px 5px 30px;
    border:1px solid #cccccc;
}

p.themeLink 
{
    margin:0px 0px 8px 0px;
    padding:0px;
    text-align:center;
}

#searchForm div.infoHolder 
{
    float:right;
    width:160px;
    clear:none;
    vertical-align:top;
    padding:0px;
    margin:0px;
}

#searchForm div.itemInfoHolder 
{
    float:left;
    width:185px;
    clear:none;
    vertical-align:top;
    padding:0px;
    margin:0px;
}

#pagebody span.moreInfoLink
{
    color:#ffffff;
    background-color:#9D7269;
    margin-top:5px;
    padding:3px;
}

#pagebody .infoHolder a.moreInfoLink
{
    color:#ffffff;
    background-color:#9D7269;
    margin-top:5px;
    padding:3px;
}

#pagebody a.helpLink 
{
    padding:2px;
    color:#ffffff;
    background-color:#9D7269;
}

#pagebody .currentSearchPage
{
    font-weight:bold;
    color:#cc0000;
}

.infoHolder p, .itemInfoHolder p
{
    margin:0%;
    padding:0px 0px 20px 0px;
}

div#searchAgain, .itemLinks
{
    padding-top:10px;
    clear:both;
}

/* Essay footnotes ND */
#pagebody a.footnote, #pagebody li.footnote
{
    color: #ff0000;
}
#pagebody li.footnote p
{
    color: #000000;
}

#pagebody ol li
{
    margin-left: 3em;
}

#pagebody table.guideTable
{
    border-collapse:collapse;
}

#pagebody table.guideTable th
{
    padding:5px;
    margin:0px;
    background-color:#9D7269;
    color:#ffffff;
    border-top:1px solid #cccccc;
    border-right:1px solid #cccccc;
    border-left:1px solid #cccccc;
}

#pagebody .guideTable td
{
    padding:2px 5px 2px 5px;
    border:1px solid #cccccc;
}

#pagebody h3.guideH3
{
    margin-top:2em;
}

