/*==== This css stylesheet will use the CSS styling tip from
/*==== http://www.alistapart.com/articles/howtosizetextincss
/*==== that sets a baseline and makes the text the same
/*==== size across all browsers. Computations will be 
/*==== provided in comments. ====*/

/*============== The Global Changes =============*/
body{
  margin: 15px auto;
  font: normal normal 100%/1.125em Verdana, Helvetica, Arial, sans-serif; /*16px*1.125em = 18px line-height */
  background-color: lightblue;
  margin: 0;
  padding: 0;
  border: 0;
  text-align: center;
}
p{
  font-size: 0.75em; /* 16*0.75=12px */
  color: #d2d2d2;
}

/* removes dotted line around links */
a
{
  outline: none;
}
/*============== The sections of the site =======*/
#container{
    width: 900px;
    background-color: #FFFFFF;
    margin: 0 auto;
    padding:0px;
    background-image: url(../images/koenigcontainerbottom.jpg);
    background-repeat: repeat-x;
    background-position: bottom;
}
#header{
    width: 900px;
    height: 244px;
    background-image: url(../images/banner.jpg);
    background-position: top left;
    background-repeat: no-repeat;
    /* background-color: orange; */
}
#logolink{
    width:400px;
    height:244px;
    float:left;
}

#colB{
    display: block;
    width: 880px;     /* ie6,  add 2 pixels.. */
    
 /*   height: 628px;  */
  background-color: lightblue;
/*    float:left;      */
    background-image: url(../images/koenigbgslice.jpg);
    background-position: top left;
    background-repeat: repeat-y;
    margin-left: 10px;
    margin-right: 10px;
}
#menu{
    width: 250px;
    height: 628px;
    float: left;
}
#menu_top{
    width: 250px;
    height: 83px;
    background-image: url(../images/menutop.jpg);
    background-position: top left;
    background-repeat: no-repeat;
    
    
}
a.menu_home{
    display: block;
    width: 250px;
    height: 73px;
    background-image: url(../images/homebutton.jpg);
    background-position: top left;
    background-repeat: no-repeat;
    
}
#menu_home_on{
    width: 250px;
    height: 73px;
    background-image: url(../images/homebutton.jpg);
    background-position: 0 -146px;;
    background-repeat: no-repeat;
    
}
a.menu_home:hover{ background-position: 0 -73px; }
a.menu_bio{
    display: block;
    width: 250px;
    height: 73px;
    background-image: url(../images/biobutton.jpg);
    background-position: top left;
    background-repeat: no-repeat;
    
}
#menu_bio_on{
    width: 250px;
    height: 73px;
    background-image: url(../images/biobutton.jpg);
    background-position: 0 -146px;
    background-repeat: no-repeat;
}
a.menu_bio:hover{ background-position: 0 -73px; }
a.menu_books{
    display: block;
    width: 250px;
    height: 63px;
    background-image: url(../images/booksbutton.jpg);
    background-position: top left;
    background-repeat: no-repeat;

}
#menu_books_on{
    width: 250px;
    height: 63px;
    background-image: url(../images/booksbutton.jpg);
    background-position: 0 -126px;
    background-repeat: no-repeat;
}
a.menu_books:hover{ background-position: 0 -63px; }
a.menu_order{
    display: block;
    width: 250px;
    height: 72px;
    background-image: url(../images/orderbutton.jpg);
    background-position: top left;
    background-repeat: no-repeat;

}
#menu_order_on{
    width: 250px;
    height: 72px;
    background-image: url(../images/orderbutton.jpg);
    background-position: 0 -144px;
    background-repeat: no-repeat;
}
a.menu_order:hover{ background-position: 0 -72px; }
a.menu_contact{
    display: block;
    width: 250px;
    height: 65px;
    background-image: url(../images/contactbutton.jpg);
    background-position: top left;
    background-repeat: no-repeat;

}
#menu_contact_on{
    width: 250px;
    height: 65px;
    background-image: url(../images/contactbutton.jpg);
    background-position: 0 -130px;;
    background-repeat: no-repeat;
}
a.menu_contact:hover{ background-position: 0 -65px; }
#menu_bottom{
    width: 250px;
    height: 199px;
    background-image: url(../images/navbottom.jpg);
    background-position: top left;
    background-repeat: no-repeat;

}

#menu_extendA_index{
    height: 169px;
    background-position: top left;
    background-repeat: repeat-y;
}
#menu_extendA_bio{
    width: 250px;
    height: 420px;
    background-image: url(../images/menu_y_repeater.jpg);
    background-position: top left;
    background-repeat: repeat-y;
}
#menu_extendA_ladder{
    width: 250px;
    height: 930px;
    background-image: url(../images/menu_y_repeater.jpg);
    background-position: top left;
    background-repeat: repeat-y;
}
#menu_extendA_spiral{
    width: 250px;
    height: 680px;                                                                              
    background-image: url(../images/menu_y_repeater.jpg);
    background-position: top left;
    background-repeat: repeat-y;
}
#menu_extendA_butterfly{
    width: 250px;
    height: 490px;
    background-image: url(../images/menu_y_repeater.jpg);
    background-position: top left;
    background-repeat: repeat-y;
}
#menu_extendA_invitation{
    width: 250px;
    height: 440px;
    background-image: url(../images/menu_y_repeater.jpg);
    background-position: top left;
    background-repeat: repeat-y;
}
#menu_extendA_songs{
    width: 250px;
    height: 440px;
    background-image: url(../images/menu_y_repeater.jpg);
    background-position: top left;
    background-repeat: repeat-y;
}
#menu_extendA_rising{
    width: 250px;
    height: 660px;
    background-image: url(../images/menu_y_repeater.jpg);
    background-position: top left;
    background-repeat: repeat-y;
}
#menu_extendA_poems{
    width: 250px;
    height: 870px;
    background-image: url(../images/menu_y_repeater.jpg);
    background-position: top left;
    background-repeat: repeat-y;
}

#menu_extendB{
    height: 2px;
    line-height: 2px;
    font-size: 2px;
    background-color: #2aaeef;
    
}
#menu_ex_cap{
    height: 24px;
    background-color: #917B4C;
}

#body{
    width: 616px;
/*    background-color: #0395e0;
    background-color: #414141;      */
    float:right;
}
#bottombar{
    display: block;
    width: 900px;
    height: 14px;
    background-image: url(../images/bottombar.jpg);
    background-position: top left;
    background-repeat: no-repeat;
    
}

#books-row1{
    width: inherit;
    height: 52px;
    background-image: url(../images/books-heading.jpg);
    background-position: top left;
    background-repeat: no-repeat;

}
#books-row2{
    width: inherit;

}
#books-row3{
    display: block;
    width: inherit;  
    height: 0px;
    background-image: url(../images/mainfooter.jpg);
    background-position: -45px right;
    background-repeat: no-repeat;
}

#tou-row1{
    width: inherit;
    height: 52px;
    background-image: url(../images/tou-heading.jpg);
    background-position: top left;
    background-repeat: no-repeat;
}

#bio-row1{
    width: inherit;
    height: 52px;
    background-image: url(../images/bio-heading.jpg);
    background-position: top left;
    background-repeat: no-repeat;

}
#bio-row2{

}
#bio-row3{
    width: inherit;
    height: 43px;
    background-image: url(../images/blanklower.jpg);
    background-position: top left;
    background-repeat: no-repeat;

}

#order-row1{
    width: inherit;
    height: 52px;
    background-image: url(../images/order-heading.jpg);
    background-position: top left;
    background-repeat: no-repeat;

}
#order-row2{
    width: inherit;
    height: 572px;
    background-color: #414141;
    background-image: url(../images/mainbackingA.jpg);
    background-position: top right;
    background-repeat: repeat-y;

}
#order-row3{
    display: block;
    width: inherit;
    height: 2px;
    background-image: url(../images/mainfooter.jpg);
    background-position: -45px right;
    background-repeat: no-repeat;
}

#contact-row1{
    width: inherit;
    height: 52px;
    background-image: url(../images/contact-heading.jpg);
    background-position: top left;
    background-repeat: no-repeat;

}
#contact-row2{
    width: inherit;
    height: 197px;
    padding-left: 12px;



}
#contact-row3{
    width: inherit;
    height: 43px;
    background-image: url(../images/blanklower.jpg);
    background-position: top left;
    background-repeat: no-repeat;

}

#invitation-row1{
    width: inherit;
    height: 52px;
    background-image: url(../images/heading.jpg);
    background-position: top left;
    background-repeat: no-repeat;
    color: #A68D57;
    text-align: left;
    padding-left: 10px;
    padding-top: 20px;
}
#wildfire-row1{
    width: inherit;
    height: 52px;
    background-image: url(../images/heading.jpg);
    background-position: top left;
    background-repeat: no-repeat;
    color: #A68D57;
    text-align: left;
    padding-left: 10px;
    padding-top: 20px;
}
#spiral-row1{
    width: inherit;
    height: 52px;
    background-image: url(../images/heading.jpg);
    background-position: top left;
    background-repeat: no-repeat;
    color: #A68D57;
    padding-top: 20px;
    text-align: left;
    padding-left: 10px;
}
#ladder-row1{
    width: inherit;
    height: 52px;
    background-image: url(../images/heading.jpg);
    background-position: top left;
    background-repeat: no-repeat;
    color: #A68D57;
    text-align: left;
    padding-top: 20px;
    padding-left: 10px;
}
#green-row1{
    width: inherit;
    height: 52px;
    background-image: url(../images/heading.jpg);
    background-position: top left;
    background-repeat: no-repeat;
    color: #A68D57;
    text-align: left;
    padding-top: 20px;
    padding-left: 10px;
}
#butterfly-row1{
    width: inherit;
    height: 52px;
    background-image: url(../images/heading.jpg);
    background-position: top left;
    background-repeat: no-repeat;
    color: #A68D57;
    text-align: left;
    padding-top: 20px;
    padding-left: 10px;
}
#rising-row1{
    width: inherit;
    height: 52px;
    background-image: url(../images/heading.jpg);
    background-position: top left;
    background-repeat: no-repeat;
    color: #A68D57;
    text-align: left;
    padding-top: 20px;
    padding-left: 10px;
}
#journey-row1{
    width: inherit;
    height: 52px;
    background-image: url(../images/heading.jpg);
    background-position: top left;
    background-repeat: no-repeat;
    color: #A68D57;
    text-align: left;
    padding-top: 20px;
    padding-left: 10px;
}
/*
#journey-rowl{
    width: inherit;
    height: 52px;
    background-image: url(../images/journey-heading.jpg);
    background-position: top left;
    background-repeat: no-repeat;
}
*/
#sitemap-row1{
    width: inherit;
    height: 52px;
    background-image: url(../images/sitemap-heading.jpg);
    background-position: top left;
    background-repeat: no-repeat;
}
#terms-row1{
    width: inherit;
    height: 52px;
    background-image: url(../images/terms-heading.jpg);
    background-position: top left;
    background-repeat: no-repeat;
}
#poems-row1{
    width: inherit;
    height: 52px;
    background-image: url(../images/poems-heading.jpg);
    background-position: top left;
    background-repeat: no-repeat;
}
#song-row1{
    width: inherit;
    height: 52px;
    background-image: url(../images/heading.jpg);
    background-position: top left;
    background-repeat: no-repeat;
    color: #A68D57;
    text-align: left;
    padding-top: 20px;
    padding-left: 10px;
}
#cart-row1{
    width: inherit;
    height: 52px;
    background-image: url(../images/cart-heading.jpg);
    background-position: top left;
    background-repeat: no-repeat;
}

#row1{
    width: inherit;
    height: 52px;
    background-image: url(../images/welcome-heading.jpg); 
    background-position: top left;
    background-repeat: no-repeat;
}
#row2{
    width: inherit;
    padding-left: 12px;
 /*   background-color: #414141;
    background-image: url(../images/mainbackingA.jpg);    */
    background-position: top right;
    background-repeat: no-repeat;

}
#row3{
    width: inherit;
    height: 43px;
 /*   background-image: url(../images/newestlower.jpg);   */
    background-position: top left;
    background-repeat: no-repeat;

}
#row4{
    width: inherit;
}
#row5{
    width: inherit;
    height: 36px;
 /*   background-image: url(../images/mainfooter.jpg);    
    background-color: #414141;                             */
    background-position: top left;
    background-repeat: no-repeat;
}

#nominicols{
    width: inherit;
    
 /*   background-color: #414141;

    background-image: url(../images/mainbackingB.jpg);  */
    background-position: top right;
    background-repeat: no-repeat;
}

#minicolA{
    width: 300px;
    float: left;
}
#minicolD{
    width: 470px;
    float: left;
}
#minicolB{
    width: 9px;
    float: left;

}
#minicolC{
    width: 300px;
    float: left;

}
#globalNav{
    text-align:right;
    padding-right: 40px;
    padding-top: 25px;
} 

#selector {
    padding-top: 14px;
    margin-left:54px;
    height: 25px;
}

#poem1 {
    margin-left: 125px;
    margin-top: 45px;
    }
#poem2 {
    margin-left: 125px;
    margin-top: 45px;
    display: none;
}
#poem3 {
    margin-left: 125px;
    margin-top: 45px;
    display: none; 
}
#poem4 {
    margin-left: 125px;
    margin-top: 45px;
    display: none;
}

#poem5 {
    margin-left: 125px;
    margin-top: 45px;
    display: none;
}

#orderformlink {
    position: relative;
    left: 200px;
    top: 4px;
}

/*============= Buy Buttons ==========*/
#buybutton{
    text-align:right;
    margin-right: 15px;
    vertical-align: bottom;
}
/*============= More Postitioning ====*/

#bookthumb{
     float:left;
     width:70px;
     margin-left:15px;
     margin-top:15px;
}
#bookthumb_big{
     float:left;
     width:200px;
     margin-left:15px;
     margin-top:15px;
}
#bookdesc{
     float:left;
     margin-left:15px;
     width:200px;
}
#bookdesc_big{
     float:left;
     margin-left:15px;
     width:275px;
}
#bookdesc2{
    float:left;
    text-align:right;
    margin-left:15px;
    margin-right: 15px;
}



/*============= The copy =============*/
.content{
  font-size: 8pt;
  font-weight: normal; 
  font-family: Verdana, "Times New Roman", serif; /* 16*1.875=30px */
  text-align: left;
}
.contentgold{
  font-size: 8pt;
  font-weight: normal; 
  font-family: Verdana, "Times New Roman", serif; /* 16*1.875=30px */
  text-align: left;
  color: #a68d57;
}
.year{
  font: normal normal 22pt "Times New Roman", serif; /*16*1.625=26px*/
  color: #d2d2d2;
  text-align: left;
}
.title{
  font: normal normal 14pt Verdana, Helvetica, Arial, sans-serif; /*16*1.06=17px*/
  color: #a68d57; 
  text-align: left;
}
a.title{
  color: #a68d57; 
  text-decoration: none;
}
.subtitle{
  font: italic normal 8pt Verdana, Helvetica, Arial, sans-serif; /*16*0.56=9px*/
  color: #a68d57;
  text-align: left;
}
a.subtitle{
  color: #a68d57; 
  text-decoration: none;
}
.assistant{
  font-size: 8pt; /*16*0.0625=10px*/
  color: #a68d57;
  text-align: left;
}
.assistant-right{
  font-size: 8pt; /*16*0.0625=10px*/
  color: #a68d57;
  text-align: right;
}
a.assistant{
  font-size: 8pt; /*16*0.0625=10px*/
  color: #a68d57;
  text-align: left;
  text-decoration: none;
}
a.assistant:hover{
  font-size: 8pt; /*16*0.0625=10px*/
  color: #FFFFFF;
  text-align: left;
  text-decoration: none;
}
.footer{
  font: normal normal 7pt Verdana, Helvetica, Arial, sans-serif; /*16*0.56=9px*/
  color: #D1D1D1;
  text-align: center;
}
a.footer{
  font: normal normal 7pt Verdana, Helvetica, Arial, sans-serif; /*16*0.56=9px*/
  color: #D1D1D1;
  text-align: center;
  text-decoration: none;
}
a.footer:hover{
  font: normal normal 7pt Verdana, Helvetica, Arial, sans-serif; /*16*0.56=9px*/
  color: #FFFFFF;
  text-align: center;
  text-decoration: none;
}
.navigation{
  font-size: 0.625em; /*16*0.625=10px*/
  color: #414141;
  text-align: right;
  text-decoration: none; 
}  
a.navigation:hover{
  color: #0088BA;
  text-decoration: none; 
}

.tagline{
  font: italic normal 0.53em Verdana, Helvetica, Arial, sans-serif; /*16*0.53=8.5px*/
  color: #917b4c;
  text-align: center;
}
h1.subSection{
  font-size: 1.5625em; /* 16*1.56=25px */
  font-weight: normal;
  font-family: "Times New Roman", serif;
  text-transform: uppercase;
  border-top: 0.0625em solid #838383; /* 16*0.0625=1px */
  color: #bdaf86;
  width: auto;
  text-align: left;
  padding-top: 0.2em; /* 25*0.2=5px */
}

#orderformlink {
    padding-top: 10px;
    margin-right: 270px;
}

/*============== Layout and Presentation =====================*/

/*============== Shopping Cart ===============================*/

.cartrow1 {
    width: 575px;
    background-color: #696969;
}

.cartrow2 {
    width: 575px;
    background-color: #959595;

}

/*============== Links to other websites ====================*/
.graphicLink{
  display: none; /*FIR (fahrner image replacement technique)*/
}
.home{
  background: url('../images/kwHomeBtn.png') no-repeat 0px 0px;
  width: 188px;
  height: 59px;
  display: block;
}
.bio{
  background: url('../images/kwBioBtn.png') no-repeat 0px 0px;
  width: 188px;
  height: 58px;
  display: block;
}
.books{
  background: url('../images/kwBooksBtn.png') no-repeat 0px 0px;
  width: 188px;
  height: 51px;
  display: block;
}
.order{
  background: url('../images/kwOrderBtn.png') no-repeat 0px 0px;
  width: 188px;
  height: 58px;
  display: block;
}
.contact{
  background: url('../images/kwContactBtn.png') no-repeat 0px 0px;
  width: 188px;
  height: 50px;
  display: block;
}
.home:hover{
  background: url('../images/kwHomeBtn.png') no-repeat 0px -59px;
  width: 188px;
  height: 59px;
  display: block;
}
.bio:hover{
  background: url('../images/kwBioBtn.png') no-repeat 0px -58px;
  width: 188px;
  height: 58px;
  display: block;
}
.books:hover{
  background: url('../images/kwBooksBtn.png') no-repeat 0px -51px;
  width: 188px;
  height: 51px;
  display: block;
}
.order:hover{
  background: url('../images/kwOrderBtn.png') no-repeat 0px -58px;
  width: 188px;
  height: 58px;
  display: block;
}
.contact:hover{
  background: url('../images/kwContactBtn.png') no-repeat 0px -50px;
  width: 188px;
  height: 50px;
  display: block;
}
.homeActive{
  background: url('../images/kwHomeBtn.png') no-repeat 0px -118px;
  width: 188px;
  height: 59px;
  display: block;
}
.bioActive{
  background: url('../images/kwBioBtn.png') no-repeat 0px -116px;
  width: 188px;
  height: 58px;
  display: block;
}
.booksActive{
  background: url('../images/kwBooksBtn.png') no-repeat 0px -102px;
  width: 188px;
  height: 51px;
  display: block;
}
.orderActive{
  background: url('../images/kwOrderBtn.png') no-repeat 0px -116px;
  width: 188px;
  height: 58px;
  display: block;
}
.contactActive{
  background: url('../images/kwContactBtn.png') no-repeat 0px -100px;
  width: 188px;
  height: 50px;
  display: block;
}