@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 { width:685px; *height:1%; zoom:1; }
.grid_66-33:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.grid_66-33 .col {width:260px; }
.grid_66-33 div.first {width: 395px; }

.grid_33x3 {border-bottom:1px dotted #ACC3CC; *height:1%; zoom:1; }
.grid_33x3:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.grid_33x3 .col {width: 330px; padding:15px 0}
.grid_33x3 .col.first {width: 190px;}
.grid_33x3 .col.last {width: 120px;}

.grid_66-33 .col h2 {}
.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;}
.grid_66-33 .col .boxText h2 {margin-bottom:6px; font-size:11px; line-height:13px}
.boxText p {line-height:13px}

#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; 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 -94px;}
ul.ublicons li a.mp3:hover, ul.ublicons li a.mp3:active{background-position: 0 -190px; color:#00a0ce}
ul.ublicons li a.rss:hover,  ul.ublicons li a.rss:active {background-position: 0 -286px; color:#00a0ce}

#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}