/* All layouts */

#content {
    padding: 0px !important;
    width: 748px;
}
#content img {
    max-width: none !important;
}
#feature {
    height: 242px;
    /*CSL* line-height: 0px; */
    border-bottom: 1px solid #332c2c;
}
#bar {
    background-color:#9B9B9B;
    background-image:url(../images/spot-bar.jpg);
    background-repeat:repeat-x;
    height: 22px;
    line-height: 22px;
    color:#500000;
    font-size: 14px;
}
#bar h1 {
    margin: 0px 0px 0px 4px;
}
div.spotlight {
    background-color: #E3E1DB;
    background-position:center center;
    background-repeat:repeat-x;
    color:#332C2C;
    font-size:10px;
    line-height:18px;
    margin:0;
    padding:20px 10px 15px;
    border-right: 1px solid #ede9df;
}
div.spotlight h1 {
    color: #0b596e;
    font-size: 14px;
    font-weight: bold;
    margin: 0em;
}
div.spotlight a {
    float: right;
    color: #500000;
    background-image: url(../images/arrows/sm-mar-wht.jpg);
    background-position: right center;
    background-repeat: no-repeat;
    padding-right: 10px;
    text-decoration: none;
}
div.spotlight a:hover {
    text-decoration: underline;
}
.spotlight .shadowContainer {
    display: inline-block;
    background-color: #E3E1DB;
    padding: 2px;
    border: 1px solid #888888;
    -moz-box-shadow: -2px 4px 5px #888888;
    -webkit-box-shadow: -2px 4px 5px #888888;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}
.spotlight .shadowContainer .borderRounder {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}
.news {
    color: #332c2c;
    font-size: 10px;
    line-height: 20px;
}
#content .news li {
    list-style-image: url(../images/bullets/news-feed.png);
    list-style-position: inside;
    list-style-type: disc;
    margin: 6px auto;
}
#content .right ul {
    padding: 6px;
    line-height: 14px;
    margin-top: 0px;
    margin-bottom: 0px;
}
.right h3 {
    line-height: 24px;
    color: #330000;
    font-size: 14px;
}
.news a {
    text-decoration: none;
    color: #332c2c;
}
.news a:hover {
    text-decoration: underline;
}
.news a.arrow {
    background-image: url(../images/arrows/sm-dkmar-gld.jpg);
    background-position: right center;
    background-repeat: no-repeat;
    color: #500000;
    padding-right: 10px;
    text-decoration: underline;
}
.news .links {
    float: right;
    text-align: right;
    margin-right: 8px;
}
/* Layout 1A */



.layout1a #content {
    background-color: #b9aa81;
    background-image: url(../images/right-bg.jpg);
    background-repeat: repeat-y;
    background-position: center right;
}
.layout1a .left {  /* total width including 1px border: 522 */
    width: 521px;
}
.layout1a .right {  /* total width including 1px border: 226 */
    width: 225px;
    float: right;
    line-height: 14px;
}
.layout1a #bar .left {
    border-right: 1px solid #9B9B9B;
}
.layout1a #bar .right {
    border-left: 1px solid #EFEFEF;
    line-height: 22px;
}
.layout1a .right #newsContent {
    padding: 6px;
    width: 213px;
}
.layout1a .right #newsContent p {
    padding: 0 0 0 12px;
}
.layout1a div#spotlightContainer {
    border-right: 1px solid #625524;
    padding-left: 0px;
}
.layout1a div.spotlight {
    min-height: 180px;
    background-image:url(../images/spot-bg.jpg);
}
.layout1a div.spotlight.top {
    border-bottom: 1px solid #888888;
}
.layout1a div.spotlight.bottom {
    border-top: 1px solid #ffffff;
}
.layout1a div.spotlight .shadowContainer {
    float: left;
    margin: 0px 10px 10px 0px;
}
/* End of layout 1A */



/* Layouts 2A and 3A - I'm not 100% happy with this setup since css-wise, they're identical, but it keeps with the scheme for the outer .layout## class.  I feel like that's less confusing than using .layout2a for both and just changing the markup order */



.layout2a .spotlight, .layout3a .spotlight {
    min-height: 207px;
    border-bottom: 1px solid #625524;
}
.layout2a .news, .layout3a .news {
    background-color: #B9AA81;
    background-image: url(../images/spot2-bg.jpg);
    background-repeat: repeat-x;
    border-top: 1px solid #ffffff;
    min-height: 180px;
    width: 354px;
    padding: 10px;
}
*:first-child+html .layout2a .news.right, *:first-child+html .layout3a .news.right {
    width: 353px;
}
.layout2a .news img, .layout3a .news img {
    float: left;
    margin: 0px 10px 10px 0px;
}
.layout2a .news a, .layout3a .news a {
    float: right;
    color: #500000;
    background-image: url(../images/arrows/sm-dkmar-gld.jpg);
    background-position: right center;
    background-repeat: no-repeat;
    padding-right: 10px;
}
.layout2a .left, .layout3a .left {
    border-right: 1px solid #625524;
    float: left;
}
.layout2a .right, .layout3a .right {
    margin-left: 374px;
}
.layout2a .spotlight .shadowContainer, .layout3a .spotlight .shadowContainer {
    float: right;
    margin: 0px 0px 10px 10px;
}
.layout3a .news {
    border-bottom: 1px solid #625524;
}
/* End of layouts 2A & 3A */



/* Layout 4A */



.layout4a .spotlight {
    height: 423px;
}
/* End of layout 4A */



/* Layout 5A */



.layout5a #feature img {
    border-right: 1px solid #332c2c;
}
.layout5a #feature {
    border-right: 1px solid #332c2c;
    width: 749px;
    float: left;
}
.layout5a .rightfeature {
    float:  left;
    height: 232px;
    width: 190px;
    display: block;
    color: white;
    padding: 5px;
}
.layout5a .rightfeature h2 {
    color: white;
}
.layout5a #buttons {
    top: 124px;
    right: 0px;
    display: block;
}
.layout5a #content {
    background-image: url(../images/left-bg.jpg);
    background-repeat: repeat-y;
    background-color: #B9AA81;
    background-position: 750px 0px;
}
.layout5a #sideMenu div.Accordion {
    display: none;
}
.layout5a #content {
    margin-left: 0px;
    border-left: none;
    width: 950px;
}
.layout5a .news {
    background-image: url(../images/spot2-bg.jpg);
    height: 150px;
    width: 315px;
    border-top: 1px solid #ffffff;
    border-left: 1px solid #C6C6C6;
    border-right: 1px solid #625524;
}
.layout5a .news.left, .layout5a .news.middle {
    float: left;
}
.layout5a .news.right {
    float: right;
    width: 314px;
}
.layout5a .spotlight {
    min-height: 242px;
}
.layout5a #content .left ul {
    padding: 6px;
    line-height: 14px;
    margin-top: 0px;
    margin-bottom: 0px;
}
.layout5a #content .middle ul {
    padding: 6px;
    line-height: 14px;
    margin-top: 0px;
    margin-bottom: 0px;
}
.layout5a .clear {
    clear:left;
}
/* End of layout 5A */

/* layout 5a for GIVING */

.layout5a #rightBox {
    width: 199px;
    height: 242px;
    max-height: 242px;
    background-color: #b9aa81;
    background-image:url(../images/right-bg.jpg);
    background-repeat: repeat-y;
    border-bottom: 1px solid #362f2e;
    border-left: 1px solid #FFFFFF;
    float: right;
    text-align: center;
    text-transform:uppercase;
    font-size: 12px;
    color: #262222;
    line-height: 36px;
}
/* Slideshow Gallery styles */



#gallery {
    position: relative;
    height: 242px
}
#gallery a {
    float: left;
    position: absolute;
    right: 0px;
}
#gallery a img {
    border: none;
}
#gallery a.show {
    z-index: 500
}
#gallery .caption {
    z-index: 600;
    background-color: #332c2c;
    color: #ffffff;
    height: 50px;
    width: 100%;
    position: absolute;
    bottom: 0;
}
#gallery .caption .content {
    margin: 5px;
    font-size:10px;
}
#gallery .caption .content h3 {
    margin: 0;
    padding: 0;
    color: #99ffff;
    font-size: 14px;
}
/* end Slideshow Gallery styles */

/* OIT-specific side link styles */
.OIT_sidelinks h1 {
    -moz-border-radius:6px 6px 6px 6px;
    -webkit-border-radius:6px 6px 6px 6px;
    background-color:#65605a;
    border-bottom:1px solid #111111;
    font-family:Verdana;
    font-size:120%;
    margin:0;
    padding:0.2em;
}
.OIT_sidelinks h1 span {
    padding-left: 0.25em;
}
.OIT_sidelinks ul {
    margin-left:-1em;
}
.OIT_sidelinks li a {
    color:#FFFFFF;
    text-decoration:none;
}

/* end OIT-specific side link styles */