/*	
	APCD Default Style Sheet 

   31 May 2002 BJF: Modifications.
   19 Feb. 2003 BJF: Changed colors to match Lou. metro seal
     (#0C1c8C [approximation of PMS Reflex Blue] replaced #000099 
      and #000066, except in top menu; 
      #FFC61E [approximation of PMS 123] now used for highlights)
   16 Apr. 2003 BJF: Added .clsFootnote
   23 Apr. 2003 BJF: Changed colors again to match new Lou. Metro
      website:  blue: 181EA6 instead of 0C1C8C
                gold: D8A633 instead of FFC61E
   25 Apr. 2003 BJF: Changed top menu from 999999 to 181EA6;
      various tweaks to look more like Lou. Metro website.
   18 Dec. 2003 BJF: Reduced bottom margins for H1 and H2.
    6 Jan. 2005 BJF: Added clsWarning
    3 Feb. 2005 BJF: Added styles for h4, h5, h6.  Added comments on colors.
    7 Oct. 2005 BJF: Hid sidemenu on print.
*/

/* A selection of default rules recommended by W3C */

/* An example of style for HTML 4.0's ABBR/ACRONYM elements */
/* * Not currently used! *
ABBR, ACRONYM   { font-variant: small-caps; letter-spacing: 0.1em }
A[href]         { text-decoration: underline }
:focus          { outline: thin dotted invert }
*/

@media print {
  @page         { margin: 10% }
  H1, H2, H3,
  H4, H5, H6    { page-break-after: avoid; page-break-inside: avoid }
  BLOCKQUOTE, 
  PRE           { page-break-inside: avoid }
  UL, OL, DL    { page-break-before: avoid }
}

@media aural {
  H1, H2, H3, 
  H4, H5, H6    { voice-family: paul, male; stress: 20; richness: 90 }
  H1            { pitch: x-low; pitch-range: 90 }
  H2            { pitch: x-low; pitch-range: 80 }
  H3            { pitch: low; pitch-range: 70 }
  H4            { pitch: medium; pitch-range: 60 }
  H5            { pitch: medium; pitch-range: 50 }
  H6            { pitch: medium; pitch-range: 40 }
  LI, DT, DD    { pitch: medium; richness: 60 }
  DT            { stress: 80; pause-before: 20% }
  PRE, CODE, TT { pitch: medium; pitch-range: 0; stress: 0; richness: 80; speak-punctuation: code }
  EM            { pitch: medium; pitch-range: 60; stress: 60; richness: 50 }
  STRONG        { pitch: medium; pitch-range: 60; stress: 90; richness: 90 }
  DFN           { pitch: high; pitch-range: 60; stress: 60 }
  S, STRIKE     { richness: 0 }
  I             { pitch: medium; pitch-range: 60; stress: 60; richness: 50 }
  B             { pitch: medium; pitch-range: 60; stress: 90; richness: 90 }
  U             { richness: 0 }
  A:link        { voice-family: harry, male }
  A:visited     { voice-family: betty, female }
  A:active      { voice-family: betty, female; pitch-range: 80; pitch: x-high }
  .hide         { speak: none }
}

/* End default rules recommended by W3C */

/*
                                  A P C D

Begin rules specific to APCD web site style 

*/

body {
  font-family: "Times New Roman",Times,serif;
  text-align: left;
  color: #000000;
  background-color: #FFFFFF;
  background-image: url("images/pinstripe_gold32.gif");
  /* was fine_speckled1d3.gif */
}

@media aural {
  a:visited {
    volume: soft; 
    speech-rate: fast;
  }
  
  .clsFooter   { 
    volume: x-soft; 
    speech-rate: x-fast;
  }
}

@media screen {  /* hide from IE3, NS3,4 */
   a[href] {
       color: #0000FF; /* blue */
   }
   
   a[target="_blank"] {  /* links that open in new window */
       outline: red dashed thin;
   }

   a:visited {
       color: #6666FF; /* pale blue */
   }
   
   a:hover { 
	   background-color: #FFFFCC;  /* pale yellow */
	   text-decoration: underline;
	   color: #000066;  /* Navy */
   }
	
   a:hover img {
       border-color: #FFFFCC;
   }
   
   .clsTopMenu a, .clsTopMenu a * {
       color: #D8A633;  /* Metro gold; was 000000 */
       text-decoration: none; 
       border: thin transparent;
   }

   .clsTopMenu a:hover, .clsTopMenu a:focus
   {
       color: #181EA6;  /* Metro blue; was 000066 navy */
		background-color: #FFFFCC;  /* pale yellow */ 
       border-style: outset;
       border-color: outset;
       text-decoration: none;
   }

   .clsTopMenu a:hover *, .clsTopMenu a:focus *
   {
       color: #181EA6;  /* Metro blue; was 000066 navy */
		background-color: #FFFFCC;  /* pale yellow */ 
       text-decoration: none;
   }

   .clsTopMenu a:active {
       color: #000000; 
       border-style: inset;
       border-color: inset; 
   }
}

@media print 
{
  a {
    text-decoration: none;
  }
  
  .clsNoPrint, .clsTopMenu, .clsTopMenuSpacer, .clsBottomNav, .clsBar 
  {
    display: none;
    color: #FFFFFF;
  }
}

h1, h2, h3, h4, h5, h6 { 
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-weight: bold;
	color: #181EA6; /* Metro blue */
}

h1, h2 { 
	text-align: center;
}

h1 {
  margin-top: 0.2em;
  margin-bottom: 0.8em;
  font-size: 173%;
}

h2 {
  margin-top: 0.5em; 
  margin-bottom: 0.5em;
  font-size: 144%;
}

h3 {
  font-size: 120%;
}

h4 { 
  font-weight: bold;
}
h5 {
  font-style: italic;
}
h6 {
  font-variant: small-caps;
}

hr {
  color: #D8A633;  /* Metro gold */
}

table caption {
    font-size: large;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-weight: bold;
    color: #181EA6;  /* Metro blue */
    margin-bottom: 0.2em;
}

th {
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-weight: bold;
    color: #181EA6;  /* Metro blue */
}

table.clsTableGrid th {
  background-color: #D8A633; /* Metro gold */
}

ul.clsListCondensed { 
  margin-top: 0; 
  margin-bottom: 0
}

.clsBigList {
  font-size:large;
  margin-left:2em;
}

.clsAddress
{
  font-variant: small-caps;
  font-size: 104%;
}

div.clsAddress 
{
  margin-left: 2em;
}

.clsAddress p 
{
  margin-top:0;
  margin-bottom:0;
}

.clsBottomNav {
	text-align: left; 
	font-size: 83%;
	font-family: Verdana,Arial,Helvetica,sans-serif;
}

.clsCaption {
	font-family: Arial,Helvetica,sans-serif; 
	font-size: xx-small;
	margin-top: 0;
	margin-bottom: 1em
}

.clsDisclaimer { 
	font-family: "Times New Roman",Times,serif;  
	font-style: italic;
	font-size: small;
}

.clsFinePrint { 
	font-family: "Times New Roman",Times,serif;  
	font-style: italic;
	font-size: x-small;
}

.clsFooter {
	font-size: xx-small;
}

.clsFootnote {
	font-size: x-small;
	text-align: left;
	margin-top:0.1em;
	margin-bottom:0.1em;
	margin-left:1em;
	text-indent:-1em;
}

.clsGroupBox {
    border: solid thin navy;
    text-align: center;
    margin-top: 1em;
    margin-bottom: 2em;
}

.clsHide, .clsHidden {
  display: none; 
  color: #FFFFFF;
}

.clsNav {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	text-size: 80%;
}

.clsOrgName {
	text-align: center;
	margin-top: 0.1em;
	margin-bottom: 0.1em;
	font-size: 120%;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-weight: bold;
	color: #181EA6;  /* Metro blue */
}

.clsTopLink {
    text-align: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: xx-small;
    font-weight: bold;
}

.clsTopMenu  {
    position: absolute; 
    top: 0; 
    left: 0; 
    font-family: Arial,Helvetica,sans-serif; 
    font-size: small;
    height: 1.3em; 
    width: 105%;
    background-color: #181EA6;  /* Metro blue */ 
    text-align: left; 
}

.clsTopMenu * {
    font-family: Arial,Helvetica,sans-serif; 
    font-size: small;
    color: #D8A633;  /* Metro gold */
    margin: 0;
}

.clsTopMenu .clsOrg {
    font-family: Times New Roman,Times,serif; 
    font-weight: bold;
}
.clsTopMenuSpacer {
    font-size: small;
    height: 1.4em;
}

.clsTopMenuSpacer * {
    font-size: small
}

.clsWarning { 
    color: red;
    font-weight: bold;
    font-size: 110%;
}

.clsXMark {
    font-family: Arial,Helvetica,sans-serif;
    font-variant: small-caps;
    font-weight: bold;
    color: #FF0000;  /* red */
}

/* Side menu classes: */
/* CoolMenus 4 - default styles - do not edit */
.clCMEvent{position:absolute; width:99%; height:99%; 
clip:rect(0,100%,100%,0); left:0; top:0;}
.clCMAbs{position:absolute; visibility:hidden; left:0; top:0}
/* CoolMenus 4 - default styles - end */
.clsBar {
  position:absolute; 
  width:180px; height:100%;
  background-color:#181EA6; layer-background-color: #181EA6; 
  visibility:hidden;
}
.clsLevel0, .clsLevel0over, .clsMajorItem, .clsSpecialItem, .clsSpanishItem {
  position:absolute; 
  padding:2px; 
  font-family:Arial,Helvetica,sans-serif; 
  font-size:12px; font-weight:bold;
}
.clsLevel0 {
  background-color:#181EA6; layer-background-color:#181EA6;
  color:#FFFFFF;
}
.clsLevel0over {
  background-color:#FFFF99; layer-background-color:#FFFF99;
  color:#181EA6; 
  cursor:pointer;  /* NS6 */ cursor:hand;  /* IE */
}
.clsLevel0border {
  position:absolute; 
  visibility:hidden; 
  background-color:#181EA6; 
  layer-background-color:#181EA6;
}
.clsMajorItem {color:#D8A633}
.clsSpecialItem {color:#FFFF66}
.clsSpanishItem {color:#66FF66}

/* End side menu classes */