﻿
/* 'Default' Theme - Global Styles */

body
{
    font-family: 'Trebuchet MS', Verdana, Sans-Serif;
    line-height: 150%;
    font-size: small;
    margin: 0;
}
body A
{
    color: royalblue;
    text-decoration: none;
}
body A:hover
{
    color: darkblue;
    text-decoration: underline;
}


h1
{
    font-size: large;
    font-weight: bold;
    line-height: 2;
    text-align:left;
    color: slategray;
    margin-top: 60px;
    margin-bottom: 20px;
    padding-left: 10px;
    border-bottom: lightslategray 1px solid;
}

h2
{
    font-size: medium;
    font-weight: bold;
    color: slategray;
    line-height: 2;
}
h2 A { color: slategray; text-decoration: none; }
h2 A:hover { color: darkslategray; text-decoration: underline; }

div.spacer
{
    clear: both;
}


#WholePageDiv
{
    width: 100%;
}


@media screen
{
    #Page760Div { width:760px; }
} 
@media print
{
    #Page760Div { width:100%; }
}

#Page760Div
{
    margin: 0px auto;
    padding-top: 10px;
    background-image: url(images/ContentPageBkgd3.png);
    background-repeat: no-repeat;
}



#Inner760Div
{
}

.SideBannerDiv { width: 60px; background-color: slategray; }



@media screen
{
    #NavBarTitleContentTable { width:698px; }
} 
@media print
{
    #NavBarTitleContentTable { width:100%; }
}
#NavBarTitleContentTable
{
    border-top: solid 1px gainsboro;
}


#MainNavBarDiv
{
    float:right;
}

.MainNavBar
{
    font-size: X-Small;
    font-weight: bold;
    display: block;
}


#PageContentDiv
{
    padding-bottom: 20px; 
    padding-left: 40px; 
    padding-right: 20px;
}


#PageFooterDiv
{
    border-top: solid 1px gainsboro;
    width: 100%;
    font-size: X-Small;
    color: dimgray;
    line-height: 2;
}

#PageFooterDiv A
{
    color: dimgray;
    text-decoration: none;
}
#PageFooterDiv A:hover
{
    color: darkslategray;
    text-decoration: underline;
}




/* Home Page styles */
@media screen
{
    .HomePageBody { background-image:url(images/HomePageBkd2.png); }
    #HomePageDiv { padding-top:40px; padding-bottom:10px; background-image:url(images/HomePageBkdTop.gif); background-repeat:repeat-x; }
    #HomePage760Div { width:760px; margin: 0px auto; }
}
@media print
{
    #HomePageDiv {}
    #HomePage760Div { width:100%; }
}
#HomePageDiv .HomeNavBar { font-size: Small; }
#HomePageDiv .HomeNavBar A { color: slategray; text-decoration: none; }
#HomePageDiv .HomeNavBar A:hover { color: darkslategray; text-decoration: underline; }
#HomePageDiv .HomeHighlight { color:slategray; text-decoration: none; text-align:right; width:100%; padding:5px; background-color:White; }
#HomePageDiv .HomeHighlight div { background-color:White; }
#HomePageDiv .HomeHighlight A { color: slategray; text-decoration: none; }
#HomePageDiv .HomeHighlight A:hover { color: darkslategray; text-decoration: underline; }




/* AboutUs Page */

#AboutUsPageDiv {}
#AboutUsPageDiv .PressLink { text-align:right; }
#AboutUsPageDiv .Quotation { margin: 10px 100px 2px 100px; padding:0; font-size:larger; text-align:center; }
#AboutUsPageDiv .QuotationSource { margin: 2px 150px 10px 150px; padding:0; font-size:smaller; font-style: italic; text-align:center; }



/* Press Page */

#PressPageDiv {}
#PressPageDiv .LeadAbstract { font-size:larger; margin:0px 40px 30px 40px; padding-bottom:20px; }
#PressPageDiv .PressItem { padding:40px 0px 30px 40px; }
#PressPageDiv .Logo { padding-bottom:5px; }
#PressPageDiv .TitlesAndDates {}
#PressPageDiv .ArticleTitle {}
#PressPageDiv .PublicationTitle { font-size: larger; color: slategray; font-weight: bold; }
#PressPageDiv .DisplayDates { }
#PressPageDiv .Authors { padding-left:10px;}
#PressPageDiv .Abstract { font-style:italic; padding:5px 0px 5px 40px; }
#PressPageDiv .ItemLink { font-size:smaller; padding-left:40px; }




/* Contact Us Page */

#ContactUsPageDiv {}
#ContactUsPageDiv .Header { margin:0 0 0 10px; font-weight: bold; }
#ContactUsPageDiv .Detail { margin:5px 0 30px 30px; }



/* Events Page */

#EventsPageDiv {}
#EventsPageDiv .EventCategory { margin-bottom: 20px; padding-left:10px; font-size: larger; color: slategray; font-weight: bold; }
#EventsPageDiv .Event { line-height: 150%; padding-left:20px; padding-bottom: 20px; }
#EventsPageDiv .EventTitle { font-size: larger; color: slategray; padding-left: 10px; font-weight: bold; }
#EventsPageDiv .EventLocation { padding-left: 20px; }
#EventsPageDiv .EventDisplayDates { padding-left: 40px; }
#EventsPageDiv .EventLink { padding-left: 60px; font-size:smaller; }





/* OurCollection Page */

#OurCollectionPageDiv {}
#OurCollectionPageDiv .CollageImage { padding: 0 0 10px 20px; }




/* Horizontal Strips */
#OurCollectionPageDiv .OurCollectionDetailImages { margin-left:30px; font-size:13pt; font-weight:bold; color:White;  }
#OurCollectionPageDiv .OurCollectionDetailImage_Item
{
    position: relative;
    width: 510px;
    height: 150px;
    margin-top:20px;
    background-image: url(images/NewOurCollectionDetailBkgd2.png);
}
#OurCollectionPageDiv .OurCollectionDetailImage_Item_Label
{
    position: absolute;
    top: 5px;
    left: 5px;
    line-height:40px;
    padding:0 1em;
}
#OurCollectionPageDiv .OurCollectionDetailImage_Item_Label a { color:White; }
#OurCollectionPageDiv .OurCollectionDetailImage_Item_Image
{
    position: absolute;
    top: 45px;
    left: 5px;
}




/* Squares4 */
#OurCollectionPageDiv .OurCollectionDetailSquares4
{
    position:relative;
    width: 640px;
    height: 1650px;
    margin-top: 20px;
}
#OurCollectionPageDiv .OurCollectionDetailSquare4_Item {}
#OurCollectionPageDiv .OurCollectionDetailSquare4_Item #rmsdiv1 { position:relative; left:0px; top:0px; }
#OurCollectionPageDiv .OurCollectionDetailSquare4_Item #rmsdiv2 { position:relative; left:60px; top:-60px; }
#OurCollectionPageDiv .OurCollectionDetailSquare4_Item #rmsdiv3 { position:relative; left:120px; top:-120px; }
#OurCollectionPageDiv .OurCollectionDetailSquare4_Item #rmsdiv4 { position:relative; left:180px; top:-180px; }
#OurCollectionPageDiv .OurCollectionDetailSquare4_Item #rmsdiv5 { position:relative; left:240px; top:-240px; }
#OurCollectionPageDiv .OurCollectionDetailSquare4_Item #rmsdiv6 { position:relative; left:300px; top:-300px; }
#OurCollectionPageDiv .OurCollectionDetailSquare4_Item #rmsdiv7 { position:relative; left:360px; top:-360px; }
#OurCollectionPageDiv .OurCollectionDetailSquare4_Item #rmsdiv8 { position:relative; left:420px; top:-420px; }

#OurCollectionPageDiv .OurCollectionDetailSquare4_Item_Image
{
    width:200px;
    height:200px;
    padding:26px;
    background-image: url(images/NewOurCollectionDetailBkgd8.png);
}






/* Squares3 */
#OurCollectionPageDiv .OurCollectionDetailSquares3 { width:640px; margin-top:20px; }
#OurCollectionPageDiv .OurCollectionDetailSquare3_Item
{
    float: left;
    position: relative;
    width: 320px;
    height: 350px;
}

#OurCollectionPageDiv .OurCollectionDetailSquare3_Item_Inner 
{
    margin:0 auto; 
    width:254px;
    height:299px;
    /*background-image: url(images/NewOurCollectionDetailBkgd5b.png);*/
}

#OurCollectionPageDiv .OurCollectionDetailSquare3_Item_Label
{
    background-image: url(images/NewOurCollectionDetailBkgd4b.png);
    background-color: #334455;
    font-size:16px;
    line-height:45px;
    padding:0 20px;
    color:White;    
}
#OurCollectionPageDiv .OurCollectionDetailSquare3_Item_Label a { color:White; }

#OurCollectionPageDiv .OurCollectionDetailSquare3_Item_Image
{
    border:solid 1px #334455;
    padding:26px;
    background-image: url(images/NewOurCollectionDetailBkgd8.png);
}




/* Squares2 */
#OurCollectionPageDiv .OurCollectionDetailSquares2 { width:640px; margin-top:20px; }
#OurCollectionPageDiv .OurCollectionDetailSquare2_Item
{
    float: left;
    position: relative;
    width: 320px;
    height: 350px;
}

#OurCollectionPageDiv .OurCollectionDetailSquare2_Item_Outer 
{
    margin:0 auto; 
    width:264px;
    height:309px;
    /*background-image: url(images/NewOurCollectionDetailBkgd5b.png);*/
    background-image: url(images/NewOurCollectionDetailBkgd7.png);
}

#OurCollectionPageDiv .OurCollectionDetailSquare2_Item_Inner { margin:5px; width:254px; height:299px; }

#OurCollectionPageDiv .OurCollectionDetailSquare2_Item_Label
{
    /*background-image: url(images/NewOurCollectionDetailBkgd4b.png);*/
    /*background-color: #667788;*/
    font-size:16px;
    line-height:45px;
    padding:0 20px;
    color:White;    
}
#OurCollectionPageDiv .OurCollectionDetailSquare2_Item_Label a { color:White; }

#OurCollectionPageDiv .OurCollectionDetailSquare2_Item_Image
{
    border:solid 1px #667788;
    padding:1px;
}




/* Squares */
#OurCollectionPageDiv .OurCollectionDetailSquares { width:640px; margin-top:20px; font-size:13pt; }
#OurCollectionPageDiv .OurCollectionDetailSquare_Item
{
    float: left;
    position: relative;
    width: 310px;
    height: 310px;
    /*background-color: #f8f8f8;*/
    margin-bottom: 30px;
}
#OurCollectionPageDiv .OurCollectionDetailSquare_Gutter
{
    float:left;
    width: 20px;
}
#OurCollectionPageDiv .OurCollectionDetailSquare_Item_TopLabel
{
    position: absolute;
    top: 5px;
    left: 5px;
    width:200px;
    z-index:2;
    padding:0 20px;
    text-align:left;
    line-height:40px;
    background-image: url(images/NewOurCollectionDetailBkgd4.png);
}
#OurCollectionPageDiv .OurCollectionDetailSquare_Item_TopLabel a { color:White; }
#OurCollectionPageDiv .OurCollectionDetailSquare_Item_Image
{
    position: absolute;
    top: 30px;
    left: 30px;
    z-index:1;
    width:260px;
    height:260px;
    background-image: url(images/NewOurCollectionDetailBkgd5.png);
}
#OurCollectionPageDiv .OurCollectionDetailSquare_Item_Label
{
    text-align:center;
    line-height:2;
    background-color:#f0f0f0;
}
#OurCollectionPageDiv .OurCollectionDetailSquare_Item_Label a { color:#304050; }





/* Blocks */
#OurCollectionPageDiv .OurCollectionDetailBlocks { width:640px; margin-top:20px; font-size:20px; }
#OurCollectionPageDiv .OurCollectionDetailBlock_Item
{
    width:520px;
    margin:25px auto;
    /*background-color: #f8f8f8;*/
}
#OurCollectionPageDiv .OurCollectionDetailBlock_Item_Image
{
    float:left;
    width:250px;
    height:250px;
    padding:4px;
    border:solid 1px #667788;
}
#OurCollectionPageDiv .OurCollectionDetailBlock_Item_Label
{
    float: left;
    width: 210px;
    height: 260px;
    text-align: center;
    line-height: 260px;
    padding: 0 25px;
    color: White;
    background-color: #667788;
    background-image: url(images/NewOurCollectionDetailBkgd6.png);
}
#OurCollectionPageDiv .OurCollectionDetailBlock_Item_Label a { color:White; }





/* Blocks 2 */
#OurCollectionPageDiv .OurCollectionDetailBlocks2 { width:640px; margin-top:20px; font-size:20px; }
#OurCollectionPageDiv .OurCollectionDetailBlock_Item2
{
    width:520px;
    margin:25px auto;
    /*background-color: #f8f8f8;*/
}
#OurCollectionPageDiv .OurCollectionDetailBlock_Item_Image2
{
    float:left;
    width:250px;
    height:250px;
    padding:4px;
    border:solid 1px #667788;
}
#OurCollectionPageDiv .OurCollectionDetailBlock_Item_LabelBlock2
{
    float: left;
    width: 260px;
    height: 260px;
}
#OurCollectionPageDiv .OurCollectionDetailBlock_Item_Label2
{
    text-align: center;
    line-height: 174px;
    color: White;
    background-color: #667788;
    /*background-image: url(images/NewOurCollectionDetailBkgd6.png);*/
}
#OurCollectionPageDiv .OurCollectionDetailBlock_Item_Label2 a { color:White; }
#OurCollectionPageDiv .OurCollectionDetailBlock_Item_SmallPixArea2
{
    width: 260px;
    height: 86px;
    background-color: #304050;
}
#OurCollectionPageDiv .OurCollectionDetailBlock_Item_SmallPix2
{
    float: left;
    margin:2px;
}
#OurCollectionPageDiv .OurCollectionDetailBlock_Item_SmallPix2 a img { filter:alpha(opacity=90);  -moz-opacity: 0.90;  opacity: 0.90; }
#OurCollectionPageDiv .OurCollectionDetailBlock_Item_SmallPix2 a:hover img { filter:alpha(opacity=100);  -moz-opacity: 1;  opacity: 1; }








/* SelectWorks Page */

#SelectWorksPageDiv {}
#SelectWorksPageDiv .ThumbnailTable { margin-bottom: 40px; padding-bottom:10px; border-top:solid 1px slategray; border-left:solid 1px slategray; }
#SelectWorksPageDiv .InventoryPager { font-size: Smaller; color: DimGray; }
#SelectWorksPageDiv .InventoryPager A { color: DimGray; text-decoration: none; }
#SelectWorksPageDiv .InventoryPager A:hover { color: Black; text-decoration: none; }
#SelectWorksPageDiv .InventoryDescriptors { font-size: Small; line-height: 150%; }
#SelectWorksPageDiv .ID_Label { font-size: 80%; }
#SelectWorksPageDiv .Object { color:white; font-size:Large; background-color:slategray; padding:5px 10px 5px 10px; margin-bottom:5px; display:block; }
#SelectWorksPageDiv .Object A { color:White; text-decoration:none; }
#SelectWorksPageDiv .Object A:hover { color:White; text-decoration:underline; }
#SelectWorksPageDiv .Circa { padding-left: 10px; }
#SelectWorksPageDiv .DesignedManufactured { padding-left: 20px; text-indent: -10px; }
#SelectWorksPageDiv .Comments { margin:10px 30px 10px 30px; font-style: italic; }
#SelectWorksPageDiv .DetailLink { font-size: Smaller; padding-top: 5px; padding-left: 40px; }
#SelectWorksPageDiv .CatalogNumber { font-size: X-Small; color: DimGray; padding-left: 20px; text-align: right; }
@media screen 
{
    #SelectWorksPageDiv .GridImageBlock
    {
        padding: 30px 10px 30px 10px;
        border: #778899 1px solid;
    }
}
@media print
{
    #SelectWorksPageDiv .GridImageBlock
    {
        margin-top:10px;
        border-top:solid 1px #708090; 
        padding: 20px 3px 20px 3px;
    }
}



/* SelectWorksDetail Page */

@media screen 
{
    #SelectWorksDetailPageDiv { padding-top:60px; }

    #SelectWorksDetailPageDiv .DetailImageTop
    {
        width: 540px;
        background-image: url(images/DetailImageBkgd_Top.gif);
    }
    #SelectWorksDetailPageDiv .DetailImageMiddle
    {
        width: 540px;
        background-image: url(images/DetailImageBkgd_Middle.gif);
        background-repeat: repeat-y;
    }
    #SelectWorksDetailPageDiv .DetailImage
    {
        width: 500px;
        margin: 0px auto;
    }
    #SelectWorksDetailPageDiv .DetailImageBottom
    {
        width: 540px;
        background-image: url(images/DetailImageBkgd_Bottom.gif);
    }
}

@media print 
{
    #SelectWorksDetailPageDiv { padding-top:0px; }
    #SelectWorksDetailPageDiv .DetailImage { width: 500px; }
}

#SelectWorksDetailPageDiv .InventoryDescriptors { font-size: Small; line-height: 150%; padding-bottom: 10px; }
#SelectWorksDetailPageDiv .ID_Label { font-size: 80%; }
#SelectWorksDetailPageDiv .Object { color:white; font-size:Large; background-color:slategray; padding:5px 10px 5px 10px; margin-bottom:5px; display:block; }
#SelectWorksDetailPageDiv .Circa { padding-left: 10px; }
#SelectWorksDetailPageDiv .DesignedManufactured { padding-left: 20px; text-indent: -10px; }
#SelectWorksDetailPageDiv .Comments { padding-top: 10px; padding-left: 30px; padding-right: 30px; font-style: italic; }
#SelectWorksDetailPageDiv .CatalogNumber { font-size: X-Small; color: DimGray; padding-right: 10px; text-align: right; }
#SelectWorksDetailPageDiv .PrinterFriendlyVersion { padding:5px; border:solid 1px Silver; }



/* SelectWorksDetailPrint Page */

@media screen 
{
    #SelectWorksDetailPrintPageDiv { padding-top:20px; }
}

@media print 
{
    #SelectWorksDetailPrintPageDiv { padding-top:0px; border-top:solid 1px slategray; }
}

#SelectWorksDetailPrintPageDiv .InventoryDescriptors { font-size: Small; line-height: 150%; padding-bottom: 10px; }
#SelectWorksDetailPrintPageDiv .ID_Label { font-size: 80%; }
#SelectWorksDetailPrintPageDiv .Object { color:slategray; font-size:Large; padding:5px 10px 5px 10px; margin-bottom:5px; display:block; border-top:solid 1px slategray; border-bottom:solid 1px slategray; }
#SelectWorksDetailPrintPageDiv .Circa { padding-left: 10px; }
#SelectWorksDetailPrintPageDiv .DesignedManufactured { padding-left: 20px; text-indent: -10px; }
#SelectWorksDetailPrintPageDiv .Comments { padding-top: 10px; padding-left: 30px; padding-right: 30px; font-style: italic; }
#SelectWorksDetailPrintPageDiv .DetailImage { width: 500px; margin:10px 0 10px 0; }
#SelectWorksDetailPrintPageDiv .CatalogNumber { font-size:smaller; }





/* AdminInventorySelectorPageDiv */

#AdminInventorySelectorPageDiv {}
#AdminInventorySelectorPageDiv .AccordionHeader { background-color:SlateGray; color:White; font-weight:bold; padding:5px; margin-top:5px; }
#AdminInventorySelectorPageDiv .AccordionContent { border-bottom:solid 1px LightSlateGray; padding:5px; margin-bottom:5px; }




/* SelectWorksEmail Page */

#SelectWorksEmailPageDiv {}
#SelectWorksEmailPageDiv .JALTextLogo { font-size:x-large; font-weight:bold; color:slategray; padding:15px 10px 5px 10px; }
#SelectWorksEmailPageDiv .ThumbnailTable { margin-bottom: 40px; padding-bottom:10px; border-top:solid 1px slategray; border-left:solid 1px slategray; }
#SelectWorksEmailPageDiv .InventoryPager { font-size: Smaller; color: DimGray; }
#SelectWorksEmailPageDiv .InventoryPager A { color: DimGray; text-decoration: none; }
#SelectWorksEmailPageDiv .InventoryPager A:hover { color: Black; text-decoration: none; }
#SelectWorksEmailPageDiv .InventoryDescriptors { font-size: Small; line-height: 150%; }
#SelectWorksEmailPageDiv .ID_Label { font-size: 80%; }
#SelectWorksEmailPageDiv .Object { color:white; font-size:Large; background-color:slategray; padding:5px 10px 5px 10px; margin-bottom:5px; display:block; }
#SelectWorksEmailPageDiv .Object A { color:White; text-decoration:none; }
#SelectWorksEmailPageDiv .Object A:hover { color:White; text-decoration:underline; }
#SelectWorksEmailPageDiv .Circa { padding-left: 10px; }
#SelectWorksEmailPageDiv .DesignedManufactured { padding-left: 20px; text-indent: -10px; }
#SelectWorksEmailPageDiv .Comments { margin:10px 30px 10px 30px; font-style: italic; }
#SelectWorksEmailPageDiv .DetailLink { font-size: Smaller; padding-top: 5px; padding-left: 40px; }
#SelectWorksEmailPageDiv .CatalogNumber { font-size: X-Small; color: DimGray; padding-left: 20px; text-align: right; }




/* Primer Page */
#PrimerPageDiv { width: 500px; }
#PrimerPageDiv .PrimerImage
{
    float: right;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 20px;
}
#PrimerPageDiv .PrimerImageCaption { font-size:smaller; line-height:130%; width:200px; }



/* MapsDirections Page */
#MapsDirectionsPageDiv { width: 500px; }

