#aao-on-demand-heading ~ .view-on-demand-lectures .view-header {
	right:auto;
	left:10px;
}

.block-block-12 .carousel-container .carousel-inner .item .featured-event-title {
	  color: #FFFFFF;
    font-family: "franklin-gothic-urw-comp",sans-serif;
    font-size: 51px;
    font-weight: 200;
    line-height: 50px;
    margin-bottom: 10px;
    margin-left: 34px;
    margin-right: 0;
    margin-top: 0;
    position: relative;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}

.block-block-12 .carousel-container .carousel-inner .item .featured-event-date /*featured-event-location*/{
	  color: #FFFFFF;
    font-family: "franklin-gothic-urw-cond",sans-serif;
    font-size: 30px;
    line-height: 30px;
    margin-left: 36px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    }
    
 .block-block-12 .carousel-inner .item .header_event_date .date{
 	font-weight: normal;
 }
    
.block-block-12 .carousel-container .carousel-inner .item .featured-event-location{
	  color: #FFFFFF;
    font-family: "franklin-gothic-urw-cond",sans-serif;
    font-size: 30px;
    line-height: 30px;
    margin-left: 36px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    }
.aao-accordion{
	cursor:pointer;
	/*background: url('../img/up-down.png');*/ 
}
.aao-accordion-group h2:hover{
	background: #d9ecff;
}
.aao-accordion-group div.in {
	background:#f0f6fa;
	padding:10px;
}

/* main menu did not show up for less than IE 9 because filter does not know attribute*/    
.lt-ie9 .navbar-inner {
  filter:none;
}

@media print {
	
}

@media only screen and (max-device-width: 480px) {
	
}

 /* default styles here for older browsers. 
   I tend to go for a 600px - 960px width max but using percentages
*/
@media only screen and (min-width:960px){
    /* styles for browsers larger than 960px; */
}
@media only screen and (min-width:1440px){
    /* styles for browsers larger than 1440px; */
}
@media only screen and (min-width:2000px){
    /* for sumo sized (mac) screens */
}
@media only screen and (max-device-width:480px){
   /* styles for mobile browsers smaller than 480px; (iPhone) */
}
@media only screen and (device-width:768px){
   /* default iPad screens */
}
/* different techniques for iPad screening */
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
  /* For portrait layouts only */
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
  /* For landscape layouts only */
}