Vycentrování boxu v CSS

Dobrý den,
nejsem schopen vycentrovat (http://www.collegiummarianum.cz/cz/festival/festival.php) vnitřní "žlutý" blok. Kvůli zaobleným rohům je to trochu složitěji nastylované.
Bílá je prg a žlutá bx. Můžete pomoc, kde jsem udělal botu? Dík moc


#prg {background-color: #fff; padding: 30px 0px 30px 20px; border: 2px white; -moz-border-radius: 8px;} /*zakladni formatovani*/
.prg_nzv { text-align: left; font-size: 1.4em; font-weight: bold; padding-left:15px;} /*nazev programu*/
.skl_aut { text-align: left;; vertical-align: top; font-size: 1.2em; font-weight: bold;} /*autor skladby*/
.skl_nzv { text-align: left; ; vertical-align: top; font-size: 1.2em; font-weight: bold; font-style: italic;} /*nazev skladby*/
.skl_titl {text-align: left; font-size: 0.9em; font-style: italic;} /*podtitul skladby*/

#bx {
position:relative;
width:90%;
height:auto;
margin:10px;
padding:.5em;
background: #FFFFCC;
border-top:10px solid #FFFFCC;
border-bottom:10px solid #FFFFCC;
border-left:10px solid #FFFFCC;
border-right:10px solid #FFFFCC;
text-align:left;
}
div#bx a {visibility:visible;}
div#bx a:link { color: #9c2a00; text-decoration: none;}
div#bx a:visited {color: #990000; text-decoration: none;}
div#bx a:hover { background-color: transparent; color: #663300 ;text-decoration: none;}

.tl, .tr, .dl, .dr { position: absolute; }
.tl, .tr {top:-10px;}
.dl, .dr {bottom:-10px;}
.tl {left:-10px; background:url('../pics/circle.gif') left top no-repeat #fff;} /*levy horni*/
.tr {right:-10px; background:url('../pics/circle.gif') right top no-repeat #fff;} /*pravy horni*/
.dl {left:-10px; background:url('../pics/circle.gif') left bottom no-repeat #fff;} /*levy dolnu*/
.dr {right:-10px; background:url('../pics/circle.gif') right bottom no-repeat #fff;} /*pravy dolni*/
.tl, .tr, .dl, .dr {width:10px; height:10px; font-size:0px;}