/* ===== DEFAULT STYLES ===== */
html, body, p, div, span, td, caption, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, legend, input, textarea, select, option, button, blockquote, font, center, noscript {
	font-family: "Trebuchet MS","Arial","Verdana","ËÎÌå","Helvetica",sans-serif;
	font-size:13px;
}
html, body { background:#fff; color:#000; margin:0; padding:0; }
.inv { position:absolute; left:0px; top:-500px; width:1px; height:1px; overflow:hidden; } /* hide from visual browsers but still available to screen readers */
.geomap { position:absolute; left:0px; top:-500px; width:1px; height:1px; overflow:hidden; } /* hide from visual browsers but still available to screen readers */

/* ===== FORM STYLES =====*/
form { display:inline; }

/* Text boxes need a fixed width font so that they
   render identical across Netscape & IE */
input  {
	font-family:"Courier New", monospace;
	font-size:12px;
}

.btn { background:#069; color:#ccc; border:solid 1px #ccc; text-transform:uppercase; margin:2px; font-weight:bold; font-family:"Trebuchet MS","Arial","Verdana","Helvetica",sans-serif; }
.btn-search, .btn-clear { width:60px; height:20px; }
.btnd { background:#666; color:#ccc; border:solid 1px #ccc; text-transform:uppercase; margin:2px; font-weight:bold; font-family:"Trebuchet MS","Arial","Verdana","Helvetica",sans-serif; }

/* ===== CUSTOM STYLES ===== */

.dtlbar { padding:5px; padding-left:50px; background:#0878A6;color:#CCC;  }
.dtlbar a:link, .dtlbar a:active, .dtlbar a:visited { margin:0px 8px; font-weight:bold; color:#FFF; height:18px; width:38px;text-align:center;padding-top:3px;}
.dtlbar a:hover { color:#FFF; text-decoration:underline; font-weight:bold; background:#00F; height:18px; width:38px;text-align:center;padding-top:3px;}
.dtlbar strong { color:#666; padding-left:15px; background:url('/img/45.gif') no-repeat -0px 5px; }
/* End DTL Bar */
TABLE.dtlbar {
	background-color:#d1e8ff;
    font-family:"Trebuchet MS","Arial","Verdana","Helvetica",sans-serif;
    font-weight:bold;
    color:#000;
    height:32px;
    width:100%;
    border:solid 0px #069;
}
TABLE.headtop {
	background-color:#069   ;
    font-family:"Trebuchet MS","Arial","Verdana","Helvetica",sans-serif;
    font-weight:bold;
    color:#000;
    height:2px;
    width:100%;
    border:solid 0px #069;
}
TABLE.header {
	background-color:#39c;
  background-repeat: no-repeat;
    font-family:"Trebuchet MS","Arial","Verdana","Helvetica",sans-serif;
    font-weight:bold;
    color:#000;
    height:30px;
    width:100%;
    border:solid 0px #000;
    margin 0px;
    border-collapse: 0px;
    border-spacing: 0px;
    cell-spacing: 0px;
}
TABLE.tb100 {
	background-color:#FFF;
    font-family:"Trebuchet MS","Arial","Verdana","Helvetica",sans-serif;
    color:#000;
    width:100%;
    border:solid 0px #069;
 }
TD.tb100_right {
	background-color:#FFF;
	width:160px;
	vertical-align: top;
}
TD.tb100_left {
	background-color:#FFF;
	width:180px;
	vertical-align: top;
}
TD.tb100_home_left {
	background-color:#FFF;
	width:280px;
	vertical-align: top;
}
TABLE {
	background-color:#FFF;
    font-family:"Trebuchet MS","Arial","Verdana","Helvetica",sans-serif;
    color:#000;
    width:100%;
    border:solid 0px #069;
 }
TD {
	vertical-align: top;
}
TD.tbrb  {
	border: solid 0px #000;
	text-align: right;
  margin-left: 0;
  margin-bottom: 0;
  vertical-align: bottom;
  padding-bottom: 0;
  height: 60px;
  border-left: 0 px dashed;
  border-top: 0px solid;
  border-bottom: 0px solid;
  padding: 0;
}
TD.tblm  {
	vertical-align: MIDDLE;
}
img.header {/* scalable em 53 */
  float: right; /* float that dropcap! */
  width: 640px;
  height: 60px;
  padding: 0;
  }
strong { color:#666; padding-left:45px; background:url('/img/45.gif') no-repeat 20px 5px; }
h1 { color:#666; padding-left:45px; background:url('/img/45.gif') no-repeat 20px 5px; FONT-SIZE:16px; background-color:#d1e8ff;}

A.body:active {text-decoration: bold; color: #006699; font: 12px; font-family: Verdana,Arial,Helvetica,sans-serif;TEXT-DECORATION: none}
A.body:link {text-decoration: bold; color: #006699; font: 12px; font-family: Verdana,Arial,Helvetica,sans-serif;TEXT-DECORATION: none}
A.body:visited {text-decoration: bold; color:#006699; font: 12px; font-family:Verdana,Arial,Helvetica,sans-serif;TEXT-DECORATION: none}
A.body:hover {text-decoration: bold; color: #000000; font: 12px; font-family: Verdana,Arial,Helvetica,sans-serif;TEXT-DECORATION: underline; background-color:#d1e8ff;}



A:active {text-decoration: bold; color: #006699; font: 12px; font-family: Verdana,Arial,Helvetica,sans-serif;TEXT-DECORATION: none}
A:link {text-decoration: bold; color: #006699; font: 12px; font-family: Verdana,Arial,Helvetica,sans-serif;TEXT-DECORATION: none}
A:visited {text-decoration: bold; color:#006699; font: 12px; font-family:Verdana,Arial,Helvetica,sans-serif;TEXT-DECORATION: none}
A:hover {text-decoration: bold; color: #339999; font: 12px; font-family: Verdana,Arial,Helvetica,sans-serif;TEXT-DECORATION: underline}

.leftlbar { padding:25px; padding-left:16px; padding-right:16px; background:#CEF; FONT-SIZE:14px; border:solid 1px #FFF; }
.leftlbar a:link, .leftlbar a:active, .leftlbar a:visited { margin:5px 0px; color:#069; FONT-SIZE:14px; }
.leftlbar a:hover { color:#00C; text-decoration:underline; background:#FFF; FONT-SIZE:14px; ;}
.leftlbar strong { color:#666; padding-left:45px; background:url('/img/45.gif') no-repeat 20px 5px; }

.leftlbar2 { padding:8px; padding-left:3px; padding-right:3px; background:#CEF; FONT-SIZE:12px; border:solid 1px #FFF; }
.leftlbar2 a:link, .leftlbar2 a:active, .leftlbar2 a:visited { margin:5px 0px; color:#069; FONT-SIZE:12px; }
.leftlbar2 a:hover { color:#00C; text-decoration:underline; background:#FFF; FONT-SIZE:12px; ;}
.leftlbar2 strong { color:#666; padding-left:45px; background:url('/img/45.gif') no-repeat 20px 5px; FONT-SIZE:14px;}
.leftlbar2 ul { color:#090; margin:5px 0px 0px 18px; padding:0px; }
.leftlbar2 ul li:hover { color:#F00; } /* turn bullet red on mouseover - works in FireFox */
.leftlbar2 ul li a:link,  .leftlbar2 a:active, .leftlbar2 a:visited  { color:#069; text-decoration:none; FONT-SIZE:12px;}
.leftlbar2 ul li a:hover { color:#00F; text-decoration:underline; FONT-SIZE:12px;}

.newlist ul { color:#090; margin:5px 0px 0px 20px; padding:0px; FONT-SIZE:14px; }
.newlist ul li { padding:3px; }
.newlist ul li:hover { color:#F00; } /* turn bullet red on mouseover - works in FireFox */
.newlist ul li a:link,  .newlist a:active, .newlist a:visited  { color:#069; text-decoration:none; FONT-SIZE:14px; }
.newlist ul li a:hover { color:#00F; text-decoration:underline; FONT-SIZE:14px; }

.hotlist ul { color:#090; margin:5px 0px 0px 20px; padding:0px; FONT-SIZE:14px}
.hotlist ul li { padding:3px; }
.hotlist ul li:hover { color:#F00; } /* turn bullet red on mouseover - works in FireFox */
.hotlist ul li a:link,  .hotlist a:active, .hotlist a:visited  { color:#069; text-decoration:none; FONT-SIZE:14px;}
.hotlist ul li a:hover { color:#00F; text-decoration:underline; FONT-SIZE:14px;}

