* {
  margin: 0;
  padding: 0;
}


html {
  height: 100%;
}

* html #wrapper
{
	height: 100%;
}

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color:#A0AC73;
	height: 100%;
}



h1 {
  font-size: 18px;
  font-weight: normal;
}

p, li, strong {
 line-height:20px;
}

h1, h2, p {
padding:0px 10px 10px 0px;
}

 p {
text-align:justify;
}


#opacity {
color:#B19A63;
}

.num {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:16px;
color:#666666;
}

a {
color:#660000;
}

#content #pic {
float:left;
margin-right:20px;
border:none;
}

#content div {
clear:both;
}

#content #pnum {
clear:both;
text-align:center;
padding-bottom:10px;
}

#content div img{
padding-bottom:10px;
}


a:active {
border:none;
outline: none;
}

a:visited {
outline: none;
border:none;
}

ul {
list-style:none;
}

#path {
  padding: 0px 0px 20px 0px;
}

#path a {
 font-size:11px;
}

#path span {
  padding-left: 5px;
  padding-right: 5px;
}

#wrapper {
	background-color:#ecdfc2;
	border-left:2px solid #FFFFFF;
	border-right:2px solid #FFFFFF;
}

#header {
	height: 88px;
  	background-image:url(/images/wbooks/1stLine.jpg);
	background-repeat:no-repeat;
	background-position:center;
}


#andMenu {
	height: 90px;
	list-style: none;
	background-image:url(/images/wbooks/2ndLine.jpg);
	background-repeat:no-repeat;
	background-position:center;
}



#andMenu a {
	color:#333333;
	font-weight:bold;
	text-decoration:none;
	display:block;
	padding-top:30px;
}

#andMenu ul {
	padding-top:6px;
}

#ibook {
	background-image:url(/images/wbooks/book.jpg);
	background-repeat:no-repeat;
	background-position:center;
	border-right: 2px solid #596139;
	text-align:center;
	padding:26px 0px 0px 10px;
	height:46px;
	width:100px;
	float:right;
}



#ifilm {
	background-image:url(/images/wbooks/spyglass.jpg);
	background-repeat:no-repeat;
	background-position:center;
	border-right: 2px solid #596139;
	text-align:center;
	padding:26px 0px 0px 10px;
	height:46px;
	width:100px;
	float:right;
}


#isound
{
	background-image:url(/images/wbooks/horn.jpg);
	background-repeat:no-repeat;
	background-position:center;
	text-align:center;
	padding:26px 0px 0px 10px;
	height:46px;
	width:100px;
	float:right;
}

#mainNav {
  list-style: none;
}


#footer {

	background-image:url(/images/wbooks/wound.jpg);
	background-repeat:no-repeat;
	background-position:right;
	font-size:11px;
	vertical-align:bottom;
	padding:0px;
	position:absolute;
	bottom: 0;
        margin-top:20px;
}

#footer p {
	display:block;
	padding-left: 250px;
	padding-top: 20px;
}

/* The Core Technique

================================= */

body {
  text-align: center; 
  min-width: 1000px;
}

#wrapper {
  width: 960px; 
  margin: 0 auto; 
  text-align: left;
  position: relative;
  min-height: 100%;
}

#content { 
  width: 690px;
  float: right;
  padding-bottom:80px;
  padding-right:20px;
}

#mainNav { 
  width: 230px; 
  float: left;
} 



#footer { 
  clear: both;
  padding:0;
  height:88px;
  width:960px;
} 



/* Add some padding 

================================== */

#mainNav {
  padding-top: 0px;
  padding-bottom: 20px;
}

#mainNav * {
  padding-left: 20px;
  padding-right: 20px;
}

#mainNav * * {
  padding-left: 0;
  padding-right: 0;
}

#content * {
  padding-right: 0px;
}

#content * * {
  padding-right: 0;
}

#content p {
  padding-right: 20px;
}

#content img {
  padding: 0px 0px 6px 0px;
}