/* dmstyle.css */	
body {  margin: 0px auto;
        padding: 0px;
      /*  font: 12px/20px "Helvetica Neue", Helvetica, Verdana, Arial, sans-serif;*/
        font-family:'Times New Roman',Times,serif;
        font-size: 15px;
        line-height:16px;
        max-width: 890px;
        margin-top:10px;
        border: 1px solid #777777;
     }
a    {  color: #555555;
        outline: none;
     }
p    {  margin: 0 0 20px 0;  }
ul, ol {  margin-bottom: 20px;  }
blockquote 
     {  margin: 0 0 0 10px;
        padding: 0 0 0 10px;
        border-left: 5px solid #f7f7f7;
     }
span.firstletter  /* any width figure, no border, for initial letter */ 
    {
      float:left;
      position:relative; /* needed for ie */
      margin: 0 0 0 0;
      height:36px;
      top:2px;
    }    
span.red { color: #dd2222;  }
span.new { color: #dd2222;  }
span.helvetica 
   {  font: 13px/20px "Helvetica Neue", Helvetica, Verdana, Arial, sans-serif;  
   }
span.helvetica a
   {  text-decoration: none;
   }

div.header
         {  position: relative;
            float:left;
            width:870px;
            height: 185px;
            padding: 10px;
            color:white;
            background: #556677 ;
            font: 13px/20px "Helvetica Neue", Helvetica, Verdana, Arial, sans-serif;  
         /*  background:url('oak-light.jpg'); */
         /*  background:url('stars3.jpg'); */
             background:url('oak-dark2.jpg'); 
         }
div.header p { margin-top:20px;}
div.header a { color: white;}

div.content-col1 
         {  float: left;
            width: 350px;
            padding: 0px;
            color:black;
            background: #ffffff;
            border-right: 1px solid #777777;
         }
div.content-col2 
         {  float: left;
            width: 350px;
            padding: 0px;
            top:0px;
            background: #ffffff;
            border-right: 1px solid #777777;
            border-bottom: 1px solid #777777;
         }
div.content-col3 
         {  
            position: relative;
            float: right;
            width: 188px;
            background: #ffffff;
            border-bottom: 1px solid #777777;
         }
div.content-col1 p 
         {  padding-left:2px;
            margin:4px;  /* paragraph spacing */
            line-height:1.1em;
         }
div.content-col2 p 
        {    margin-left:2px;
             margin:4px;  /* paragraph spacing */
             line-height:1.1em;
        }
div.content-col3 p 
        {    padding:2px;
             margin:4px;  /* paragraph spacing */
             line-height:1.1em;
        }
div.footer 
        {   clear:both;
            background: #555555 ;
            color:white;
            margin: 0 0 10px 0 auto;
            border-top: 1px solid #777777;
            padding: 20px;
        }
div.footer p { margin: 0 0 10px 0; }
div.footer a { color:white; }


h1 {    padding: 0px;
        line-height: 1;
        font-size: 20px;
        font-weight: normal;
}
h1 a {  color: #fff;
        text-decoration: none;
     }
h2 {  margin: 0 0 20px 20px;  }
h2.blog-description 
   {
        position: absolute;
        bottom: 60px;
        left: 0px;
        margin: 0px;
        padding: 0px;
        font-size: 11px;
        font-weight: normal;
        color:white;
    }
h3  {   margin: 0 0 20px 0;
        font-size: 1.8em;
        line-height:24px;
        font-weight: normal;
    }
h3 a {  text-decoration: none; }
h3 a:hover { text-decoration: underline; }
h4 {  margin: 0 0 10px 0;
      background-color: #646670;
      color:#ff7700;
      color:#00ddff;
      font-size: 14px;
      padding: 0.5em; 
      padding-left:1em;
      height: 28px;
      font-family: helvetica,arial,sans-serif;
      font-weight: normal;
   }  

div.top-nav 
   {    position: absolute;
        top: 10px;
        right: 0px;
        margin: 0px;
        padding: 0px;
        list-style: none;
   }

div.top-nav li 
   {    float: left;
        margin: 0 0 0 10px;
   }


img { border: none; }
code { 	font-family: Consolas, Monaco, "Courier New", Courier, monospace; }
pre  {
        width: 560px; /* for compatibility with IE6 */
        background: #f5f5f5;
        border: 1px solid #dadada;
        padding: 11px;
        font-size: 11px;
        line-height: 1.3em;
        overflow: auto;
}
pre a { font-weight: normal; }
ul li pre {  width: 520px; }

div.figure /* width is passed as a variable in style parameter */ 
      {
        width:400px;  /* default width  */
        float:right;
        position:relative; /* needed for ie */
        margin: 0 0 0 1px ;
        font-size:13px;
        line-height: 1.1em;
        border: 1px solid rgb(128, 128, 128); 
      }
div.figure-left /* width is passed as a variable in style parameter */ 
      {
        width:60px;  /* default width  */
        height:60px;  /* default width  */
        float:left;
        position:relative; /* needed for ie */
        margin: 0;
        border: 1px solid rgb(128, 128, 128); 
      }
div.figure-nofloat /* width is passed as a variable in style parameter */ 
      {
        width:400px;  /* default width  */
        position:relative; /* needed for ie */
        margin: 0 0 0 1px ;
        font-size:13px;
        line-height: 1.1em;
        border: 1px solid rgb(128, 128, 128); 
      }


/* tables */

div.ttable table   {  position:relative;
           border-collapse: collapse;
           border: 1px solid #666;
        }      
div.ttable caption {  font-size:1.2em;
           font-weight:bold;
           font-family:sans-serif;
        }   
div.ttable .e    { color:#000022; background:#dddfef;}   
div.ttable .o    { color:#000022; background:#eeeeff;}   
div.ttable thead   {  background: #ccc;
           border-top: 1px solid #a5a5a5;
           border-bottom: 1px solid #a5a5a5;
        }
div.ttable th  { /* font-weight:normal; */
           text-align:left;    
           border: 1px solid rgb(128, 128, 128); 
        }   
div.ttable td  { /* font-weight:normal; */
           text-align:left;    
           border: 1px solid rgb(128, 128, 128); 
        }   
div.ttable tr:hover{  background-color: #3d80df;
           color: #fff;
        } 
div.ttable thead tr:hover{   /* dont make header change color */
           background-color:transparent;
           color: inherit;
        }   

.nav {
        color:white;
        position: absolute;
        bottom: 0px;
        left: 0px;
        margin: 0px;
        padding: 0px;
	}
	
.nav, .nav ul {
        width: 940px;
        list-style: none;
        line-height: 40px;
        }

.nav a, .nav a:hover {
        display: block;
        text-decoration: none;
        border: none;
	}

.nav li {
        float: left;
        list-style: none;
        }

.nav a, .nav a:visited {
        display: block;
        color:white;
        padding: 0 20px;
        }

.nav a:hover{ text-decoration: underline;    }	

a:link 
      { color: rgb(0, 0, 200);
      }
a:visited
      { color: rgb(100, 50, 200);
      }

a:link:hover 
      { color: rgb(255, 255, 255);
        background-color: #0000ff;
      }
a:visited:hover 
      { color: rgb(255, 255, 255);
        background-color: #0000ff;
      }