.banner { float: left; width: 100%; height: 283px; background-color: #009ddb; }
.banner .text { width: 250px; float: right; padding: 20px; overflow:hidden; }
.banner .text h2 { font-size: 3.2em; color: #fff; }
.banner .text p.intro { color: #fff; font-weight: bold; margin-top:0; }
.banner .text p { line-height: 1.4em; }
.banner .text a.more { display: block; background: transparent url(/acal/templates_main/assets/gfx/more_btn.gif) top left no-repeat; height: 37px; width: 133px; font-size: 1.8em; color: #424547; font-weight: bold; text-decoration: none; text-align: center; line-height: 2.0em;}
.banner .text a.more:hover { color: #666; }
.banner ul { position: absolute; z-index: 100; bottom: 10px; left: 23px; list-style: none; margin:0; padding:0; }
.banner li { float: left; margin-right: 2px; line-height: 20px; }
.banner li a { display: block; width: 20px; height: 20px; background-color: #FFF; color: #424547; text-decoration: none; text-align: center; }
.banner .ui-tabs-nav .ui-tabs-selected a, .banner .ui-tabs-nav a:hover, .banner .ui-tabs-nav a:focus, .banner .ui-tabs-nav a:active { background-color: #009DDB; color: #FFF; }


#bannerbgimg2 { float: left; width: 100%; height: 283px; background: #009ddb url(/acal/images/banners/3.jpg) top left no-repeat; }

#bannerbgimg3 { float: left; width: 100%; height: 283px; background: #009ddb url(/acal/images/banners/12.jpg) top left no-repeat; }

#bannerbgimg1 { float: left; width: 100%; height: 283px; background: #009ddb url(/acal/images/banners/11.jpg) top left no-repeat; }


/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}