body { margin: 0px; padding: 0px; font-family: Arial; background-color: #fff; }
#layout { border-collapse: collapse; margin: 0px; padding: 0px; width: 100%; background-color: #88f; }
#tl{ vertical-align: top; padding-left: 10px;}
#footer{ height: 40px; text-align: center; font: italic 10pt Arial; color: #fff;}
#tr{ width:160px; height: 140px;}
.title { text-align: center; margin: 3px 10px; color: #44b; }
#nav a { font: bold 14pt Arial; color: #fff; text-decoration: none; margin-left: 5px;}
#cl { width:160px; padding-left: 10px; color: #fff; vertical-align: top; }
#main{ vertical-align: top; padding: 0px; margin: 0px; background-color: #fff;}
#cr{ width:160px; color: #fff; vertical-align: top; }
#tlc { background: url(../images/tlc.png) no-repeat; width: 8px; height: 10px; }
#trc { background: url(../images/trc.png) no-repeat; width: 10px; height: 10px; }
#blc { background: url(../images/blc.png) no-repeat; width: 8px; height: 10px; }
#brc { background: url(../images/brc.png) no-repeat; width: 10px; height: 10px; }
#bt { background: url(../images/bt.png) repeat-x; }
#bl { background: url(../images/bl.png) repeat-y; }
#bb { background: url(../images/bb.png) repeat-x; }
#br { background: url(../images/br.png) repeat-y; }
#myimg { width: 110px; height: 106px; border: 0px; margin: 0px 30px; padding: 0px; }
#cr a { text-decoration: none; color: #fff; font: bold 10pt Arial; }
#cr a:hover { text-decoration: underline; color: #fff; font: bold 10pt Arial; }
.arts dt { font: bold 16pt Arial; margin: 0px; }
.arts a { text-decoration: none; }
.arts dd { color: #44b; margin: 3px 3px 3px 20px; }
#barts { width: 45%; margin-left: 0; float: left; }
#parts { width: 45%; margin-left: 3%; float: right; }
#content { padding: 0px 20px 20px 20px; }
#others { list-style: none; margin: 0px; padding: 0px; }
#others a{ text-decoration: none; color: #fff; }
#others a:hover{ text-decoration: underline; }