/* streamonyou */

body { font-family: Arial, Helvetica, Verdana, sans-serif; background-color: #000; margin: 0; }
#main { background-color: #fc0; position: absolute; top: 0; left: 0; width: 93%; height: 100%; z-index: 2; min-width: 800px; }
#header_en { background-image: url(../icon/header_en.png); background-repeat: no-repeat; position: absolute; top: 0; left: 0; width: 800px; height: 109px; z-index: 4; }
#header_fr { background-image: url(../icon/header_fr.png); background-repeat: no-repeat; position: absolute; z-index: 4; top: 0; left: 0; width: 800px; height: 109px; }
#header_bkg { background-color: transparent; background-image: url(../icon/header_bkg.png); background-repeat: repeat-x; position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 109px; }
#menubkg_en { background-color: transparent; background-image: url(../icon/menu.png); background-repeat: no-repeat; position: absolute; top: 0; left: 0; width: 400px; height: 100%; z-index: 5; }
#menubkg_fr { background-color: transparent; background-image: url(../icon/menu.png); background-repeat: no-repeat; position: absolute; top: 0; left: 0; width: 400px; height: 100%; z-index: 5; }
#menu { line-height: 18px; background-color: transparent; text-align: right; letter-spacing: 1px; position: absolute; top: 116px; left: 0; width: 360px; z-index: 6; }
#menu a:link { color: #0f9; font-size: 11px; font-weight: bold; text-decoration: none; letter-spacing: 1px; border-width: 0; }
#menu a:visited { color: #0f9; font-size: 11px; font-weight: bold; text-decoration: none; letter-spacing: 1px; border-width: 0; }
#menu a:hover { color: #fc0; font-size: 11px; font-weight: bold; text-decoration: none; letter-spacing: 1px; border-width: 0; }
#menutext { color: #fff; font-size: 11px; font-weight: bold; line-height: 16px; text-align: left; position: absolute; z-index: 6; top: 140px; left: 26px; width: 349px; padding: 10px; }
.menudate { color: #999; font-style: italic; font-weight: normal; }
#content { background-color: transparent; position: absolute; z-index: 7; top: 0; left: 426px; width: 400px; height: 100%; }
#onyou { background-image: url(../icon/onyou.png); background-repeat: no-repeat; position: absolute; bottom: 0; width: 400px; height: 70px; z-index: 8; }
#detoi { background-image: url(../icon/detoi.png); background-repeat: no-repeat; position: absolute; z-index: 8; bottom: 0; width: 400px; height: 70px; }
h1 { font-size: 20px; font-weight: bold; }
h2 { color: #000; font-size: 12px; font-weight: bold; background-color: #fff; text-align: justify; letter-spacing: 1px; padding: 4px; }
h3 { color: #000; font-size: 12px; font-weight: bold; letter-spacing: 1px; }
h4 { color: white; font-size: 14px; font-weight: bold; letter-spacing: 1px; }
h5 { color: white; font-size: 12px; font-weight: normal; letter-spacing: 1px; }
h6 { color: #333; font-size: 12px; font-weight: normal; font-style: italic; line-height: 1px; letter-spacing: 1px; }
.intro { color: #000; font-size: 16px; font-weight: bold; line-height: 20px; text-align: justify; letter-spacing: 1px; }
.date { color: #333; font-size: 12px; font-style: italic; font-weight: normal; line-height: 1px; letter-spacing: 1px; }
.title { color: #000; font-size: 11px; font-weight: bold; background-color: #fff; text-align: justify; letter-spacing: 1px; padding: 4px; }
p { color: #000; font-size: 11px; line-height: 20px; }
td {}
a:link { color: #066 ; text-decoration: none; padding-left: 4px; border-style: dotted; border-width: 0 0 1px; }
a:visited { color: #066 ; text-decoration: none; padding-left: 4px; border-style: dotted; border-width: 0 0 1px; }
a:hover { color: #c90 ; text-decoration: none; padding-left: 4px; }
/* contentslider */

.contentslide{ background-color: #fc0; position: absolute; top: 109px; left: 400px; z-index: 9; min-width: 358px; padding: 0 26px 40px; }
.contentslide .opacitylayer{ /*Do not edit this rule unless you're familiar with CSS opacity behavior*/
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;

}

.contentslide .contentdiv{
display: none;
}

.pagination{ font-size: 11px; line-height: 18px; width: 360px; /*Width of pagination DIV. To equal that of Content Slider's width, take into account the later's left/right paddings!*/
text-align: right; background-color: transparent; letter-spacing: 1px; position: absolute; left: 0; z-index: 14; padding: 4px 0;

* html .pagination{ /*Simplified box model hack to get IE5 to display width equal to that of Content Slider's*/
width: 400px; /*IE5 width*/
w\idth: 360px; /*IE6 width*/
}