body {
        background: #c3b494;
        padding: 20px;
        background-image: url(images/outer.jpg); 
        background-repeat: repeat;
}

#white_edge {
        padding: 2px;
         margin-left: auto;
        margin-right: auto;
        height: 810px;
        width: 835px;
background-image: url(images/roughtile.png); 
        background-repeat: repeat;
}

#white_box {
        padding: 30px;
        margin-left: auto;
        margin-right: auto;
        height: 750px;
        width: 775px;
        background-color: #fff;
background-image: url(images/whitepaper.jpg); 
        background-repeat: repeat;
}

#brown_box {
        padding: 0px;
        margin: 0px;
        height: 730px;
        align: center;
        background: #5d5348;
background-image: url(images/brownpaper.jpg); 
        background-repeat: repeat;
        z-index: 0;
}

#content {
      margin: 175px 50px 50px 50px;
      padding:0px;
      position: absolute;
      height: 505px;
      width: 675px;
      background: #d3bf9a;
      z-index: 1;
}


#graphic_main{
        width:523px;
        height: 734px;
        margin-top: 35px;
        padding: 0px;
        position: absolute;
        background-image: url(images/Main_tree.png); 
        background-repeat: no-repeat;
        z-index: 2;
       }

#graphic_about{
        width:535px;
        height: 722px;
        margin-top: 35px;
        padding: 0px;
        position: absolute;
        background-image: url(images/Telescope_about.png); 
        background-repeat: no-repeat;
        z-index: 2;
       }

#graphic_contact{
        width:535px;
        height: 690px;
        margin-top: 35px;
        padding: 0px;
        position: absolute;
        background-image: url(images/Horse_contact.png); 
        background-repeat: no-repeat;
        z-index: 2;
       }

#graphic_comics{
        width:568px;
        height: 713px;
        margin-top: 35px;
        padding: 0px;
        position: absolute;
        background-image: url(images/Alley_comics.png); 
        background-repeat: no-repeat;
        z-index: 2;
       }

#graphic_store{
        width:525px;
        height: 698px;
        margin-top: 35px;
        padding: 0px;
        position: absolute;
        background-image: url(images/Window_shop.png); 
        background-repeat: no-repeat;
        z-index: 2;
       }

#graphic_interests{
        width:582px;
        height: 698px;
        margin-top: 35px;
        padding: 0px;
        position: absolute;
        background-image: url(images/Waterfall_interests.png); 
        background-repeat: no-repeat;
        z-index: 2;
       }

#graphic{
        margin-top: 35px;
        padding: 0px;
        position: absolute;
        z-index: 2;
       }

#logo{
        padding: 0px;
	margin-left: 15px;
        margin-top: 56px;
        width: 396px;
        height: 78px;
        float: left;
        position: absolute;
        outlne: none;
        background-image: url(images/jml_logo.png); 
        background-repeat: no-repeat;
        z-index: 3;
}

#nav_bar {
        text-align: center;
        padding-top: 5px;
        top: 75px;
        position: absolute;
        background: #ffffff;
        height: 25px;
        width: 776px;
        background-image: url(images/whitepaper.jpg); 
        background-repeat: repeat;
        z-index: 4;
}

#rug {
       position: absolute;
       padding:0px;
       margin-top:175px;
       margin-left:45px;
       min-height:194px;
       height: auto;
       height: 194px;
}

#rug_tile {
        padding:0;
        background-image:url(images/rug_tile.png); 
        background-repeat:repeat-y;
        height:100%;

}

#active{
        padding: 0px;
        margin-top: 280px;
        margin-left: 250px;
        height: 360px;
        width: 430px;
        position: absolute;
        z-index: 5;
}

#active_contact{
        padding: 0px;
        margin-top: 280px;
        margin-left: 250px;
        height: 360px;
        width: 400px;
        position: absolute;
        z-index: 5;
}

#mcolumn1, #mcolumn2, #mcolumn3 {
          width:128px;
          height: 220px;
          padding-left:12px;
          margin:0;
          float:left;
          border-left: 1px solid #b14f4f;
}

#intro{
      margin-top:15px;
      padding: 0px;
      width:435px;
      float: left;
}

#subtitle{
      margin: 15px 0 5px 0;
      padding: 4px;
      width:435px;
      float: left;
      text-align:left;
}


#portrait {
        padding: 0px;
        margin-top: 140px;
        margin-left: 500px;
        height: 120px;
        width: 180px;
        position: absolute;
        overflow:hidden; 

    border-style: ridge;
    border-color: #5d5348;
    border-width: 3px;
        z-index: 15;

}

#portrait img{

width:220px;

}

    .pic_frame{
           border:2px solid #5A4A42;
}



p {
   	color: #33281c;
        font-size: 12px;
        line-height: 15px;
        font-weight: 100;
        font-family: Georgia, "Times New Roman", Times, Serif;
        margin: 3px 0 0 0;
}

p + p {
  text-indent: 1.5em;
  margin-top: 0 }

p.stb { text-indent: 0; margin-top: 0.5em }

p a	 {
      color: #33281c; 
      text-decoration:none;
      border-bottom:1px solid #e6555a;
}



p:first-child:first-letter {
       float:left;
       font-size:300%;
       line-height: 0.85em;
       margin-right: 0.03em;
       margin-bottom:-0.25em;
       text-shadow: 0 1px 1px white;
       color: #695647;
}

h1 {
        color: #BF1E2D;
        font-size: 16px;
        line-height: 18px;
        font-weight: 100;
        font-variant:small-caps;
        font-family : Georgia, "Times New Roman", Times, Serif;
        margin: 0;
}

h1 a{
        color: #BF1E2D;
        font-variant:small-caps;
        text-decoration: none;
}
h1 a:hover{
        color: #e6555a;
        font-variant:small-caps;
        text-decoration: none;
}

h2{
         color: #33281c;
         font-size: 12px;
         line-height: 13px;
         font-weight: 200;
         font-style: italic;
         font-family : Georgia, "Times New Roman", Times, Serif;
         margin: 5px 0 0 0;
}

h2 a{        
      color: #33281c;
      text-decoration:none;
}

h2 a:hover{        
      color: #e6555a;
      text-decoration:none;
}

h3{
   	color: #33281c;
        font-size: 12px;
        line-height: 14px;
        font-weight: 100;
        font-family: Georgia, "Times New Roman", Times, Serif;
        margin: 4px 0 0 0;
}

h4 {
        color: #BF1E2D;
        font-size: 16px;
        line-height: 17px;
        font-weight: 100;
        font-family : Georgia, "Times New Roman", Times, Serif;
        margin:20px 0 0 0;
}

h4 a	 {
      color: #BF1E2D; 
      text-decoration:none;
}


img.buffered {

        margin-top: 15px;

}

img.mainthumb {
                 margin: 3px 0px 0px 3px;
}