/*stylesheet style.css for online popup book*/
/*keep the style.css file in the same folder as the .html files*/

/* container */
#container {
border:1px solid  #000000;
width:955px;
margin-left:15px;
height:1000px;
}
 

/*left border containing all the content of the left page*/
#left_content {
position: absolute;
top: 87px;
left: 51px;
width:455px;
height:auto;
background-color: #FFFFFF;
text-align:left;
}

/*right border containing all the content of the right page*/
#right_content {
position: absolute;
border-left:solid black;
padding-left:20px;
top: 88px;
left: 505px;
width:420px;
height:auto;
background-color: #FFFFFF;
text-align:left;
}


/*left side page number*/
#leftNum {
position: absolute;
top: 65px;
left: 25px;
border: 1px solid #458B00;
width: 22px;
height: 20px;
background-color: #458B00;
text-align: right;
color: #FFFFFF;
}

/*right side page number*/
#rightNum {
position: absolute;
top: 62px;
left: 959px;
border: 1px solid #458B00;
width: 20px;
height: 20px;
background-color: #458B00;
text-align: left;
color: #FFFFFF;
}

/*page header in color
 *change color to what you like
 *default color is green = #458B00
 */
#header {
text-align: center;
color: #458B00;
}

/*used for text in quotations i.e, " " */
#quote {
width: 300px;
font-style: italic;
font-family: "Garamond";
margin-top: 0px;
margin-right: 70px;
margin-bottom: 0px;
margin-left: 70px;
font-weight: bold;
/*text-indent: 1cm;*/
/*text-align: center;*/
/*margin: 75px;*/
}

/*sub header style, color, font, and margin*/
#subHeader {
font-weight: bold;
color: #458B00;
font-family: "Arial";
font-size: 130%
margin-top: 0px;
margin-right: 40px;
margin-bottom: 0px;
margin-left: 40px;
/*margin: 40px;*/
}

/*font and margins for text*/
#textFont {
font-family: "Arial";
margin-top: 0px;
margin-right: 40px;
margin-bottom: 0px;
margin-left: 40px;
/*margin: 40px;*/
}

/*style for source of quotes*/
#source {
font-family: "Courier";
margin-top: 0px;
margin-right: 75px;
margin-bottom: 0px;
margin-left: 75px;
/*margin: 75px;*/
}

/*text color
 *default is green = #458B00
 */
#greenText {
text-align: left;
color: #458B00;
}

/*previous page link position
 *at the top of page (left)
 */
#prevPage {
position: absolute;
top: 20px;
left: 70px;
width: 115px
border: 1px solid #FFFFFF;
background-color: #FFFFFF;
text-align:left;
}

/*next page link position
 *at the top of page (right)
 */
#nextPage {
position: absolute;
top: 20px;
left: 850px;
width: 90px;
border: 1px solid #FFFFFF;
background-color: #FFFFFF;
text-align:left;
}

/*back to index link position
 *at the top of page (center)
 */
#backToIndex {
position: absolute;
top: 20px;
left: 450px;
width: 80px;
border: 1px solid #FFFFFF;
background-color: #FFFFFF;
text-align:left;
}


/*used for text in quotations i.e, " " */
#picExplanation {
font-family: "Georgia";
text-align: left;
margin-top: 0px;
margin-right: 40px;
margin-bottom: 0px;
margin-left: 40px;
/*margin: 40px;*/
/*font-weight: bold;*/
/*text-indent: 1cm;*/
/*font-style: italic;*/
}

/*Close Book Button*/
#button {
position: absolute;
top: 472px;
left: 185px;
border: 1px solid #458B00;
width: 95px;
height: 30px;
background-color: #458B00;
text-align:center;
color: #FFFFFF;
font-size:26px;
font-weight:bold;
text-decoration:none;
}
a.button{
text-decoration:none;
color:white;
}
a.button:active{
text-decoration:none;
color:white;
}
a.button:hover {
text-decoration:none;
color:white;
}