body { background-image: url(images/canvas.gif); font-family: Arial, Helvetica, sans-serif, MingLiU; font-size: 14px; color: #000066; }
h1 { font-size: 160%; font-weight: bold; text-align: center; }
h2 { font-size: 140%; font-weight: bold; text-align: left; }
h3 { font-size: 120%; font-weight: bold; text-align: left; }

/* texts */
.navtoptxt { font-family: "Arial Black", MingLiU; font-size: 16px; font-weight: bold; text-align: center; }
.navlefttxt { font-family: Arial, Helvetica, sans-serif, MingLiU; font-size: 90%; }
.earticletxt { text-align: justify; }
.carticletxt { letter-spacing: 2px; font-size: 16px; } 
.articleendtxt { letter-spacing: 2px; font-size: 90%; }
.menutabletxt { font-size: 90%; }
.languagestxt { font-family: "Arial Black", MingLiU; font-size: 16px; }
.dialogtxt { font-family: "Comic Sans MS", MingLiU; font-size: 70%; color: #7C6363; }
.footertxt { font-size: 80%; text-align: right; }

/* navigation */
#banner { position:absolute; left:0px; top:0px; width:800px; height:200px; z-index:24}
#headernav1 { position:absolute; left:70px; top:40px; z-index:28; width: 130px; height: 20px; }
#headernav2 { position:absolute; left:200px; top:40px; z-index:27; width: 130px; height: 20px; }
#headernav3 { position:absolute; left:330px; top:40px; z-index:26; width: 140px; height: 20px; }
#headernav4 { position:absolute; left:470px; top:40px; z-index:25; width: 130px; height: 20px; }
#navleft {position:absolute; left:20px; top:230px; width:70px; height:30px; z-index:23}

/* main text areas */
#table { position:absolute; left:130px; top:240px; width:430px; z-index:16}
#menu { position:absolute; left:280px; top:290px; width:220px; z-index:17}
#article { position:absolute; left:130px; top:210px; width:520px; height:30px; z-index:18}
#languages {position:absolute; left:360px; top:362px; width:200px; z-index:14}
#footer { position:absolute; left:690px; top:570px; width:110px; height:30px; z-index:7}

/* images and dialogs */
#dialogleft { position:absolute; left:180px; top:430px; width:87px; height:69px; z-index:20}
#dialogright { position:absolute; left:569px; top:270px; z-index:19; width: 81px; height: 81px;}
#imageleft { position:absolute; left:60px; top:449px; z-index:22}
#imageright { position:absolute; left:650px; top:290px; z-index:21}

/* links */
a:link { color: #0000CC; text-decoration: none; }
a:visited { color: #660066; text-decoration: none; }
a:hover { color: #FF0000; text-decoration: none; }
a:active { color: #660066; text-decoration: none; }