/* Box table. */

.boxtable {	
  margin: 20px;
  padding: 20px;
  border-collapse: collapse;
  width: 670px; /* 670 or 684 for Konqueror? */
  height: auto;
}

.topleft {
  width: 7px;
  height: 8px;
  background: #ffffff url("box1.png") bottom right;
}
.topcenter {
  width: auto;
  height: 8px;
  background: #ffffff url("box2.png") repeat-x bottom;
}
.topright {
  width: 11px;
  height: 8px;
  background: #ffffff url("box3.png") bottom left;
}

.middleleft {
  width: 7px;
  height: auto;
  background: #ffffff url("box4.png") repeat-y right;
}
.middlecenter {
  vertical-align: top;
  width: auto;
  height: auto;
}
.middleright {
  width: 11px;
  height: auto;
  background: #ffffff url("box6.png") repeat-y left;
}

.bottomleft {
  width: 7px;
  height: 12px;
  background: #ffffff url("box7.png") top right;
}
.bottomcenter {
  width: auto;
  height: 12px;
  background: #ffffff url("box8.png") repeat-x top;
}
.bottomright {
  width: 11px;
  height: 12px;
  background: #ffffff url("box9.png") top left;
}

/* Base. */

body        { margin: 0px 0px 0px 0px;
              padding: 0px 0px 0px 0px;
              color: #000000;
              background-color: #fefffc;
              height: 100%;
            }
html        { height: 100%;
            }            
p.footer    { font-style: italic;
              text-align: center;
              margin-top: 26px;
              padding-top: 8px;
              border-top: 1px solid #aaaaaa;
              font-family: Sans-Serif;
              font-size: 70%;
              background-color: transparent;
              color: #a0a0a0;
            }
.bigtopic   { font-family: Optima, Verdana, Sans-Serif;
              font-weight: normal;
              font-size: 28px;
              color: #fafffe;
              font-style: italic;
            }
.topic      { font-family: Optima, Sans-Serif;
              font-weight: normal;
              font-size: 20px;
              color: #802000;
              font-style: italic;
              border-bottom: 1px solid #604040;
            }
a:link      { text-decoration: none;
              color: #112255;
              background-color: transparent;
            }
a:visited   { text-decoration: none;
              color: #441122;
              background-color: transparent;
            }
a:active    { text-decoration: none;
              color: #88bb88;
              background-color: #ffffdd;
            }
a:hover     { text-decoration: underline;
              color: #fe7e08;
              background-color: #404060;
              border-bottom: 1px dotted #226622;
            }
.box        { padding-top: 0px;
              padding-bottom: 0px;
              padding-left: 16px;
              padding-right: 16px;
            }
            
.cornerbanner { 
	          background-color: transparent; 
	          position: absolute;
	          top: 0;
	          right: 0;
	          margin: 0;
	          padding:0;
	          border: none;
	        }
.cornerbanner a:hover { 
	          border: none;
	          text-decoration: none;
	          background-color: transparent; 
	        }	        
	        

/* Main table. */

.maintable {
  height: 100%;	
  border: none;
}

.mainleft {
  width: 50%;
  border-right: 1px solid #c6c6c6;
  background: #f0f0f0 url("Paperbg.jpg");
}

.maincenter {
  width: auto;
}

.mainright {
  width: 50%;
  border-left: 1px solid #c6c6c6;
  background: #f0f0f0 url("Paperbg2.jpg");
}

p, li {
  font-family: Palatino, Georgia, Serif;
  font-size: 90%;
  line-height: 1.3;
  list-style-type: circle;
}

.menu {
  font-family: Georgia, Serif;
  font-size: 15px;
}

.sansfont {
  font-family: Optima, Arial, Sans-Serif;	
}

.c {
  text-align: center;	
}

.caption {
  font-family: Optima, Arial, Sans-Serif;
  font-size: 70%;
  font-style: italic;
  margin-top: 2px;	
}

iframe.pictureframe {
  background-image: url("transparent.png");
  width: 500px; 
  height: 375px; 
  border: 1px solid #606060; 
  padding: 6px;
  overflow: hidden;
  text-align: center;
}

/* Flickr badge. */

.flickr_badge { 
  width: 500px; 
  margin-top: 10px; float: 
}

.flickr_badge a img { 
  width: auto; 
  height: auto; 
  padding: 6px; 
  margin: 0px 10px 10px 0px; 
  border: 1px solid #606060; 
  background: url('transparent.png'); 
  float: left; 
}

.pedigree {
  font-size: 11px;
  font-family: Sans-Serif;
  border: 1px solid #c0c0c0;	
  background: url('transparent.png');
}

.pedigree2 {
  font-size: 11px;
  font-family: Sans-Serif;
  border: 1px solid #c0c0c0;
  background: url('transparentred.png');
}

/* Test */

::-moz-selection{
	background:#cc0000;
	color:#ffffff;
}

::selection {
	background:#cc0000;
	color:#ffffff;
}