.cul-component {
    clear:both;
    margin-bottom:10px;
}

/* Alerts */
#alert-container .alert p:last-child { margin-bottom:0px; }

#alert-container .alert.alert-error { background-color:#ff0000; color: #fff; text-shadow: none; margin-bottom: 12px; }

#alert-container .alert.alert-error a { color:#fff; text-decoration: underline; }

#site-wide-alert
{
    background-color:red;
    display:none;
    margin-left:-10px;
    margin-right:-10px;
    border-radius:0px;
    border-color:#880000;
    border-width:1px 0px;
    color:#fff;
    font-size:15px;
    text-align:center;
    text-shadow:none;
}

#site-wide-alert a {
    color:#fff;
    text-decoration:underline;
}

alert-type-warning {
    background-color:yellow;
    color:#000;
}

alert-type-critical {
    background-color:red;
    color:#fff;
}

/* If we add padding within sidebar-nav, each component won't need to define its own extra padding in the sidebar */
#secondary .sidebar-nav {
    padding: 8px 15px;
}
#secondary h1,
#secondary h2,
#secondary h3,
#secondary h4,
#secondary h5,
#secondary h6 {
padding: 3px 0px;
font-size: 11px;
font-weight: bold;
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
line-height: 18px;
color: #999;
text-shadow: 0 1px 0 rgba(255,255,255,0.5);
text-transform: uppercase;
}

/* making cq's alert class play nice with bootstrap's */
div.text span.alert {
    display:block;
}

/* FAQ Page Formatting */
#primary.faq-page .answer-heading {
    margin-top:15px;
}

/* this can be removed (will be redundant) after new ldpd-toolkit update */
#topnav-collapse > .fullbleed ul.unstyled a {
    color:#eee;
    font-size:125%;
    line-height:28px;
}

/* text 'styles' for the rte */
.justified { text-align:justify; }
.hangingindent { display:block; padding-left:15px;text-indent:-15px; }
.smalltext { font-size: 80%; }
.preformatted { font-family: courier, monospace; }
.largetext { font-size: 130%; }

/* temp override until toolkit update */
#cliobeta_exit { font-size:120%; }
#cliobeta_exit:hover { color:#002b7f; }

/* Bootstrap enforces a minimum height
on images under certain situations.
We don't want that in our components. */
.cul-component img {
    min-height:1px !important;
}

/* don't force uppercase on page title headings */
#primary .cul-pagetitle h1,
#primary .cul-pagetitle h2,
#primary .cul-pagetitle h3 {
    text-transform: none;
    line-height: 33px;
}

/* LibGuides Widget List of Guides: /content/libraryweb/subject-guides.html */
#s-lg-widget-1497288984288 li { margin-bottom:9px; }


/* Homepage */
@media screen and (min-width: 768px) {
    #divHomepageContent1 .well-primary {
        padding-left:0;
        padding-right:0;
    }
}
@media screen and (min-width: 768px) {
    #divHomepageContent2 .well-primary {
        padding-left:0;
        padding-right:0;
    }
}
#divHomepageSidebar nav {
	font-size:14px;
}
#divHomepageSidebar .nav-header {
	font-size:13px !important;
}


/* News */
#divTopNewsItem .newsimage {
    margin-bottom:5px;
    width:100%;
    max-height:430px;
    overflow-y:hidden;
}
#divTopNewsItem h4 {
    margin-top:0px;
    margin-bottom:0px;
    line-height:24px;
}
@media screen and (max-width: 767px) {
    #divTopNewsItem .newstext {
        padding-right:10px;
        padding-left:10px;
    }
}
#hrSeparator {
    margin-right:auto;
    margin-left:auto;
    width:40%;
}
#divItemList h5 {
    margin-bottom:0px;
    line-height:17px;
}
@media screen and (min-width: 768px) {
    #divItemList h5 {
        margin-top:0px;
    }
}
#divItemList .newsitem {
    margin-bottom:20px;
}
#divItemList .newstext {
    margin-left:12px;
}
@media screen and (max-width: 767px) {
    #divItemList .newstext {
        padding-right:20px;
    }
}
@media screen and (max-width: 767px) {
    #outer-container {
    margin-left:0;
    margin-right:0;
    }
    .cul-text, h3, ul {
        padding-right:10px;
        padding-left:10px;
    }
}