#hb_main {
    float: left;
    margin-bottom: 60px;
    width: 539px;
    padding-top:0px;
}
#hb_contentheader {padding-bottom: 10px;}

#hb_toptabs {
    height: auto;
    padding-top: 5px;
    position: relative;
    width: 539px;
}
#hb_toptabs div.clear {
    background: url("../images/interface/sprite_P2.png") no-repeat scroll -455px 12px transparent;
    clear: both;
    height: 16px;
}
#hb_main h2.pagetitle {
    color: #333333;
    font: 600 18px "adelle-1","adelle-2",arial,sans-serif;
    margin: 0;
    padding:0 0 10px 0;;
}
/* == -------------------------KEY INFO------------------------- == */
#keyinfo {border:solid #333; border-width:1px 0px; font-size: 12px;padding: 20px 0 10px; position:relative;}
#keyinfo a.openlink, #keyinfo a.closelink {display:block; position:absolute; top:10px; right:0px;}
.keyinfo_l {float:left; width:350px; padding:0px;}
.keyinfo_r {margin-left:350px; width:350px;  padding:0px;}
#keyinfo a:link,  #keyinfo a:visited {text-decoration:none; color:#F15A22;}
#keyinfo .section a:hover, #keyinfo a:active {text-decoration:none; color:#F15A22;}
#keyinfo table {border-collapse:collapse; width:100%;}
#keyinfo .keyinfo_l table td{vertical-align:top; padding:3px 10px 3px 0px; line-height:16px;}
#keyinfo .keyinfo_r table td{vertical-align:top; padding:3px 7px 3px 0px; line-height:16px;}
#keyinfo td.label {color:#333; white-space:nowrap;}
#keyinfo td.info {color:#666;}
#keyinfo .subinfo {margin-top:5px;}
#keyinfo a.moreinfo {margin:1px 0px; background-position: left -525px;}
#keyinfo span.contact_title {font-size:11px; display:block; margin-bottom:2px;}

/* == -------------------------MAIN TABBED CONTENT------------------------- == */
#tabbedcontentWrapper {background:url(../images/interface/sprite_y-bgs.png) repeat-y -1010px 0px;}
#tabbedcontent {background:url(../images/interface/sprite_y-bgs.png) no-repeat -1575px bottom; font: 12px/18px arial,sans-serif; line-height:18px; color:#333; padding:25px 15px 0px 20px; margin-bottom:10px;}
#tabbedcontent h1 {font:18px arial, sans-serif; padding:0px; margin:0px 0px 20px 0px; color:#000;}
#tabbedcontent h2 {font:Normal 14px arial, sans-serif; padding:0; margin:20px 0px 10px 0px; color:#333;}
#tabbedcontent h3 {font:Normal 12px arial, sans-serif; padding:0px; margin:20px 0px 10px 0px; color:#333;}
#tabbedcontent a {}
#tabbedcontent a:link,  #tabbedcontent a:visited {text-decoration:none; color:#F15A22;}
#tabbedcontent a:hover,  #tabbedcontent a:active {text-decoration:none; color:#F15A22;}
#tabbedcontent a#apply {display:block; width:153px; height:34px; background-image:url(../images/interface/sprite_P2.png); margin:20px 0px 0px 0px; border-width:0px; padding:0px;}
#tabbedcontent a#apply:link, #tabbedcontent a#apply:visited {background-position:-370px -20px;}
#tabbedcontent a#apply:hover, #tabbedcontent a#apply:active {background-position:-370px -60px;}
#tabbedcontent ul {list-style-type:inherit;}
#tabbedcontent .program {position: relative;border-top:1px solid #000;}

/* COURSES TABLE - MOVED TO SHELLWIDE NOV 21 2012*/
#tabbedcontent table td {border:0 none !important; border-bottom: 1px solid #666 !important;}
#tabbedcontent table th {text-align:right !important;}
#tabbedcontent .courseinfo {background-color:#EEEEEE;}
#tabbedcontent ul.table {display:block !important; width:100%; padding:0; margin:0 0 5px 0; clear:both; min-height:28px; height:auto;color:#666; padding:0; border-bottom:1px solid #999;position:relative; overflow:hidden;}
#tabbedcontent td ul.table:last-child {margin:0; border:0 none}
#tabbedcontent ul.notes {min-height:auto: height: 100%;}
#tabbedcontent ul.group {border:0px none;}
#tabbedcontent ul.group li {color: #000 !important;}
#tabbedcontent ul.first {margin-bottom:0px;}
#tabbedcontent ul div {display:none; padding:0 0 10px 0; font-size:11px; clear:both;width:80%;}
#tabbedcontent ul div span {margin:8px 0 8px 0; clear:both; display:block;}
#tabbedcontent ul div span strong {color:#333; font-weight:normal;}
#tabbedcontent ul.table li {display:block; float:left; list-style:none; min-width:17%; width:auto; padding:0; padding:5px 0; font-size:12px !important; line-height:normal;}
#tabbedcontent ul.table li p {padding: 0;}
#tabbedcontent ul.table li.th {color:#333; font-weight:bold; line-height:18px;}
#tabbedcontent ul.table li.coltwo {width:300px;}
#tabbedcontent ul.notes li.coltwo, #tabbedcontent ul.table li.colfour {width:405px;}
#tabbedcontent ul.table li.colthree {float:left; padding:3px 4px 3px 8px; min-width:10px; background-color: #DDD; border-radius:12px; -moz-border-radius: 12px; -webkit-border-radius: 12px;  line-height:normal;}
/*#tabbedcontent ul.table li:nth-child(3) {float:none; position:absolute; right:0px; padding:3px 4px 3px 8px; min-width:10px; background-color: #DDD; border-radius:12px; -moz-border-radius: 12px; -webkit-border-radius: 12px;  line-height:normal;}*/
#tabbedcontent ul span.andor {position:absolute;left:19px; bottom: -3px; display:block; /*padding: 2px 8px 2px 8px;*/ background-color: #FFF;}
#tabbedcontent ul span sup {position:absolute; bottom:20px; padding-left:3px;}
#tabbedcontent  a:link.notoffered {color:#666!important;}


/* OPEN CLOSE - MOVED TO SHELLWIDE NOV 21 2012*/
.openclose {border-top: 1px solid #333; clear:both; position:relative;}
.news {border-top: 1px solid #333; clear:both; position:relative;}
#hb_main .news h2 {margin:10px 0 10px 0;}
#hb_main .news h3.month {font:24px arial, sans-serif; font-weight:bold; line-height:normal; color:#BBBBBB;width:auto;height:20px;overflow:hidden;margin:0;}
#hb_main .openclose h2 {color: #333333;font: 14px arial,sans-serif !important;margin: 13px 0 20px;padding: 0;}
#hb_main .openclose h2 a span.open, #hb_main .openclose h2 a span.close, #hb_main .news h2 a span.open, #hb_main .news h2 a span.close {display:block; font-size:20px; text-align:center; line-height:10px; width:10px; height:10px; background-color:#eee; margin:0px; padding:10px; padding-top:10px; position:absolute; top:0px; right:0px;}
#hb_main .openclose h2 a span.open:hover, #hb_main .openclose h2 a span.close:hover, #hb_main .news h2 a span.open:hover, #hb_main .news h2 a span.close:hover {background-color:#F15A22; color:#fff !important; border-color: #F15A22;}
#hb_main .openclose h2 a span.instructor, #hb_main .openclose h2 a span.instructor {top:130px;}
#hb_main .openclose a.open {position:absolute; top:5px; right:0px; display:block; padding: 10px;}
.image {float:right; width:172px; height:160px; overflow:hidden; background-color:transparent; margin-bottom:10px; margin-left:10px;}
.cursor:hover {cursor:pointer;}
.title {padding:6px 5px 12px 0px; font:16px/18px arial, sans-serif; color:#333; border-bottom:1px solid #ccc;}
.subtitle { font:12px/18px arial, sans-serif; color:#999; padding-bottom:6px;}
.details {margin-top:-6px; margin-bottom:12px; min-height:45px; }
.testimonial {color:#333333;}
.information {height: auto;}
.contactinfo {font:12px/16px arial, sans-serif; padding:5px 0px 5px 0px;}


/*  Copied and modified from menu.css JY */
#hb_main table {border-collapse:collapse;}
#hb_main table th, #hb_main table td {margin: 0; padding:0; padding:5px; border:1px solid #FFF; background-color:#EEE; text-align: left; vertical-align:top; line-height: 16px;}
#hb_main table td {border:1px solid #EEE; background-color:#FFF;}
#hb_main table p {padding:0px 4px;}

/* BUTTONS SITE WIDE - RG */
a.button, a.inactive, li.button, li.active {display:block; background-color:#fff; padding:8px 11px 8px 11px; margin:6px 6px 0px 0px; border:solid 1px #ddd; -moz-border-radius: 3px; -webkit-border-radius: 3px; -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.1); box-shadow:1px 1px 1px #DDDDDD; float:left; position:relative;}  
a.inactive {background-color:#eee; color:#333 !important; border:1px solid #ddd; cursor:default;}  
a.inactive:hover {background-color:#eee; color:#333 !important; border:1px solid #ddd; cursor:default;}  
a.button:hover, li.button:hover {background-color:#F15A22; color:#fff !important; border:1px solid #F15A22;}
a.button:hover span {color:#333 !important;}
a.adelle {font-size:13px; padding:9px 11px 7px 11px;}
a.adelle span {color:#999;}