/*
1 divided by 16 times number of pixels to get em's
*/

/*for IE the background color needs to be different, f3d7e8*/* 
{
padding : 0;
margin : 0;
border : 0;
border-color : transparent;
}




body {
margin-left:auto;
margin-right:auto;
background-color:black;

font-size: 100.1%;/*for styleing with em's*/
}


#wrapper {
font-family:"Myriad Pro","Helvetica", "Tahoma","Arial", "Helvetica", sans-serif;
width:60em;
margin-top:2em;
margin-left:auto;
margin-right:auto;
padding-left:0em;
padding-right:1em;
background-color:black;
color:black;
font-size: 0.8em;/*for styleing with em's sets parent size dont adjust here, ratio adjust in other elements*/
}


/* using h4 to style h1 until dtr is set up*/


h1{
font-family: "Minion Pro","New York Times", serif;
margin-left:8.3em;
margin-top:1.4em;
font-size:1.8em;
color:#6D6D70;
padding-bottom:0em;
padding-top:.2em;
}





/*h4 is used for titles that need more alignment to the left, the look inside page and the purchase page*/






footer{
font-family: "Myriad Pro","Helvetica", "Tahoma","Arial", "Helvetica", sans-serif;
line-height:1.3em;
color:#6D6D70; 
margin-left:15.5em;
margin-right:2.5em;
margin-top:1em;
font-size: 1.1em;
}

p {
font-family: "Myriad Pro","Helvetica", "Tahoma","Arial", "Helvetica", sans-serif;
line-height:1.3em;
color:#6D6D70; 
margin-left:15.5em;
margin-right:2.5em;
margin-top:1em;
font-size: 1.1em;
}





p.purchase_page {
font-family: "Myriad Pro","Helvetica", "Tahoma","Arial", "Helvetica", sans-serif;
line-height:1.3em;
color:black; 
margin-left:3.4em;
margin-right:2.5em;
margin-top:1em;
font-size: 1.1em;
}



p.alignleft{
text-align:left;
}


p.closer {"Myriad Pro","Helvetica", "Tahoma","Arial", "Helvetica", sans-serif;
line-height:1.3em;
color:black; 
margin-right:7em;
margin-left:6em;
margin-top:0.3em;
font-size: 1.1em;
}

/* this controls the font the p tage refering to the java script slide show credits */
#credits{
margin-top:0.3em;
font-size:0.48em;
margin-left:6.4em;
color:grey;
}


#instructions_for_zoom{
margin-top:1.3em;
font-size:1em;
margin-left:17.8em;
color:grey;
}

* im of web design page for screenshots */

/*
number of pixels divided by 16, times .65 to get em's
example;
450px by 450px
18.28em by 18.28em
*/






img.book{  /*336x394 pixels times .65*/
width: 13.65em;  /*336 divided by 16, times .65 equals 13.65 em*/
height: 16em;
float:left;
}











table.slideshowviewer img.rightarrow{
height:3.6em; 
width:3.8em;
margin-left:0.5em;
padding-left:0em;


}  

table.slideshowviewer img.leftarrow{
height:3.6em; 
width:3.8em;
margin-left:1em;
padding-left:0em;


}

table.slideshowviewer{
margin-left:0em;
margin-top:1em;
}

table.slideshowviewer img{
margin-top:0.8em;
margin-left:0em;
margin-right:2em;
height:28.5em;
width:46.7em;

}




td p{  /* moves where the arrows sit on the web page for the slideshow */
margin-left:0em;
margin-right:0em;

}

a.maplink{
color:#848EBC;
border-bottom:1px;
text-decoration: underline;
}

/*

#menu {
width:60em;
margin-left:3.2em;
margin-right:auto;
margin-top:3em;
padding-top:.7em;
padding-bottom:.5em;
}

#menu ul {
list-style-type : none;
text-align : left;
}

#menu ul li {
display : inline;
width:60em;
margin-right : 1em;
}

#menu ul li a {
text-decoration : none;
font-family : "Myriad Pro","Helvetica", "Tahoma","Arial", "Helvetica", sans-serif;
font-size : 1.1em;
font-weight: 700;
color : black;
padding:.7em;
}



#menu ul li a:hover {
background-color:#A39EAB;
color:black;
}

a:link {
color : #000000;
text-decoration : none;
}
a:visited {
color :#000000;
text-decoration : none;
}
a:hover {
color :#000000;
background-color:black;
text-decoration : none;

}
a:active {
color : #000000;
text-decoration : none;
}



a.button {
    line-height: 180%;
    padding: 2px;
    border : gray outset 2px ;
    text-decoration: none;     /* no underline */
    
   /*  
    
}
a.button:link {
    color : #000 ;
    background-color : #ccc ;
}
a.button:visited {
    color : #000 ;
    background-color : #ccc ;
}
a.button:active {
    border : gray inset 2px ;
}
a.button:hover {
    color : #fff ;
    background-color : #ccc ;
}
 */