/* ================================================================ 
basic css styles for the site
=================================================================== */

/* page title */
h1 {}

/* page section title */
h3 {}

/* subtitle */
h4 { margin-bottom: 0px; }

body { font-family: sans-serif;
       font-size:14px;
       width: 1044px;
       margin-top: 0;
       margin-left: 20px;
       background-color: #fff; }

p { margin-top: 5px;
    margin-bottom: 10px; }

p.indent { margin-left: 30px; }

p.smaller { font-size:12px; }

em { font-style: normal; font-weight: bold; }

a:link, a.external:link { color:#33f; }
a:visited, a.external:visited { color:#33f; }
a.hover, a.external:hover { color:#00f; }
a.active, a.external:active { color:#33f; }

/* ...supported only in FF */
a.external:before {content:"[ext] ";}

.footer {color:gray;}

/* ================================================================ 
style defs for callout box
=================================================================== */

dl {margin:10px; margin-right:0px; float:right; clear:right;}
dl.callout {background:#00c; width:33% }
dl.rcallout {background:#e00; width:33%; border:2px solid #e00;}
dl.wcallout {background:#00c; width:40%; border:2px solid #00c;}

dl dt {background:transparent; padding:5px; text-align:center; color:#fff; font-weight: bold; font-size:14px}

dl dd {background:#ccf; margin:0; padding:5px; }
dl.rcallout dd {background:#fff; margin:0; padding:5px; }
dl dd p {background:transparent; padding:2px; line-height:1.5em; margin-top: 8px; }


/* ================================================================ 
style defs for leftmenu
#09c deep blue -- base bkgd for all menu items
#6cc med blue -- hover for all menu items
=================================================================== */
#leftmenu { 
  float:left; 
  clear:left;
  margin-top: 10px;
  margin-right: 40px;
  margin-bottom: 40px; }

#leftmenu a, #leftmenu a:visited {
  float:left; 
  clear:left;
  text-decoration:none;
  text-align:center;
  display:block; 
  width:120px; 
  padding:0.2em;
  margin:0.1em auto;
  border-right:5px solid #fff;
  background-color:#09c; 
  color:#fff;
  }
  
#leftmenu a:hover {
  border-right:5px solid #000;
  background-color:#6cc;
  color:#000;
  }

#leftsub { 
  float:left; 
  clear:left;
  margin-top: 2px;
  margin-bottom: 2px; }

#leftsub a, #leftsub a:visited {
  float:left; 
  clear:left;
  text-align:center;
  display:block; 
  padding:0.1em;
  background-color:#fff; 
  color:#069;
  }

#leftsub a:hover {
  border-right:0px;
  background-color:#6cc;
  color:#000;
  }