* {
/*	
	margin: 0px;
	padding: 0px;

*/
}

html {
	height: 100%;
background: fixed #002010 url(main.jpg) center bottom no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

body { 
height: 100%;
text-align: center;
font-family: Helvetica, sans-serif;
margin: 0px;
}

.main {
margin: 0px auto;
padding: 15px;
font-size: 105%;
color: #000000;
text-align: left;
width: 750px;
min-width:750px;
background-color: #a09998; /*#565660; #333333; black;*/

position: relative;

border: 1px solid green;

/* for IE, TEMPORARY */
background-color: #A09998;
filter:alpha(opacity=90);
/* end */

-moz-border-radius: 15px;
-webkit-border-radius: 15px;
-khtml-border-radius: 15px;
border-radius: 15px;

background: url(back.png);
}

.wrapper {
position: relative;
height: auto !important;
height: 100%;
min-height: 100%;
margin: 0px auto -23px;
padding: 0px;
min-width: 750px;
width: 750px;
}

.phead {height: 13px;} /* TODO: probably add JS to center the .main div ? */

.push {
height: 35px;
margin: 0px;
min-width: 750px;
width: 750px;
margin 0px;
}

.footer {
/*margin: 0 auto;*/
width: 100%;
min-width: 775px;
background-color: #002000;
height: 22px;
padding-top: 1px;
color: #F0EAF0;
font-size: 80%;
text-align: center;

filter:alpha(opacity=50); 
-moz-opacity: 0.5;
-webkit-opacity: 0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}

.footer a{
text-decoration: underline;
color: #F0EAF0;
}
/* ------------------- */
#menu {
/*float:left;*/
font-size:90%;
line-height:normal;
/*border-bottom: 1px solid gray;*/
height: 22px;

margin: 0px auto;
width: 770px;
min-width:770px;
}

#menu ul{
list-style-type: none;
margin:0;
margin-left: 10px;
padding:0;
}

#menu li{
display:inline;
margin:0;
padding:0;
}

#menu a {
float:left;
background:url(tab-left.gif) no-repeat left top;
margin:0;
padding:0 0 0 9px;
text-decoration:none;
cursor: default;
}

#menu a span {
float:left;
display:block;
background:url(tab-right.gif) no-repeat right top;
padding:3px 14px 3px 5px;
font-weight:bold;
color:#3B3B3B;

filter:alpha(opacity=100); 
-moz-opacity: 1;
-webkit-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#menu a span {float:none;}
/* End IE5-Mac hack */

#menu a:hover span {
color: black;
}

#menu #current a {
background-position:0 -125px;
}

#menu #current a span {
background-position:100% -125px;
color: black;
}

#menu a:hover {
background-position:0% -125px;
}

#menu a:hover span {
background-position:100% -125px;
}
/* -------------------------- */

img.pic{
display: block;
float: right;
margin: 0px 0px 10px 15px;

border: 1px dotted green;

-moz-border-radius: 15px;
-webkit-border-radius: 15px;
-khtml-border-radius: 15px;
border-radius: 15px;
}

img.book{
display: block;
float: right;
margin: 0px 0px 5px 15px;
border: 1px dotted green;
height: 248px;
width: 189px;
}
/*img.book:hover { height: 348px; width: 289px; }*/
img.pic.left, img.book.left { float: left; margin: 0px 15px 5px 0px; }

img.pic.center {
  display: block;
  float: none;
  margin-left: auto;
  margin-right: auto;
  margin-top:15px
}

p, h2 { margin-top: 0px; }

h2{ font-size: 30px; margin-bottom: 16px; }
h3{ font-size: 23px; margin-bottom: 15px; }

b:hover{ border-bottom: 1px dashed #102005; }


.main li{list-style-type: none; display:block; margin-top: 10px; margin-left: -40px}

.main p {text-align: left;}

.main a { text-decoration:none; color: black;}
.main a:hover { border-bottom: 1px dashed black;}

.footer p{ margin: 2px 0;}

#last {margin-bottom: 0}
#book_bl { margin-top: 170px }

.book_about {margin-top: 25px;}

.vid { margin: 0px 0px 15px 45px }

/*
.showhide a {text-decoration: none; color: black; cursor: text; width: 10000px}
.showhide a:hover {position: relative}
.showhide a span {display: none;}
.showhide a:hover span {display:block}
*/