/* Version 1.3 */
/* cac content enclosing wrapper */
div#cac_wrap { margin: 0 .7em;}
/* anchored links */
div#cac_wrap a:link { color: #202080; text-decoration: none; 
                     border-bottom: 1px solid #bbb; }
div#cac_wrap a:link:hover { color: #2020aa; text-decoration: none; 
                     border-bottom: 1px solid #000; }
div#cac_wrap a:visited  { color: #202080; text-decoration: none; 
                     border-bottom: 1px solid #bbb; } 
div#cac_wrap a:visited:hover  { color: #202080; text-decoration: none; 
                     border-bottom: 1px solid #000; } 
/* --- main content - */
div#main     { 
            padding: 0 .7em 1em .7em;
            font-family: Arial, Helvetica, sans-serif;
            /* Do not put a width style here. See
            http://www.positioniseverything.net/floatmodel.html */
          }
div#main h1  {font-size: xx-large; 
            padding: .5em 0; 
            margin: 0 ;}
div#main h2  { font-size: large; 
            padding: .3em 0 .1em 0;
            margin: 0; }
div#main h3  { font-size: medium; 
            padding: .1em 0 .1em 0;
            margin: 0; }
div#main h4  { font-size: small; 
            padding: .1em 0 .1em 0;
            margin: 0; }
div#main blockquote {background-color: #f5f5ff;
             border: 1px solid #dddddd; 
             padding: .3em .7em;}
div#main p {margin: 0 0 .8em 0; }
div#main td, div#main th {vertical-align: top; }
div#main tt    { font-family: lucida console, monospace; 
  font-size: small; }
div#main pre    { font-family: lucida console, monospace; 
  font-size: small; }
div#main dl dt { margin-bottom: .5em; }
div#main dl dd { margin-bottom: .5em; }
/* --- nav box --- */
div#nav_left      { float: left;
            width: 10em;
            padding: 0 0 .5em 0;
            margin: .7em .7em .7em 0 ;
            font-family: Arial, Helvetica, sans-serif;
            background: #eeeeff;
            border: 1px solid #aaa;
            }
div#nav_left p    {text-indent: -.3em;
            text-decoration: none;
            margin: .7em;
            padding: .2em .8em;
            font-weight: bold;
            font-size: small;
            border: 1px solid white;
            }
div#nav_left h2 { text-align: center;
             margin: 0 0 .5em 0;
             padding: .4em;
             font-size: small;
             border: 1px solid #dddddd;
             background: #ddddff;
             }
div#nav_left a:link { color: #2020aa; text-decoration: none; border: none;}
div#nav_left a:link:hover { color: #2020aa; text-decoration: none; 
                     border-bottom: 1px solid #000; }
div#nav_left a:visited  { color: #202080; text-decoration: none; border: none; } 
div#nav_left a:visited:hover  { color: #202080; text-decoration: none; 
                     border-bottom: 1px solid #000; } 
/* -- news box, right --- */
div#sidebar_right     { float: right;
            width: 10em; 
            padding: 0 0 .3em 0;
            margin: 0 0 .7em 1.2em;
            font-family: Arial, Helvetica, sans-serif;
            background: #fafaff;
            border: 1px solid #aaa;
            }
div#sidebar_right p {
            margin: 0 .7em .7em .7em;
            font-size: small;
            padding-left: .6em;
            }
div#sidebar_right p.hang { text-indent: -.3em;
            text-decoration: none;
            margin: .7em;
            padding: .2em .8em;
            font-size: small;
            }
div#sidebar_right p span.date { font-size: x-small; font-style: italic; }

div#sidebar_right h2 { text-align: center;
             margin: 0 0 .5em 0;
             padding: .4em;
             font-size: small;
             border: 1px solid #dddddd;
             background: #ddddff;
             }
div#sidebar_right a:link { color: #2020aa; text-decoration: none; border: none;}
div#sidebar_right a:link:hover { color: #2020aa; text-decoration: none; 
                     border-bottom: 1px solid #000; }
div#sidebar_right a:visited  { color: #202080; text-decoration: none; border: none; } 
div#sidebar_right a:visited:hover  { color: #202080; text-decoration: none; 
                     border-bottom: 1px solid #000; } 
/* div#sidebar_right a:link:hover,*/ div#sidebar_right a:active  { color: #1010aa; text-decoration: none;  
                     border-bottom: 1px solid #000;}

/* skip navigation style */ 
div#skipnav  a   { position: absolute;
              left: 305px; top: 18px; width: 10em;
              margin: 0; padding: 0;
              display: block;
              color: white; text-decoration: none;
              font-family: sans-serif; font-size: medium; }
div#skipnav a:visited { color: white; }
div#skipnav a:hover, #skipnav a:active,  #skipnav a:focus {
     /* Becomes visible & underlined 
        when user tabs to it. 
       :active pseudo-class necessary for IE 
       :focus pseudo-class necessary for Mozilla 
     */
     position: absolute;
     left: 305px; top: 18px; width: 10em;
     margin: 0; padding: 0;
     color: #0000ff; 
     background: #fafaff;
     display: block;
     text-decoration: none;
     font-family: sans-serif; font-size: medium; font-weight: bold; ;
     text-align: center;
     border: #e1e1e1 solid 1px;
  }                    
                     
/*  www footer  */
div#footer  { clear: both; }

/* classes */
.shift_right {margin-left: 11em;  }

div#nav_left p.sub { text-indent: -.3em;
            text-decoration: none;
            margin: 0em .7em .2em .7em;
            padding: .1em 1.5em .1em 2.0em;
            font-size: 70%;
            }

div#main table { margin: .5em; }
div#main table th { background: #eeeeff; }
div#main table th, div#main table td { padding: .5em; } 

div#main .code { font-family: lucida console, monospace; 
  font-size: small; background: #eeeeff }
div#cac_wrap .bglite { background: #eeeeff; }
div#cac_wrap .bgdark { background: #ddddff; }
div#cac_wrap .hilite { background: yellow; }