/****


*/

* {margin:0; padding: 0;}

body{width:100%;}
#my_body{ position: relative; margin:2px; padding:2px}
#my_header{ width: 100%; padding: 10px 2px 0px 0px;}
#my_footer{ width: 100%; clear :both; }
#my_navigation{ float: left; width : 230px; 
 background-color: #ffffff;
 border-style: none;
// border-width:0px 1px 1px 1px;
}
#my_contents{ margin-left: 250px; }

#my_header h1 {
  color: #ffffff;
  padding: 5px 0px 0px 10px;
  border-style: solid;
  border-width:0px 0px 0px 0px;
  font-size: 26pt;
  font-family: sans-serif;
}

#my_navigation a {
 margin-left:1em;
 text-decoration:none; text-align:center; color: #444466;
}
#my_navigation li {
 width: 100%;
 border-style: dotted;
 padding: 10px 0px 0px 0px;
 border-width:0px 0px 1px 0px;
 border-color:#448888;

}

#my_navigation a:hover { 
 text-decoration:underline;
// margin-left: 5px;
 margin-left:1em;
 font-weight: bold;
 color: red;
 }

//#my_navigation a:active { color: blue; }

#my_navigation p {
 background-color: #22aa22;
 text-align: center;
 color: #ffffff;
}

#my_navigation p.logo {
 background-color: #ffffff;
 padding-top:20px;
 padding-left:0px;
 margine-left:0px;
}

#my_contents {
  line-height:1.4;
  font-family:sans-serif;
}

#my_contents a {
 text-decoration:none; 
}

#my_contents dt { 
  color: #aa4444;
  font-weight:bold; 
  margin-top: 10px;
}

#my_contents dd { 
   margin-left: 50px;
}

#my_contents ul { 
   margin-top: 10px;
   margin-left: 15px;
}

/*****************************/

h1 {
//  color: #000066;
  padding: 5px 0px 0px 10px;
  border-style: solid;
//  border-width:0px 0px 0px 0px;
  font-size: 22pt ;

  margin-top: 20px;
  margin-bottom: 10px;
  color: #000066;
  border-left-color: #22aa22;
  border-bottom-color: #22aa22;
//  padding: 4px 0px 0px 8px;
  border-width:0px 0px 1px 15px;
}

h2 {
  margin-top: 20px;
  margin-bottom: 10px;
  color: #000066;
  border-left-color: #22aa22;
  border-bottom-color: #22aa22;
  padding: 4px 0px 0px 8px;
  border-style: solid;
  border-width:0px 0px 1px 12px;
  font-size: 18pt ;
}

h3 {
  margin-top: 15px;
  margin-bottom: 10px;
  color: #000066;
  border-left-color: #22aa22;
  border-bottom-color: #22aa22;
  padding: 3px 0px 0px 6px;
  border-style: solid;
  border-width:0px 0px 0px 10px;
  font-size: 16pt ;
}

h4 {
  margin-top: 10px;
  margin-bottom: 10px;
  color: #000066;
  border-left-color: #22aa22;
  border-bottom-color: #22aa22;
  padding: 2px 0px 0px 4px;
  border-style: solid;
  border-width:0px 0px 0px 5px;
}

h1.title { display: inline; }

hr.title { border: 4px; border-color: #444444;  border-style: solid; height:5px}
hr.footer { border: 1px; border-color: #444444;  border-style: solid; height:2px}

div.tm { text-align: right; }

img { border-style:none; }

blockquote{
        margin:1em 2em 1em;
        padding:0.3em 1em 0.3em 1em;
        border-left:solid 1px #f99;
        border-right:solid 1px #f99;
        border-top:solid 1px #f99;
        border-bottom:solid 1px #f99;
}