/* CSS Derived from http://www.positioniseverything.net/articles/onetruelayout/example/combined */


body { background-color:    #CC9966;
      padding:             0; 
      border:              0; 
      margin:              0;          
     }
 
img {border: 0; 
     }
     
#topbar {
      padding:             0; 
      border:              0; 
      margin:              0;          
          padding-top:         5px; 
          padding-bottom:     0px; 
          background-color:    #FEFF80; 
          background-image:    url(../graphics/jackfrost.2005.jpg);
         left:      128px; 
         padding-left:         128px; 
         min-width: 550px;
         top:       0; 
         height:    100px;  
         width: auto;
         text-align: center;
          border-bottom: 2px groove; 
        }
          
#logo    {position:			   absolute; 
          left:                0; 
          top:                 0; 
          width:               128px; 
          height:              100px;
          padding-top:         5px; 
          text-align:          center; 
          background-image:    url(../graphics/K_shield.gif);
          background-repeat:   no-repeat;
          background-position: center center;    
         }                          
             
              
#sidebar {float:   left; 
          left:       0; 
          top:        100px;
          min-height:  550px;
          background-color:    #FEFF80; /* Pale Weak Yellow */
          width:      128px;
          text-align: center;
         }     
         
#badges {
         position: absolute;
         text-align: center;
         bottom: 0;
         width: 128px;
         }
         
#content {
      padding:             0; 
      border:              0; 
      margin:              0;          
          top:        100px;
          margin-left:       128px; 
          width: auto;
          min-width: 550px;
          min-height: 550px;
          padding:    5px;
          background-color:    #A087FF;
  /*        background-image:    url(../graphics/tilepattern.gif); */
         }
         
   a:link    {color: #FFFFFF; } /* White */
   a:visited {color: #290AA3; } 
   a:hover   {color: #1D0772; } 
  



#column1
	{
	float: left;
	width: 34%;
	}
#column2
	{
	float: left;
	width: 33%;
	}
#column3
	{
	float: left;
	width: 33%;
	}            
           
.bioblock   {position:      relative;
             font-family:   sans-serif;            
             width:         90%;
             max-width:     400px;
             min-height:    200px;
             padding:       0.5em;
	         margin-top:    0.5em;
	         margin-bottom: 0.5em;
             border:        solid 0.25em #4E4848;
	         background:    #646060;
            }     
               
  div.bioblock a:link    {color: #FFFFFF; } /* White */
  div.bioblock a:visited {color: #151B54; } /* Midnight Blue  */
  div.bioblock a:hover   {color: #25383C; } /* Black */
                   
  .bioblock > img {             
    display: block;
    margin-left: auto;
    margin-right: auto 
    }
               


/* Start Mac IE5 filter \*/
#sidebar, #content
	{
	padding-bottom: 7767px !important;
	margin-bottom: -7767px !important; 
	}
	
@media all {
#sidebar, #content
	{
	padding-bottom: 0 !important;
	margin-bottom: 0 !important; 
	}
	
#sidebar:before, #content:before
	{
	content: '[DO NOT LEAVE IT IS NOT REAL]';
	display: block;
	background: inherit;
	padding-top: 32767px !important;
	margin-bottom: -32767px !important;
	height: 0;
	}
}
/* End Mac IE5 filter */        

/* hack for IEs of all persuasions */
* html .verticalalign
	{
	width: 128px !important;
	text-align: center;
	}
	
.verticalalign
	{
	position: absolute;
	bottom: 0;
	left: 0;
	margin: 0;
	padding: 0;
	}
	
#wrapper
	{
	position: relative;
	overflow: hidden; /* This hides the excess padding in non-IE browsers */
	}


.newwin {position:  absolute; 
         left:      150px; 
         top:       0; 
         text-align: left;
        }
          
#bottombar {position:   relative;
            left:       0; 
            bottom:     0;
            min-height:     85px;
            width:      100%;
            background-color:    #B38800; /* brown */
            text-align: center;
           }       
         
.bottom_nav {position:         relative;
             background-color: #FFE180; /* Pale Dull Orange */           
             font-size:        small;
             font-family:      sans-serif;
             min-width:        678px;
             border-top:       2px groove;
             border-bottom:    2px groove;
             padding:          3px; 
            }     
               
div.bottom_nav a:link    {color:            #000000;  
                          text-decoration:  none;
                          background-color: transparent;}
                          
div.bottom_nav a:visited {color:            #997400;
                          text-decoration:  none;
                          background-color: transparent;}
                          
div.bottom_nav a:hover   {color:            #807659;  
                          text-decoration:  none;
                          background-color: transparent;}
                          
.cright { position: relative; 
          width: 100%;
          text-align: left;
          font: x-small sans-serif italic; 
          padding: 5px; 
        }
        
 p.cright {
        display:    inline;
 }   
         
.lmod { position: relative; 
          width: 100%;
          text-align: left;
          font: x-small sans-serif italic; 
          padding: 0px; 
        }
    
    
    
         
 /* Class for images for Kankelborg Chronicles */                  
.kimg
	{
	float: left;
	margin: 10px;
	border: 10px;
	padding: 10px;
	}

 /* Class for Volume text for Kankelborg Chronicles */                  
.kvol { position: relative; 
          width: 100%;
          text-align: right;
          font: x-small sans-serif italic; 
          padding: 5px; 
        }
         
 /* Class for Big first Capital text for Kankelborg Chronicles */                  
.bigcap { 
          font-size: xx-large; 
        }
         
.hr100 {
         width: 100%;
}

.hr20 {
         width: 20%;
}
	
.ctr
	{
	text-align: center;
	}