dl{z-index:100; top:97px; position:absolute; width:650px; border:1px solid #000; background:#5B7AAF}
dt{height:14px; margin:4px; text-align:left}
dt img{cursor:pointer; background-color:#fff}
dd{margin:0px; background:#fff; padding:10px}

body{margin:0px; background:#F5F1EA}
h2, h3{clear:both; color:#659934;}
h2{font:bold 18px arial}
h3{font:bold 14px arial}
b{font:bold 15px arial}
body, p, blockquote, #message, #top span, #news div, #article div, #art div, #certificate, #tools1, #tools2, #head div, .cbox, .links, #email label, .search label, .search #q, .search select, #theTicker a, #theTicker a:visited, .result #pages, .result .search, dl, #rCol{font:12px tahoma, arial; line-height:20px}
.fbox{text-align: justify;width:217px;margin:5px;float:right;}
#footer{direction:ltr; font:12px verdana}
#footer #icta{padding-left:20px; background:url(./img/icta.gif) no-repeat}
p, #article div, #art div, #head div, .cbox, dl{text-align:justify}
a, a:active{text-decoration:none; color:#316EA2}
a:hover, a:visited{color:#1D4363}
a:hover{text-decoration:underline}
.title{margin:0px; background:#DBD5C5; text-align:center}
.title2{margin:0px; background:#DBD5C5; padding-right:10px;}

#theTicker{text-align:right; float:left; width:370px; white-space:nowrap; overflow:hidden}
#header{background:url(./img/top_tile.gif) repeat; margin-bottom:5px; width:100%; height:156px}
#header a, #header a:visited, #header a:hover{color:#fff}
#certificate div, #body, #head, #date, #tool{width:780px}
#head{background:url(./img/logo.gif) no-repeat right; height:110px}
#head img{display:none}
#head div{float:left; margin-left:10px; width:300px; padding-top:15px; color:#fff}
#head div div{text-align:left}
#date table{width:100%}
#date td{font-size:12px; color:#fff; height:20px; text-align:center; width:30%}
#date #r{text-align:right; padding-right:10px; width:20%}
#date #l{text-align:left; padding-left:10px; width:20%}
#body{clear:both}
.cbox{margin:0px; padding:3px; background:#E7E3D8}
#rCol{float:right}
#rCol, #lCol{width:150px}
#cCol{text-align:right; float:right; width:460px; margin:0 5px 0 5px}
#lCol{float:right}
#email .txt{direction:ltr; width:100px}
#email label{text-align:left; padding:3px; width:42px}
.btn{font:12px tahoma; line-height:10px}
.search #q{width:90px; line-height:12px}
.search input, .search select{height:19px}
.search select{width:80px; height:17px}
.search label, .search label{color:#B0B0B0}
#content, .result p{padding:5px}
#content img, dt img{border:none; float:left; margin-right:10px; margin-bottom:10px}
.result a{font-weight:bold}
.result #pages{text-align:center}
.result #pages a{white-space:nowrap; padding:1px}
.result #pages b{padding:1px; background:#E7E3D8; font:bold 12px tahoma}
#message{cursor:pointer}
#message, .result .search{text-align:justify; margin-bottom:10px; padding:5px; background:url(./img/bg-tile.gif) repeat-x top; background-color:#E7E3D8;}
.result .search{text-align:center; padding:20px; border:1px solid #dbd5c5}
#top{text-align:center}
#top span{margin:5px; width:217px; float:right; text-align:justify}
#news, #top{clear:both}
#news div{margin:4px; line-height:16px}
#news div.t{width:438px; float:none;text-align: right;}
#new div.t div{text-align: justify;}
#news div.o{width:219px; float:right}
#news div img{margin-right:5px; margin-bottom:5px; float:left; border:0px}
#news div a{font-weight:bold}
#article div, #art div{padding-left:3px}
#article div a, #art div a{font-weight:bold; padding-left:13px; background:url(./img/star.gif) no-repeat right 2}
#article div a:hover, #art div a:hover{background:url(./img/star_h.gif) no-repeat right 2}
.links{background:#E7E3D8; text-align:right}
.links h2{margin-top:10px}
.links li{list-style:none outside none; padding-right:5px; padding-left:5px}
#tools1, #tools2{text-align:left}
#tools1 li, #tools2 li{list-style-type:none; float:left; margin-right:10px}
#tools1 li#p{background:url(./img/print.gif) no-repeat left; padding-left:19px}
#tools1 li#s{background:url(./img/s2f.gif) no-repeat left; padding-left:15px}
#tools1 li#i{background:url(./img/in.gif) no-repeat left; padding-left:15px}
#tools2 li#t{background:url(./img/top.gif) no-repeat left; padding-left:15px}
.cer{border-top:5px solid #F5F1EA; background:url(./img/bg-tile.gif) repeat-x top; background-color:#E7E3D8; border-bottom:2px solid #DBD5C5}
#certificate{clear:both; border-top:5px solid #F5F1EA; padding-top:5px; background:url(./img/bg-tile.gif) repeat-x top; background-color:#E7E3D8; border-bottom:2px solid #DBD5C5}
#certificate div{text-align:right}
#certificate div div{text-align:right; float:right; width:260px}
#footer{clear:both; text-align:center; height:20px; padding:10px; line-height:20px; color:#94896A}

/* center align the section content */
.section{text-align:center; padding:10px; height:100%}
.section table{width:100%}
.section table tr th{font-size:11px; color:#316EA2; background-color:#DBD5C5}
.section table tr td{text-align:center; border:solid #DBD5C5 1px; font-size:10px}
.section table tr td.cur{background-color:#ffffff}
.section table tr td.cur a{color:#ff0000}

/* specify a light red color for the first tab. */
div.dynarch-rollbar table.dynarch-inner-table td.sec1 { background-color:#F5F1EA;  vertical-align: top;} /* that's for the pane content */
div.dynarch-roll-tabs td.sec1 a.dynarch-roll-tab { background-color: #aae; } /* and that's for the inactive tab label */
div.dynarch-roll-tabs td.sec1 a.dynarch-tab-current { background-color: #bbf; } /* here's for the active tab label */

/* here we restrict the widget width to 500 pixels and we specify some margin;
	"auto", for both horizontal margins, means that the widget will be centered,
	by the Web Standards specification.  In IE this will only work if you have
	specified a strict DOCTYPE.  Of course, there are other ways to align it,
	such as a table if you prefer. */
/*div.outer { width: 500px; margin: 2em auto; }*/

/* and here we left-align the tab labels bar, and also make the label text bold */
div.outer div.dynarch-roll-tabs table { margin-left: 0px; font-weight: bold; display: none}