.hdn {
 position: absolute;
 left: -999px;
 width: 990px;
}
/* navigation section rules
 * --------------------------------------------------------------------- */
 #yg-nav {
 margin-top:10px;
 float:left;
 width:100%;
 }
 #yg-nav H2, #hd H3 {
 /* remove the headers from the visual rendering */
 position: absolute;
 left: -999px;
 width: 990px;
 }
 #yg-nav LI {
 float: left;
 }
 #yg-nav LI A {
 text-decoration: none;
 }
 #yg-nav LI A:hover {
 text-decoration: underline;
 }
 /* primary navigation rules
 * --------------------------------------------------------------------- */
 #yg-nav UL.pri {
 /* can be a more complex background image, but must align to the bottom */
 /* pushes the first tab in */
 padding-left: 3px;
 margin-right:1px;
 *margin-right:0px;
 float:left;
 clear:both;
 }
 #yg-nav .pri LI {
 background: #EFEFF0 url(http://l.yimg.com/hb/i/sg/news/img/tboff.gif) no-repeat top left;
 font: bold 77% Verdana;
 /* separates tabs -- is cumulative with the padding-left on the UL */
 margin-left: 3px;
 margin-right: 1px;
 }
 #yg-nav .pri LI.here {
 background: #21334A url(http://l.yimg.com/hb/i/sg/news/img/tbon1.gif) no-repeat top left;
 }
 #yg-nav .pri LI A, #yg-nav .pri LI STRONG {
 display: block;
 /* adjust for different colour schemes */
 color: #434343;
 /* distance from the edge of the image to where the text should start;
 * (adjust for different tab images) */
 padding-left: 5px;
 font-weight:bold;
 }
 #yg-nav .pri LI SPAN {
 display: block;
 background: url(http://l.yimg.com/hb/i/sg/news/img/tboff.gif) no-repeat top right;
 /* distance from the edge of the image to where the text should start;
 * (adjust for different tab images) */
 padding:3px 8px 2px 0;
 /* include these rules for transparent tab bg images */
 position: relative;
 right:-2px;
 }
 #yg-nav .pri LI.here SPAN {
 background: url(http://l.yimg.com/hb/i/sg/news/img/tbon2.gif) no-repeat top right;
 /* adjust this for different colour schemes */
 color: #fff;
 /* distance from the edge of the image to where the text should start;
 * (adjust for different tab images)
 * NOTE: this should be the height of the background image's bottom
 * line taller than in the rule above */
 padding-bottom: 2px;
 }
 #yg-nav .pri LI.orphan {
 background: none;
 font-weight: normal;
 }
 #yg-nav .pri LI.orphan A {
 color: #000;
 /* same top padding as used in the '#yg-nav .pri LI SPAN' rule */
 padding-top: 3px;
 }
 #yg-nav .pri LI.sep {
 float: right;
 }
/* promotional rules (for formula one) */
#yg-nav .pri LI.promo {
  background: #ff6600 url(http://l.yimg.com/hb/i/sg/news/img/tboffp_orange.gif) no-repeat top left;
}
#yg-nav .pri LI.promo SPAN {
  background: url(http://l.yimg.com/hb/i/sg/news/img/tboffp_orange.gif) no-repeat top right;
}
#yg-nav .pri LI.promo A {
  color: #fff;
}
 
 /* secondary navigation rules
 * --------------------------------------------------------------------- */
 #yg-nav UL.sec {
 background: #21334A url(http://l.yimg.com/hb/i/sg/news/img/subna.gif) top repeat-x;
 border-bottom: 1px solid #999;
 padding: 2px 2%;
 float:left;
 clear:both;
 width:96%;
 min-height: 23px;
 }
 * html #yg-nav UL.sec { height: 23px; } /* Min-height for IE6 */
 #yg-nav .sec LI {
 background: none;
 font: 77% Verdana;
 padding: 5px 0px 6px 11px;
 background: url(http://l.yimg.com/hb/i/sg/news/img/tabs.gif) left no-repeat;
 }
 #yg-nav .sec LI.first {
 border-left: none;
 margin-left: 0;
 padding-left: 0;
 background:none;
 }
 #yg-nav .sec LI A, #yg-nav .sec LI STRONG {
 padding-left: 0;
 padding-right:8px
 }
 #yg-nav .sec LI A STRONG {
 padding-right:0;
 }
 #yg-nav .sec STRONG span{
 color: #fff;
 }
 #yg-nav .sec LI.here {
 color:#fff;
 }
 #yg-nav .sec LI A {
 color: #fff;
 }
 #yg-nav UL.sec LI.here strong {
 font-weight:bold;
 }
 /* search area rules
 * --------------------------------------------------------------------- */
 #hd FORM.sch,#ft FORM.sch {
 padding: 1px 0 4px 0;
 text-align: center;
 background: #98999E;
 color:white;
 vertical-align: baseline;
 clear:both;
 }
 #hd FORM.sch LABEL, #hd FORM.sch SELECT, #hd FORM.sch INPUT.submit,#ft FORM.sch LABEL, #ft FORM.sch SELECT, #ft FORM.sch INPUT.submit {
 font:85% Verdana;
 line-height:normal;
 }
 #hd FORM.sch INPUT.submit,#ft FORM.sch INPUT.submit {
 padding:0 5px;
 }
 #hd FORM.sch LABEL,#ft FORM.sch LABEL {
 font-weight: bold;
 }
 #hd FORM.sch A,#ft FORM.sch A {
 font-size: 85%;
 padding-left: 5px;
 color:#003366;
 text-decoration: none;
 font-family:Arial;
 }
 #hd FORM.sch A:hover, #ft FORM.sch A:hover {
 text-decoration: underline;
 }
 /* standard clear-after rules */
 #yg-nav:after, #yg-nav UL.pri:after, #yg-nav UL.sec:after, #yg-nav .trn:after {
 visibility: hidden;
 height: 0;
 display: block;
 content: ".";
 clear: both;
 }
 #yg-nav, #yg-nav UL.pri, #yg-nav UL.sec, #yg-nav .trn {display: inline-block;}
 /* hide from ie/mac */
 * HTML #yg-nav, * HTML #yg-nav UL.pri, * HTML #yg-nav UL.sec, * HTML #yg-nav .trn {
 zoom:1;
 }
 /**/
 /* ie/mac *//*/
 #yg-nav, #yg-nav UL.pri, #yg-nav UL.sec, #yg-nav .trn {
 display: inline-table;
 }
 #yg-nav .trn {
 padding-bottom: 6px;
 }
 #yg-nav .trn SELECT {
 font-size: 85%;
 }
 #yg-nav .utl UL {
 border: 1px solid #000;
 }
 /**/
 /* ie/mac -- display: block is too strong on IE/Mac and won't collapse
 * when floated, so use its version of inline block elements *//*/
 #yg-nav LI, #yg-nav .pri LI A, #yg-nav .pri LI STRONG, #yg-nav .pri LI SPAN {
 display: inline-table;
 }
 #yg-nav UL.pri, #yg-nav UL.sec {
 width: 100%;
 }
 /**/