body.program #content-inner #banner {
 	margin-bottom: 0;
}

#aos-intro {
	width: 100%;
	display: block;
	padding: 20px 0 40px 0;
	background: #d1caa9 url(../images/aos.intro.bg.png) repeat-x left bottom; 
}
#aos-intro  p {
	margin: 0 35px;
	border: 1px solid #c2b98e;
	border-width: 0 1px;
	padding: 0 20px 20px 20px;
}
#aos-intro ul {
	margin: 0 35px;
	border: 1px solid #c2b98e;
	border-width: 0 1px;
	padding: 0 20px 20px 50px;
}
.col240 {
 padding-top: 10px;
}

.col-bal {
  width: 45.7%;
  padding: 0 10px;
  margin-left:  5px;
  margin-right: 5px;
  _width: 45.4%
}
.col-bal ul, .col-bal ol {
  padding-left: 18px;
}
.col-bal h3 {
  line-height: 120% !important;
}
.col-bal li {
  padding-right: 10px;
  padding-left: 0;
}

.col-bal ul.aos-list li {
  margin-bottom: 5px;
}

.col-bal ul.aos-list li.last {
  margin-bottom: 0;
}

.col-bal #twitter a, .col-bal #linkedin a, .col-bal #facebook a, .col-bal #email a, .col-bal #blog a, .col-bal #youtube a, .col-bal #flickr a  {
	background-position: 5px 7px;
	color: #333;
}

#content-inner h2.why-csu
{
	background: url(../images/whycsu.240.png) no-repeat 0 0;
	height: 13px; 
	overflow: hidden;
	text-indent: -1234em;
	width: 240px;
	margin: 0;
	padding: 0;
}
/** @group info box styles **/
#content-inner .info-box {
	background: #f7f6ee url(../images/program.info.bg.png) repeat-x;
	border: 1px solid #ddd;
	border-width: 0 1px 1px 1px;
	width: 224px ! important;
}
.info-box ul {
 list-style: none;
 margin: 10px 5px 0 0;
 padding-left: 1em;
 text-indent: -1em;
}
.info-box li {
 color: #333;
 margin-bottom: 10px;
 margin-left: 0;
 padding-bottom: 10px;
 border-bottom: 1px solid #446945;
}
.info-box li strong {
 color: #446945;
}

#content-inner .info-box.simple {
	background: none !important;
	border-top: 1px dotted #999;
	border-bottom: 1px dotted #999;
	border-left: none;
	border-right: none;
	clear: both;
}
.info-box.simple ul, .info-box.simple li {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

.info-box.simple ul {
 list-style: none;
 text-indent: 0;
}
.info-box.simple li {
 color: #333;
 margin-bottom: 8px;
 list-style-image: url(../images/list.arrow.gif); 
 margin-left: 15px; 
 padding-left: 5px; 
}
.info-box.simple li strong {
 color: #446945;
}
.info-box.simple h4 { 
  color: #555 !important;
  font-size: 1.1em; 
  line-height: 26px; 
  font-family: "Lucida Grande", "Lucida Sans Unicode"; 
  font-weight: bold; 
  margin-bottom: 10px;
  margin-top: 0;
}
/* @end */

.video-style {
	border: 1px solid #888;
	-moz-box-shadow: 3px 3px 4px #aaa;
	-webkit-box-shadow: 3px 3px 4px #aaa;
	box-shadow: 3px 3px 4px #aaa;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#aaaaaa')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#aaaaaa');
	margin: 7px auto; 
	width: 275px; 
	height: 205px; 
	line-height: 205px; 
	position: relative; 
	z-index: 5;
}
.video-style a { display: block; width: 100%; height: 100%; }
/* Button could be any size, so may need to override positioning inline */
.video-style-button { position: absolute; display: block; margin: auto; top: 41%; left: 28%; }
.video-style-caption { 
	background: #e3e1d6; 
	width: 75%; 
	margin: 0 auto; 
	padding: 7px;
	position: relative; 
	top: -20px; 
	left: 5%; 
	border-left: 1px solid #bbb;
	border-top: 1px solid #bbb;
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;
}
.video-style-caption p { 
	margin-bottom: 0;
	*padding-top: 4px;
}

/* @group Topic List */
.topic-list, .topic-list li.topic{
	margin: 0;
	padding: 0;
	background: none;
}

.topic-list{
	margin: 1em -5px;
}
.topic-list:after{
	content: ' ';
	clear: both;
	display: block;
}

.topic-list li.topic{
	display: block;
	position: relative;
	z-index:0;
	float: left;
	padding: 0 5px 9px 5px;
	margin:0 0 40px 0;
	text-rendering:optimizeLegibility;
}
.topic-list li.topic a.title{
	width: 460px;
	height: 86px;
	padding: 7px;
	text-decoration: none;
	display: block;
	position: relative;
	-webkit-transition: background 0.2s linear;
	-moz-transition: background 0.2s linear;
	-o-transition: background 0.2s linear;
	text-align: left;
}
.topic-list li.topic a.title .title{
	-webkit-transition: color 0.2s linear;
	-moz-transition: color 0.2s linear;
	-o-transition: color 0.2s linear;
}
.topic-list li.topic a.title .img{
	width: 460px;
	height: 86px;
	overflow:hidden;
	display:block;
	background:black;
	position: absolute;
	left:7px;
	top:7px;
}
.topic-list li.topic a.title img{
	width: 460px;
	position: absolute;
	left:0;
	top:0;
}
.topic-list li.topic a.title .title{
	display: block;
	color: #BDC7A3;
	font-family: Baskerville,Garamond, Times New Roman, Times;
	font-size: 20px;
	font-weight: normal;
	background-color: #193826;
	background-color: rgba(25,56,38,.9);
	text-shadow: 0 2px 1px rgba(0,0,0,0.2);
	border-left: 7px solid #838761;
	padding: 10px 12px;
	position: absolute;
	bottom: -10px;
	left: 0;
	z-index: 1;
}
.topic-list li.topic:hover{
	z-index: 1;	
}
.topic-list li.topic:hover a.title,
.topic-list li.topic a.title:hover{
	background: #838761;
	text-shadow: 0 1px 1px rgba(0,0,0,0.1);
}
.topic-list li.topic:hover a.title .title,
.topic-list li.topic a.title:hover .title{
	color: #e7eae0;
	width: 436px;
	background: #193826;
	background-color: rgba(25,56,38,.95);
	border-right: 7px solid #838761;	
}

/* @group Details */
.topic-list li.topic .details{
	position: absolute;
	left: -10000px;
	z-index: 9999;
	color: #e7eae0;
	text-shadow: 0 1px 1px rgba(0,0,0,0.35);
}
.topic-list li.topic .details p{
	margin: 0 0 1em 0;
}
.topic-list li.topic .details .content{
	background: #3f5e42 url(../images/topics.detail.inner.shadow.png) 0 -1px repeat-x;
	border-top: 1px solid #284411;
	width: 420px;
	padding: 20px;
}
.topic-list li.topic .details a{
	color: #fff;
	position: relative;
	text-decoration: underline;
}
.topic-list li.topic .details a:hover{
	color: #bdc7a3;
	text-decoration: underline;
}
.topic-list li.topic .details a:active{
	top: 1px;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.75);
}
.topic-list li.topic:hover .details{
	left: 12px;
	margin-top: 10px;
	z-index: 99999;
}
.topic-list li.topic .details ul{
	list-style-image: url(../images/topics.link.arrow.png);
	padding: 0 0 0 2em;
	margin: 0;
}
.topic-list li.topic:hover a.title .title{
	background: url(../images/topics.detail.footer.png) 0 -4px repeat-x;
}

.topic-list .details-footer{
	padding: 18px 15px 15px 15px;
	margin: 0;
	text-align: center;
	background: url(../images/topics.detail.footer.png) 0 0 repeat-x;
}

.details-footer .action-button{
	text-decoration: none !important;
}

.topic-list .details h3{
	color: #fff !important;
	font-size: 1em !important;
}

.topic-list .details-footer .action-button.primary {
  background:url(../images/button.primary.green.bg.png) no-repeat scroll left center;
  background: 
  	-webkit-gradient(
  		radial, 
  		50% 0%, 
  		0, 
  		50% -100%, 
  		100, 
  		from(rgba(255,255,255,0.2)), 
  		to(rgba(255,255,255,0))
  	), 
  	url(../images/button.primary.green.bg.png) no-repeat scroll left center;

  background: 
  	-moz-radial-gradient( 
  		50% 0%, 
  		farthest-side, 
  		rgba(255,255,255,0.2), 
  		rgba(255,255,255,0)
  	), 
  	url(../images/button.primary.green.bg.png) no-repeat scroll left center;
  	 	
  color: #fff;
  border-top: 1px solid #213A16;
  border-right: 1px solid #213A16;
  border-bottom: 1px solid #213A16;
  border-left: 1px solid #213A16;
  text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
}
.topic-list .details-footer .action-button.primary:hover {
  background: -webkit-gradient(radial, 50% 0%, 0, 50% -150%, 115, from(rgba(255,255,255,0.3)), to(rgba(255,255,255,0))), url(../images/button.primary.green.bg.png) no-repeat scroll center center;
  background-position: center center;
  color:#fff;
}
.topic-list .details-footer .action-button.primary:active {
  background: url(../images/button.primary.green.bg.png) no-repeat scroll right center;
}
/* @end */
/* @end */

/* @group Content Inner */
#content-inner{
	overflow: visible;
	padding-top: 1em;
}
/* @end */

/*** @group updates info css ***/
body.program #content-inner .updates-info {
	width: 97%; 
	background-color: #edece4; 
}
body.program #content-inner .updates-info-inner { 
	width: 91%; 
	border-left: 1px solid #edece4; 
}
/** @end **/