@charset "utf-8";

#ublTop { position:relative; width:685px; height:225px; background: transparent url(/media/images/education/ubl_top_1.jpg) no-repeat 0 0; margin-bottom:20px;}
#ublTop span { display:block; text-indent: -999em; }
#ublTop ul { width:685px; height: 35px; position:absolute; bottom:0; _bottom:-1px; /* off by 1px in IE6? */ margin:0; padding:0;}
#ublTop ul li { background-image:none; display:inline; margin:0;padding:0; height: 35px;}
#ublTop ul li a { float:left; display:block; text-indent: -999em; height: 35px; background: url(/common/css/images/phil-education/2009/ubl_buttons.png); }

#ublTop ul li#ublsched a:link, #ublTop ul li#ublsched a:visited { background-position: -0px -0px; width: 228px; }
#ublTop ul li#ublrss a:link, #ublTop ul li#ublrss a:visited { background-position: -228px -0px; width: 229px; }
#ublTop ul li#ublmp3 a:link, #ublTop ul li#ublmp3 a:visited { background-position: -457px -0px; width: 228px; }

#ublTop ul li#ublsched a:hover,
#ublTop ul li#ublsched a:active,
#ublTop ul li#ublsched.sfHover a:link,
#ublTop ul li#ublsched.sfHover a:visited { background-position: -0px -35px; }

#ublTop ul li#ublrss a:hover,
#ublTop ul li#ublrss a:active,
#ublTop ul li#ublrss.sfHover a:link,
#ublTop ul li#ublrss.sfHover a:visited { background-position: -228px -35px; }

#ublTop ul li#ublmp3 a:hover,
#ublTop ul li#ublmp3 a:active,
#ublTop ul li#ublmp3.sfHover a:link,
#ublTop ul li#ublmp3.sfHover a:visited { background-position: -457px -35px; }


.grid_66-33 .col {width:260px;}
.grid_66-33 div.first {width: 395px;}
.grid_33x3 {border-bottom:1px dotted #ACC3CC;}
.grid_33x3 .col {width: 449px; padding:15px 0}
.grid_33x3 .col.first {width: 190px;}
.grid_33x3 .col.last {width: 1px;}

.grid_66-33 .col h2 {margin-bottom:8px;}
.grid_66-33 .col.first h2 {margin-bottom:13px;}
body#two #wrapper .content .grid_66-33 .col p {
margin-bottom:10px;}
.grid_66-33 .col h2.divide {padding-top:10px; border-top:1px dotted #acc3cc;}

#past .grid_66-33 {margin-top:15px; border-bottom:1px dotted #acc3cc;}

.listing {border-top:3px solid #ACC3CC; border-bottom:1px solid #ACC3CC; padding:5px 0; margin-top:5px}
.listing h2 {padding-bottom:3px; margin-bottom:0}
body#two #wrapper .content .listing p {padding-bottom:0; margin-bottom:0}
p.notes {padding:15px 0 0 0}

.content ul.ublicons {display:block; float:left; padding-bottom:0; margin-bottom: 14px;}
.content ul.ublicons li {width:100%; display:block; background-image:none; margin-top:4px; margin-bottom:0; padding:0;}
ul.ublicons li a {display:block; padding-left: 18px;  background-image: url(/common/css/images/phil-education/2009/ubl_icons.gif); background-repeat:no-repeat; font-weight:bold;}
ul.ublicons li a.mp3:link, ul.ublicons li a.mp3:visited {background-position: 0 2px;}
ul.ublicons li a.rss:link,  ul.ublicons li a.rss:visited {background-position: 0 -22px;}
ul.ublicons li a.mp3:hover, ul.ublicons li a.mp3:active{background-position: 0 -46px;}
ul.ublicons li a.rss:hover,  ul.ublicons li a.rss:active {background-position: 0 -70px;}

#TB_ajaxWindowTitle {font-weight:bold}
#TB_ajaxContent {padding:10px 15px 15px 15px}
#TB_ajaxContent p {padding-top:10px}
#TB_ajaxContent code {padding:3px; border:1px solid #dddddd; margin-top:3px}
#TB_closeAjaxWindow {color:#7a7a7a}