/* 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 #625524;

}



.layout5a #feature {
  border-right: 1px solid #ffffff;
  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 */