/*styles for home page layout sample */
.TwoColumnPage .LeftColumn
{
    float: left;
    width: 390px;
}

.TwoColumnPage .RightColumn
{
    margin-left: 390px;
}

p.PageDescription
{
    color: #585C6F;
    font-size: 1.1em;
}

/* Search */
.SearchResultsPanel
{
    margin: 24px 0px 0px 0px;
}

.LinksList p
{
    margin-bottom: 8px;
}

/* ExpandableBoxes */
ul.ExpandableBoxes
{
    padding: 0px; /* Remove padding. */
    margin: 0px auto 0px auto; /* Center the items. */
    width: 365px; /* Width. */
}

ul.ExpandableBoxes > li
{
    list-style-type: none; /* Remove bullets. */
    width: 264px; /* The width of the available area. */
    padding: 0px; /* Remove padding. */
    margin: 0px 0px 12px 0px; /* Provide spacing for each item. */
    background-image: url('../Media/Images/ExpandableBoxes/GeneralInfo.png'); /* Set the background image. */
    background-repeat: no-repeat; /* Don't repeat the background image. */
    padding: 7px 12px 0px 89px; /* Provide padding to display the background image. */
    min-height: 80px; /* Minimum height = the height of the background image. */
}

ul.ExpandableBoxes > li > h2
{
    position: relative; /* Position the text inside of the area provided by the background image of the item. */
    top: 4px; /* Top positioning. */
    left: 6px; /* Left positioning. */
    font-weight: normal; /* Remove bold. */
    font-size: 16px; /* Font size. */
    color: #A90101; /* Color. */
    padding: 0px 0px 0px 23px; /* Add left padding to allow for the background arrow to be displayed. */
    margin: 0px 0px 15px 0px; /* Remove margins. */
    cursor: pointer; /* Use pointer for the entire h2. */
    background-image: url('../Media/Images/ExpandableBoxes/RightArrow.png'); /* Default to the collapsed arrow. */
    background-position: left 1px; /* Position the background arrow within the space provided by the item background. */
    background-repeat: no-repeat; /* Don't repeat the background. */
}

ul.ExpandableBoxes > li > h2.Expanded
{
    background-image: url('../Media/Images/ExpandableBoxes/DownArrow.png'); /* The expanded arrow used when the sub items are expanded. */
}

ul.ExpandableBoxes > li > p
{
    margin: 0px 0px 0px 30px; /* Provide margin for the description. */
    color: #626262; /* Color. */
    font-size: .9em; /* Font size. */
}

ul.ExpandableBoxes ul
{
    margin: 0px 0px 12px 30px; /* Move the list down and left align the text with the header text. */
    padding: 0px; /* No padding. */
    list-style-type: none; /* Remove bullets. */
    font-size: .9em; /* Font size. */
    display: none; /* Default the sub items to be hidden. */
    overflow: hidden; /* Provents jQuery slideToggle from causing jumpy behavior. */
}

ul.ExpandableBoxes ul a
{
    text-decoration: none;
}

ul.ExpandableBoxes ul a:hover
{
    text-decoration: underline;
}

ul.ExpandableBoxes ul li
{
    margin-top: 12px; /* Separate the sub items. */
}

ul.ExpandableBoxes ul li:first-child
{
    margin-top: 0px; /* Remove top margin from the first list item. */
}

ul.ExpandableBoxes > li.Services
{
    background-image: url('../Media/Images/ExpandableBoxes/ResearchSupport.png'); /* Set the background image. */
    background-repeat: no-repeat; /* Don't repeat the background image. */
}

ul.ExpandableBoxes > li.Holding
{
    background-image: url('../Media/Images/ExpandableBoxes/AnimalHolding.png'); /* Set the background image. */
    background-repeat: no-repeat; /* Don't repeat the background image. */
}

ul.ExpandableBoxes > li.Veterinary
{
    background-image: url('../Media/Images/ExpandableBoxes/VeterinaryServices.png'); /* Set the background image. */
    background-repeat: no-repeat; /* Don't repeat the background image. */
}

ul.ExpandableBoxes > li.Phl
{
    background-image: url('../Media/Images/ExpandableBoxes/Phl.png'); /* Set the background image. */
    background-repeat: no-repeat; /* Don't repeat the background image. */
}
ul.ExpandableBoxes > li.Health
{
    background-image: url('../Media/Images/ExpandableBoxes/Diagnostics.png'); /* Set the background image. */
    background-repeat: no-repeat; /* Don't repeat the background image. */
}

ul.ExpandableBoxes > li.Acuc
{
    background-image: url('../Media/Images/ExpandableBoxes/ServicesAnimalItem.png'); /* Set the background image. */
    background-repeat: no-repeat; /* Don't repeat the background image. */
}

ul.ExpandableBoxes > li.Receiving
{
    background-image: url('../Media/Images/ExpandableBoxes/ReceivingQuarantine.png'); /* Set the background image. */
    background-repeat: no-repeat; /* Don't repeat the background image. */
}

ul.ExpandableBoxes > li.Proteomics
{
    background-image: url('../Media/Images/ExpandableBoxes/ServicesProteomicsItem.png'); /* Set the background image. */
    background-repeat: no-repeat; /* Don't repeat the background image. */
}

ul.ExpandableBoxes > li.Help
{
    background-image: url('../Media/Images/ExpandableBoxes/ServicesHelp.png'); /* Set the background image. */
    background-repeat: no-repeat; /* Don't repeat the background image. */
}

ul.ExpandableBoxes > li.SampleProcessing
{
    background-image: url('../Media/Images/ExpandableBoxes/ServicesSampleProcessingItem.png'); /* Set the background image. */
    background-repeat: no-repeat; /* Don't repeat the background image. */
}

/* images for Community Outreach expandable boxes */
ul.ExpandableBoxes > li.Outreach
{
    background-image: url('../Media/Images/ExpandableBoxes/Outreach.png'); /* Set the background image. */
    background-repeat: no-repeat; /* Don't repeat the background image. */
}

ul.ExpandableBoxes > li.OutreachScience
{
    background-image: url('../Media/Images/ExpandableBoxes/OutreachScience.png'); /* Set the background image. */
    background-repeat: no-repeat; /* Don't repeat the background image. */
}

ul.ExpandableBoxes > li.OutreachEducation
{
    background-image: url('../Media/Images/ExpandableBoxes/OutreachEducation.png'); /* Set the background image. */
    background-repeat: no-repeat; /* Don't repeat the background image. */
}

ul.ExpandableBoxes > li.OutreachBusiness
{
    background-image: url('../Media/Images/ExpandableBoxes/OutreachBusiness.png'); /* Set the background image. */
    background-repeat: no-repeat; /* Don't repeat the background image. */
}

ul.ExpandableBoxes > li.OutreachCulture
{
    background-image: url('../Media/Images/ExpandableBoxes/OutreachCulture.png'); /* Set the background image. */
    background-repeat: no-repeat; /* Don't repeat the background image. */
}

ul.ExpandableBoxes > li.OutreachCharity
{
    background-image: url('../Media/Images/ExpandableBoxes/OutreachCharity.png'); /* Set the background image. */
    background-repeat: no-repeat; /* Don't repeat the background image. */
}

ul.ExpandableBoxes > li.OutreachHealth
{
    background-image: url('../Media/Images/ExpandableBoxes/OutreachHealth.png'); /* Set the background image. */
    background-repeat: no-repeat; /* Don't repeat the background image. */
}

ul.ExpandableBoxes > li.OutreachSponsor
{
    background-image: url('../Media/Images/ExpandableBoxes/OutreachSponsor.png'); /* Set the background image. */
    background-repeat: no-repeat; /* Don't repeat the background image. */
}

/*styles for ACUC landing page*/

div.SectionHeadings
{
    margin: 0px;
    padding: 0px;
    overflow: hidden;
    float: left;
}

div.SectionHeadings .Acuc
{
    position: relative;
    width: 293px;
    height: 156px;
    margin: 0px 16px 18px 0px;
    padding: 0px 0px 0px 0px;
    list-style-type: none;
    background-repeat: no-repeat;
    background-image: url("../Media/Images/Acuc/Lasp_BoxBg.png");
}

div.SectionHeadings H2
{
    margin: 0px;
}

div.SectionHeadings H2 > a
{
    color: #A90101;
    padding: 15px 0px 0px 15px;
    font-size: 13px;
    font-weight: bold;
}

ul.SectionHeadings > li > a
{
    display: none;
    padding: 0px 10px 0px 40px;
    font-size: 13px;
    font-weight: bold;
    color: #A90101;
    text-decoration: none;
    background-position: left top;
    background-repeat: no-repeat;
}

ul.SectionHeadings a:hover
{
    text-decoration: underline;
}