/* layout */
#ads1{ text-align: center; padding-top: 7px; }
#page { width: 760px; margin: auto; padding: 0px 20px; }
#content { clear: both; padding: 6px 12px; float: left; width: 540px; }
#sidebar { padding: 6px 12px; float: right; width: 160px; }
#footer { clear: both; padding: 24px; }

/* backgrounds and borders */
body { background: white; }
#menu ul ul { background: white; border-width: 0px 1px; }

/* menu */
#menu ul ul { background: white; }
#menu li { line-height: 200%; }
#menu li li { line-height: 150%; }
#menu a { font-weight: bold; font-size: 10pt; }
#menu a:hover { text-decoration: none; color: orange; }

/* other named styles */
#footer { text-align: center; }
#footer hr {  border: 0px; height: 1px; color: #c4c8d7; background-color: #c4c8d7; width: 50%;  }
#footer p { color: #777; font-size: 80%; }
.cms_photo { padding-top: 10px; }
#sidebar { font-size: 85%; }
#sidebar ul { list-style-type: circle; padding: 0 0 0 1em; }
#sidebar li { padding: 3px; margin: 0px; }
#sidebar #query { width: 125px; }
a.trick:hover { color: white; cursor: help; }

/* html styles */
body {  
  font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 170%;
  color: black;
}
a { color: navy; text-decoration: none; font-weight: normal; }
a:hover { text-decoration: underline; }
table { border-color: navy; }
td, th { padding: 4px 8px; }
.middle td, .middle th { vertical-align: middle; }
h1, h1 a { font-weight: bold; color: navy; }
h2, h3, h4, h5, h6,
h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: bold; color: #314e8a; }
pre { 
  border: 1px solid #ccc; padding: 5px; background: #ffc; 
  width: 530px; max_height: 200px; overflow: auto; 
  height: expression(this.scrollHeight > 200 ? '200px' : 'auto');
}

@media print {
  #menu { display: none; }
  #sidebar { display: none; }
  #content { width: 100%; }
}