body
{
      font-size: 90%;
      font-family:   verdana, arial, helvetica, sans-serif;
	  background:#EEE;
}


div#page
{
    margin-top:   0;
    margin-left:  auto;
    margin-right: auto;
    margin-bottom: 3.0em;
    background="/images/home-background.gif";
    background: white; 
    color: black;

    width: 980px;
    background: #FFFFFF;
    text-align: center;


      border-radius:           6px;
      -webkit-border-radius:   6px;
      -moz-border-radius:      6px;
      
      box-shadow:         10px 10px 15px rgba(0,0,0,0.15);
      -webkit-box-shadow: 10px 10px 15px rgba(0,0,0,0.15);
      -moz-box-shadow:    10px 10px 15px rgba(0,0,0,0.15);
}




div#header
{
    text-align: center;
    width: 98%;
    
    height: 9.2em;
    
    overflow: hidden;
    padding-bottom: 0em;
    padding-top: 0em;
    text-align: center;
    margin-top: 1em;
    margin-bottom: 0em;
    margin-left: auto;
    margin-right: auto;
		background-color: green;
	}

div#body
{
    background="/images/home-background.gif";
    width: 96%;
    height: auto; 
    margin-left:auto;
    margin-right: auto;
}


div#footer
{
    background: #FBB;
    width: 96%;
    height: 6em;    
    margin-left:auto;
    margin-right: auto;
}

div#ESP-navbar
{
     width: 100%;
     font-weight: bold;
     color: #000;
     text-align: left;
     clear: both;
     margin-top: 0;
     margin-bottom: 0;
     padding: 0;
     margin-left: auto;
     margin-right: auto;
     z-index: 500;
     background-color: #F9F9F9;
}


#container-main
   { 
      width: 98%;
      margin-top: 0;
      margin-bottom: 0;
      margin-left: auto;
      margin-right: auto;
      background-color: #FFFFFF;

   }


#content
   {
      width: auto;

      overflow: auto;

      border-left:  0.1em solid #CCCCCC;
      border-right: 0.1em solid #CCCCCC;
   }
	
        
#container-bot
   { 
      clear: both;
      width: 100%;
      margin-top: 0;
      margin-bottom: 0;
      margin-left: auto;
      margin-right: auto;
      padding-top: 1.0em;
      padding-bottom: 1.5em;
      font-size: 70%;
   }

img.float-right
   {
      padding: 0;
      float: right;
      margin-top: auto;
      margin-right: inherit;
      margin-bottom: 1.5em;
      margin-left: 1.5em;
      width: 40%;
   }

img.float-left
   {
      padding: 0;
      float: left;
      margin-top: auto;
      margin-left: inherit;
      margin-bottom: 1.5em;
      margin-right: 1.5em;
   }



div#ESP-main-left
{
  float: left;
  width: 70%;
  text-align: left;

}

div#ESP-main-right
{
  padding-top: 1em;
  width: 30%;
  float: right;
  text-align: left;

}

div.container-standard
{
  padding: 1em;
  padding-top: 0.3em;
  text-align: justify;
  margin-top: 1em;
  margin-left: 1em;
  margin-right: 1em;      
}

div.column-banner

{
width: 100%;
background-color: #eeeeee;
font-weight: bold;
letter-spacing: 0.1em;
font-size: 1.1em;
border-width: 0.1em;
border-style: solid;
border-color: #cccccc;
padding-top: 0.5em;
text-align: center;
margin-bottom: 0pt;
height: 1.6em;

}

div.maincol-title
{
      display: block;
      width: 100%;
      color: #048;
      font-size: 3.0em;
      font-weight: bolder;
      font-family: georgia, "times new roman", times, serif;
      letter-spacing: 0.1em;
      line-height: 150%;
      text-align: center;
      margin-bottom: 0.5em;
      font-variant: small-caps;
}

div.maincol-title-extra
{
      display: block;
      width: 100%;
      color: #048;
      font-size: 3.5em;
      font-weight: bolder;
      font-family: georgia, "times new roman", times, serif;
      letter-spacing: 0.1em;
      line-height: 150%;
      text-align: center;
      margin-bottom: 0.5em;
      font-variant: small-caps;
}



div.maincol-banner
{

width: 100%;

border-width: 0.1em;
border-style: solid;
border-color: #cccccc;
background-color: #eeeeee;

margin-top: 1.75em;
margin-bottom: 1.2em;
height: 2.3em;

}

div.maincol-box div.maincol-banner
{

width: 100%;

border-bottom-width: 0.1em;
border-bottom-style: solid;
border-bottom-color: #cccccc;
background-color: #eeeeee;

margin-top: 0em;
margin-bottom: 1.2em;
height: 2.3em;

}


div.maincol-banner-contents
{
   letter-spacing: 0.06em;
   text-align: left;
   font-weight: bolder;
   font-size: 1.2em;   
   padding: 0.3em;
   padding-left: 0.5em;
   margin:0;
   letter-spacing: 0.1em;
}


div.sidebar-banner
{

width: 100%;

border-bottom-width: 0.1em;
border-bottom-style: solid;
border-bottom-color: #cccccc;
background-color: #eeeeee;
margin-bottom: 0pt;
height: 2.0em;

}


div.sidebar-banner-contents
{
   text-align: left;
   font-size: 85%;
   font-weight: bolder;
   padding: 0.3em;
   padding-left: 0.5em;
   margin:0;
   letter-spacing: 0.15em;
}

div.sidebar-footer
{

width: 100%;
border-bottom-width: 0.1em;
border-bottom-style: solid;
border-bottom-color: #cccccc;
background-color: #EEE;
margin-bottom: -1em;
height: 1.5em;

}


div.sidebar-footer-contents
{
   color: #666;
   text-align: center;
   font-weight: normal;
   font-size: 0.8em;   
   padding: 0.1em;
   margin:0;
   letter-spacing: 0.05em;
}



div.page-banner
{
width: 100%;
border-width: 0.1em;
border-style: solid;
border-color: #cccccc;
background-color: #eeeeee;
margin-top: 1.75em;
margin-bottom: 1.4em;
height: 2.0em;
}


div.page-banner-contents
{
   text-align: center;
   font-weight: bolder;
   font-size: 1.20em;;   
   padding: 0.3em;
   padding-top: 0.2em;
   margin:0;
   letter-spacing: 0.1em;
   font-family: Georgia, "Times New Roman", Times, serif; 
}

div.book-banner
{
width: 100%;
border-bottom-width: 0.1em;
border-bottom-style: solid;
border-bottom-color: #cccccc;
background-color: #eeeeee;
margin-bottom: 0pt;
height: 3.0em;
}


div.book-banner-contents
{
   text-align: center;
   font-weight: bolder;
   font-size: 1.0em;;   
   padding: 0.3em;
   padding-top: 0.75em;
   margin:0;
   letter-spacing: 0.08em;

}

div.book-banner-subtitle
{

width: 100%;

border-bottom-width: 0.1em;
border-bottom-style: solid;
border-bottom-color: #cccccc;
background-color: #eeeeee;
margin-bottom: 0pt;
height: 2.0em;
}


div.book-banner-subtitle-contents
{
   text-align: left;
   font-weight: normal;
   font-size: 1.0em;   
   padding: 1.0em;
   padding-top: 0.5em;
   margin:0;
   letter-spacing: 0.12em;

}

div.book-banner-footer
{

width: 100%;

border-width: 0.1em;
border-style: solid;
border-color: #cccccc;
background-color: #eeeeee;
margin-bottom: 0pt;
height: 2.0em;
}


div.book-banner-footer-contents
{
   letter-spacing: 0.2em;
   text-align: center;
   font-weight: normal;
   font-size: 0.9em;   
   font-family: Georgia, "Times New Roman", Times, serif;
   padding: 0.8em;
   padding-top: 0.5em;
   margin:0;
   color: #666;
}

.ESP-sidebar
{

  margin: 0;
  margin-top: 1em;
  margin-left: 1em;
  margin-right: 1em;
  padding-bottom: 1.0em;
  font-size: 80%;
  line-height: 140%;
  letter-spacing: 0.025em;
  font-family:   verdana, arial, helvetica, sans-serif;
}

.ESP-sidebar-option
{
  font-size: 0.9em;
  letter-spacing: 0.025em;
  font-family:   verdana, arial, helvetica, sans-serif;
  text-align:center;
}

.ESP-sidebar-option-contents
{
  font-size: 0.75em;
  padding: 0;
  margin:0;
  margin-top: 0.9em;
  margin-bottom: -0.25em;
  line-height: 100%;
  letter-spacing: 0.025em;
  font-family:   verdana, arial, helvetica, sans-serif;
  text-align:center;
}

.ESP-sidebar-option-contents a
{
  color: #F00;
  text-decoration: none;
  font-weight: normal;
}

.ESP-sidebar-option-contents a:hover
{
  font-weight:bolder;
  text-decoration:none;
}

.ESP-maincol-box
{

  margin: 0;
  margin-top:1em;
  margin-left: 1em;
  margin-right: 1em;
  margin-bottom: 1.5em;
  
  padding-bottom: 1.0em;
  padding-top: 0;
  
border-width: 0.1em;
border-style: solid;
border-color: #cccccc;
}

.ESP-sidebar-pop
{
      
}

.ESP-sidebar-pop div.sidebar-banner-contents
{
      color: #FFF;
}

.ESP-sidebar-pop div.sidebar-banner
{
  border-bottom-color: #048;
  background-color:    #048;
      
}
.ESP-sidebar-contents
{
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  padding-left: 1.5em;
  padding-right: 1.5em;
  font-size:85%;
  line-height:130%;     
}
.ESP-sidebar-about-contents
{
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  padding-left: 1.5em;
  padding-right: 1.5em;
  font-size:94%;
  line-height:130%;     
}

p.sidebar-emphasis
{
      font-size: 120%;
      padding: 0.5em;
      font-weight: bolder;
      color: #048;
}


.ESP-sidebar h1
{
      color:#a10914;
      font-size: 110%;
      font-weight: bolder;
      padding-bottom: 0;
      font-variant: normal;
      margin-bottom: 0.5em;;
}

.ESP-sidebar p
{
  margin-bottom: 0.5em;
}

.ESP-sidebar h2
{
color: #004488;
font-size: 100%;
font-weight: bolder;
padding-top: 0;
margin-bottom: 0.5em;;
}

.ESP-sidebar h3
{
color: #004488;
font-size: 90%;
font-weight: bolder;
padding-top: 0;
}

.ESP-sidebar h4
{
color: #004488;
font-size: 80%;
font-weight: bolder;
padding-top: 0;
font-style: normal;
padding-bottom: 0;
margin-bottom: 0em;
}

.ESP-sidebar h5
{
color: #004488;
font-size: 80%;
font-weight: bolder;
padding-top: 0;
font-style: normal;
padding-bottom: 0;
margin-bottom: 0em;
}

.ESP-outline
{
  border:  0.1em solid #CCCCCC;
}

.ESP-justify
{
  text-align: justify;
}

.ESP-round
{
  border-radius:           5px;
  -webkit-border-radius:   5px;
  -moz-border-radius:      5px;
}

.ESP-shadow
{
  box-shadow:         3px 3px 8px rgba(0, 0, 0, 0.2);
  -o-box-shadow:      3px 3px 8px rgba(0, 0, 0, 0.2);
  -icab-box-shadow:   3px 3px 8px rgba(0, 0, 0, 0.2);
  -khtml-box-shadow:  3px 3px 8px rgba(0, 0, 0, 0.2);
  -moz-box-shadow:    3px 3px 8px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.2);
}

.ESP-emphasis
{
      font-size: 120%;
      padding: 1.5em;
      font-weight: bolder;
      color: #048;
      
}


.ESP-gray
{
  background-color: #EEE;
}





div.full-width-breadcrumbs

{
    margin-top: -3.0em;
    margin-bottom:4px;
	font-size: 10px;
    color: #0c4790;
    width:100%;
    clear: both;
    height: 1.8em;
    background-color: inherit;
}

div.full-width

{
    width:100%;
    clear: both;
    height: 2em;
}

div.full-width-c

{
    height: 6em;
    display: block;
    text-align: center;
    width:96%;
    clear: both;
    background-color: #CCC;
    margin-left: auto;
    margin-right: auto;
    border-left:       0.1em solid #CCCCCC;
    border-right:      0.1em solid #CCCCCC;
    border-bottom:     0.1em solid #AAA;

}
div.full-width-l

{
    text-align: left;
    margin-left: auto;
    margin-right: auto;
}


div.full-width-login
{
    font-size: 100%;
    width:94%;
    clear: both;
    text-align: right;
    height: 2em;
    color: #666;
    padding: 0;
    margin-right: auto;
    margin-left: auto;

}

div.full-width-login a
{
    text-decoration: none;
    color: #666;
    font-weight: normal;
}

p.login-msg
{
  float: right;
  text-align: center;

  height: auto;
  padding-right: 2em;
}


img
   {
      border-style: none;
      padding:0;
   }

div.header-full-width
{
    text-align: left;
    background-image: url("/images/people/darwin-009x-100.png");
    background-position: 92% 44% ;
    background-repeat: no-repeat;
    padding-top: 1em;
}



div.header-left-col
{
    text-align: center;
    float: left;
    width: 21%;

    background-image: url("/images/fruit-fly-01c-left.png");
    background-position: 50% 44% ;
    background-repeat: no-repeat;
    height: 100%;
    
}

div.header-left-col a
{
      width: 100%;
}
div.header-right-col
{
    text-align: left;
    padding-top: 0;
    float: left;
    width: 21%;
    background-image: url("/images/fruit-fly-01c.png");
    background-position: 50% 44% ;
    background-repeat: no-repeat;
    height: 100%;
}

div.header-middle-col
{
    padding:0;
    padding-top: 0em;
    height: 100%;
    text-align: center;
    float: left;
    width: 58%;
    color: #000;
    background-position: 50% 50% ;


}

div.header-middle-col a
{
      color: #000;
      padding: 0;
      margin: 0;
      text-decoration: none;
}



div.sub-head
{
    font-size: 1.5em;
    margin: 0;
    padding: 0;
    margin-top: -2em;
    color: #0c4790;
    font-family:   verdana, arial, helvetica, sans-serif;
    font-weight: bolder;
    letter-spacing: 0.06em;
    margin-bottom: 0.8em;
    
}

div.body-left-col
{
    text-align: left;
    float: left;
    width: 18%;
    background-color: #FFB;
    height: 100%;
}

div.body-right-col
{
    text-align: left;
    float: right;
    width: 18%;
    background: #FBF;
    height: 100%;
}

div.body-middle-col
{
    text-align: center;
    background: #BFF;
    width:auto;
    height: 100%;
}

div.left-col
{
    text-align: left;
    float: left;
    width: 18%;
    background-color: #FFB;
}


div.right-col
{
    text-align: left;
    float: right;
    width: 18%;
    background: #FBF;
}

div.middle-col
{
    text-align: center;
    background: #BFF;
    width:auto;
}



div.website-name
{
  padding-left: 1.0em;
  display: block;
  text-align: left;

  font-size: 120%;

  letter-spacing: 0.08em;

  margin: 0;
  margin-right: 1em;
  margin-bottom: 0.25em;
  letter-spacing: 0.08em;
}

div.website-text
{
   padding-left: 3em;
   padding-right: 1.0em;
   line-height: 150%;
   letter-spacing: 0.02em;
   width: auto;
   margin-bottom: 1.5em;
}

div.website-text p
{
	margin-bottom: 0.75em;
}



div.search
{
	color: rgb(12,71,144);
	font-weight: bold;
	letter-spacing: 0.05em;
        padding-top: 0.5em;
	padding-right: 0.2em;
	float: right;
	text-align: right;
}


h1, h2, h3, h4
   {
      margin-top: 0;
      letter-spacing: 0.1em;
      font-weight: bolder;
      text-align: left;
   }


h1 {font-size: 180%; font-variant: small-caps; margin-top: 0.5em;}
h2 {font-size: 160%;}
h3 {font-size: 140%; font-style: italic}
h4 {font-size: 120%; font-weight: bold; font-style: italic; display: run-in;}

h1 + h2
	{
		padding-top: 0;
		margin-top: 0;
	}
h2 + h3
	{
		padding-top: 0;
		margin-top: -0.5em;
	}
h3 + h4
	{
		padding-top: 0;
		margin-top: -0.75em;
	}



a
{
		text-decoration: none;      
		font-weight: bolder;
}
  
a:hover
{
      text-decoration: underline;
}
  
a:link
   {
      color: rgb(12,71,144);
   }
  
a:visited
   {
      color: rgb(12,71,144);
   }
  
   


div.nav-bar-container
   {
      width: 96%;
      font-weight: bold;
      color: #000;
      text-align: left;
      clear: both;
      margin-top: 0;
      margin-bottom: 0;
      padding: 0;
      margin-left: auto;
      margin-right: auto;
      z-index: 500;
   }

div.nav-bar-container-bottom
   {
      width: 96%;
      font-weight: bold;
      color: #000;
      text-align: left;
			height: 1.75em;
      margin-top: 0;
      margin-bottom: 0;
      margin-left: auto;
      margin-right: auto;
      border-left:    0.1em solid #CCCCCC;
      border-right:   0.1em solid #CCCCCC;
      border-top:     0.1em solid #CCCCCC;
      padding-top:    0.5em;
      padding-bottom: 0.5em;
      background-color: #EEEEEE;
   }

div.breadcrumbs
{
  color: #0c4790;
  text-align: left;
	padding: 0;
	padding-left: 2.85em;
	padding-right: 0em;
	padding-top: 0;
	padding-bottom: 0;
	margin: 0;
	margin-top: 0.0em;
  float: left;
}

div.breadcrumbs a
{
  color: #0c4790;
  font-weight: bolder;
  text-decoration: none;
}

div.breadcrumbs a:hover
{
  text-decoration:  underline;
}


div.you-are-here
{
  letter-spacing: 0.075em;
  color: #0c4790;
  text-align: left;
  padding: 0;
  padding-left: 1.0em;
  padding-bottom: 0.0em;
  margin: 0;

  clear: both;
  width: 100%;
  height: 1.6em;

  margin-left: auto;
  margin-right: auto;
}

div.you-are-here a
{

  color: #0c4790;
  font-weight: bolder;
  text-decoration: none;
}

div.you-are-here a:hover
{
  text-decoration:  underline;
}

div.date
	{
      font-weight: bolder;

      padding: 0;
      margin: 0;
      float: right;
      width: 64%;
		text-align: right;
      padding-right: 2.0em;

		background-color: #990000;
      
	}
	


div.footer-bar
{
      height: 3em;
      background:#eee;
      width: 100%;
      margin-left:auto;
      margin-right: auto;
      margin-bottom: 1em;
  border:1px solid #aaa;

    background-image: url("/images/ESP-new-footer.png");
    background-position: 50% 50% ;
    background-repeat: no-repeat;

  box-shadow:         3px 3px 8px rgba(0, 0, 0, 0.2);
  -o-box-shadow:      3px 3px 8px rgba(0, 0, 0, 0.2);
  -icab-box-shadow:   3px 3px 8px rgba(0, 0, 0, 0.2);
  -khtml-box-shadow:  3px 3px 8px rgba(0, 0, 0, 0.2);
  -moz-box-shadow:    3px 3px 8px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.2);
}

div.slogan
{
  height: 1.2em;
  font-weight: normal;
	color: #666;
	letter-spacing: 0.05em;
	padding-left: 1.75em;
  padding-right: 3em;
	float: right;
	text-align: right;
}

   
img.bottom
  {
      position: absolute;
      bottom: 5px;
      text-align: center;
  }

div.signin
{
	display: block;
	width: 94%;
   text-align: right;
	color: #666666;
	margin-left: auto;
	margin-right: auto;
	padding-top: 1em;	
}




.TR
{
	float: right;
	text-align: right;
}

.TL
{
	float: left;
	text-align: left;
}

div.column-label-top
   {
      width: 100%;
      background-color: #EEEEEE;
      font-weight: bold;
      letter-spacing: 0.1em;
      font-size: 1.1em;
      border-bottom:  0.1em solid #CCCCCC;
      padding-top: 0.5em;
      text-align: center;
      margin-bottom: 0;
      height: 1.6em;
   }

div.column-label
   {
      width: 100%;
      background-color: #EEEEEE;
      font-weight: bold;
      letter-spacing: 0.1em;
      font-size: 1.1em;
      border-top:  0.1em solid #CCCCCC;
      border-bottom:  0.1em solid #CCCCCC;
      padding-top: 0.5em;
      text-align: center;
      margin-bottom: 0;
      margin-top: 1em;
      height: 1.6em;
   }


div.column-label-ad
   {
      width: 100%;
      background-color: #EEEEEE;

      font-weight: bold;
      letter-spacing: 0.2em;
      font-size: 0.8em;
      border-bottom:  0.1em solid #CCCCCC;
      padding-top: 0.5em;
      padding-bottom: 0.5em;
      text-align: center;
      margin-bottom: 0;
      margin-top: 0;
   }


div.clear
   {
      clear:both;
      width: 100%;
      
   }

div.column-list
   {
      width: 100%;
      border-bottom:  0.1em solid #CCCCCC;
      padding-bottom: 1.5em;
   }

div.column-list-center
   {
      width: 100%;
      border-bottom:  0.1em solid #CCCCCC;
      padding-bottom: 0.5em;
      text-align: center;
   }

div.column-ad
   {
      text-align: center;
      padding: 0;

	}

div.main-column-section
   {
      padding-top:   0;
      padding-left:  2.5em;
      padding-right: 2.5em;
      overflow: auto;

   }

div.bottom-center
   {
      position: absolute;
      bottom: 5px;
      text-align: center;
  }

div.content-left
   {
      position: relative;
      width: 18em;
      text-align: left;
      float: left;     
      padding: 0;
   }
	
div.content-right
   {
      position: relative;
      width: 18em;
      text-align: left;
      float: right;     
      padding: 0;
   }

div.header-left
   {
      width: 20em;
      text-align:  center;
      float: left;
		padding-top: .8em;
      vertical-align: bottom;
   }
	
div.header-right
   {
      width: 20em;
      text-align: center;
      float: right;     
      vertical-align: bottom;
   }

div.header-middle
   {
    text-align: center;
    width: auto;
    font-family: georgia, "times new roman", times, serif;
		font-variant: small-caps;
		font-size: 2.8em;
		letter-spacing: .08em;
		color: #0000FF;
		padding-top: 0.25em;
    
   }

div.header-middle a
	{
		text-decoration: none;
		color : black;
		font-variant: small-caps;
	}

div.footer-left
   {
      width: 30%;
      text-align: left;
      float: left;
      vertical-align: bottom;
      padding-left: 1.0em;
   }
	
div.footer-right
   {
      width: 30%;
      text-align: right;
      float: right;     
      vertical-align: bottom;
      padding-right: 1.0em;
   }

div.footer-middle
   {
      text-align: center;
      width: auto;
   }

div.spacer
   {
      width: 94%;
      height: 2.8em;
      overflow: hidden;
      text-align: left;
      padding-top: 0.4em;
      margin-top: 0;
      margin-bottom: 0;
      margin-left: auto;
      margin-right: auto;
      border-left: 0.1em solid #CCCCCC;
      border-right: 0.1em solid #CCCCCC;
		border-bottom: 0.1em solid #CCCCCC;
   }
   
div.spacer-left
   {
      width: 15em;
      text-align: left;
      float: left;     
      overflow: hidden;
      padding: 1.5em;
   }
	
div.spacer-right
   {
      width: 15em;
      text-align: left;
      float: right;     
      overflow: hidden;
      padding: 1.5em;
   }

div.spacer-middle
   {
      width: auto;
      overflow: hidden;
      padding: 1.5em;
      padding-left: 2.5em;
      padding-right: 2.5em;
      border-left:  0.1em solid #CCCCCC;
      border-right: 0.1em solid #CCCCCC;
   }
	
div.review
	{
      
		text-align: left;
    
		margin-bottom: 0.0em;
		padding-bottom: 3em;
		background: url(/images/divider.png) bottom center no-repeat;
	}
	
div.review:last-child
	{
		background: url(/images/no-image) bottom center no-repeat;
	}
	
	
	
div.review-cover-right
	{
		float: right;
		width: 17em;
		margin-right: inherit;
		margin-top: 0;
		margin-left: 2.5em;
		text-align: center;
    font-size: 80%;
		line-height: 120%;
	}
	
div.review-cover-right:after
	{
		padding-top: 1em;
		padding-bottom: 0.8em;
		font-size: 80%;
		content: "CLICK TO PURCHASE";
		display: block;
	}
	
	
div.review-cover-right-sm
	{
		float: right;
		width: 12em;
		margin-right: inherit;
		margin-top: 0;
		margin-left: 2.5em;
		text-align: center;
    font-size: 80%;
		line-height: 120%;
	}

div.review-cover-right-sm:after
	{
		padding-top: 1em;
		padding-bottom: 0.8em;
		font-size: 80%;
		content: "CLICK TO PURCHASE";
		display: block;
	}
	
	
div.review-cover-left
	{
		float: left;
		width: 17em;
		margin-right: 2.5em;
		margin-top: 0;
		margin-left: inherit;
		text-align: center;
    font-size: 80%;
		line-height: 120%;
	}

div.review-cover-left:after
	{
		padding-top: 1em;
		padding-bottom: 0.8em;
		font-size: 80%;
		content: "CLICK TO PURCHASE";
		display: block;
	}
	
	
	
div.review-cover-left-sm
	{
		float: left;
		width: 12em;
		margin-right: 2.5em;
		margin-top: 0;
		margin-left: inherit;
		text-align: center;
    font-size: 80%;
		line-height: 120%;
	}

div.review-cover-left-sm:after
	{
		padding-top: 1em;
		padding-bottom: 0.8em;
		font-size: 80%;
		content: "CLICK TO PURCHASE";
		display: block;
	}
	
	
p.col-label
   {
      font-size: 1.2em;
      display: inline;
      padding:0;
      letter-spacing: 0.2em;
      margin: 0;
      text-align: center;
      font-weight: bold;
   }

p.col-label span
   {
      text-align: center;
      width: 15em;
      float: left;
   }

p.col-label em
   {
      text-align: center;
      font-style: normal;
      width: 15em;
      float: right
   }

p.content
   {
      margin-bottom: 1em;
      text-align: justify;
      font-size: 1.1em;
      line-height: 130%;
      letter-spacing: 0.05em;
   }

p.footer
   {
      margin: 0;
      margin-left: auto;
      margin-right: auto;
      display: inline;
      font-size: 0.9em;
      padding-right: 1.0em;
      text-align: center;
      letter-spacing: 0.08em;
   }

p.footer-left
   {
      display: inline;
      font-size: 0.9em;
      margin: 0;
      letter-spacing: 0.08em;
      text-align: left;
   }

p.footer-right
   {
      display: inline;
      font-size: 0.9em;
      margin: 0;
      letter-spacing: 0.08em;
      text-align: right;
   }

p.content-class
   {
      font-size: 1.2em;
      letter-spacing: 0.15em;
      font-weight: bold;
      padding-bottom: 1em;
   }

p.review-title
	{
		font-size: 1.2em;
		font-weight: bolder;
		text-align: left;
	}

p.rev-pub-data
	{
		font-size: 90%;
		padding-bottom: 0.5em;
	}

p.review-head
	{
		font-size: 1.3em;;
		padding-top: 0.6em;
		font-weight: bold;
	}

p.review-text
	{
		font-size: 1.2em;

	}

p.review-date
	{
		text-align: left;
		font-size: 70%;
		font-weight: bolder;
		padding: 0;
		letter-spacing: 0.04em;
		color: #000;
    margin-top: 1.5em;
    margin-bottom: 1.0em;
	}

p.review-date:before
	{
		content: "ESP Book Review: ";
	}


p.blurb

   {
      font-size: 1.2em;
      font-style: italic;
      padding-left: 2.5em;
      padding-right: 2.5em;
      text-align: justify;
		letter-spacing: 0.06em;
      
   }
p.col-list-label
   {
      padding:0;
      padding-bottom: 0.25em;
      letter-spacing: 0.1em;
      margin: 0;
      text-align: left;
      font-weight: bold;
      font-size: 1.2em;
      color: #CCCCCC;
   }

p.pull-quote-r
   {
      display: inline;
      font-size: 2.0em;
      letter-spacing: 0.1em;
      font-family: georgia, "times new roman", times, serif;
      margin: 0.5em;
      margin-right: 0;
      padding: 0.5em;
      line-height: 240%;
      text-align: center;
      width: 33%;
      float: right;
      border-top:    1px solid #CCCCCC;
      border-bottom: 1px solid #CCCCCC;

   }

p.pull-quote-l
   {
      display: inline;
      letter-spacing: 0.1em;
      font-size:2.0em;
      font-family: georgia, "times new roman", times, serif;
      margin: 0.5em;
      margin-left: 0;
      padding: 0.5em;
   
      text-align: center;
      width: 33%;
      float: left;
      border-top:    1px solid #CCCCCC;
      border-bottom: 1px solid #CCCCCC;
   }


/*

p.sidebar
   {
      margin: 0;
      padding: 0;
      padding-left: 1.5em;
      padding-right: 1.5em;
      letter-spacing: 0.08em;
      font-size: 1.1em;
   }

p.sidebar-header
	{
		margin: 0;
    width: 100%;
		margin-top: 1.0em;	}

ul.sidebar-ul + p.sidebar-header
{
		margin-top: 0.25em;	
  
}

p.sidebar-header a
{
  text-decoration: none;
  color: inherit;

		padding-left: 1.0em;
		font-weight: bolder;
	  padding-top: 0.25em;
	  padding-bottom: 0.25em;
    display: block;
}

p.sidebar-header a:link
{
  text-decoration: none;
  color: inherit;
}

p.sidebar-header a:visited
{
  text-decoration: none;
  color: inherit;
}

p.sidebar-header a:hover
{
  text-decoration: none;
	background: #036;
	color: #FFF;
}

.sidebar-ul
   {
      display: block;
      font-size: 1.0em;
      font-weight: normal;
      margin: 0;
      padding: 0;
      list-style-type: none;
      width: 100%;
   }

ul.sidebar-ul span
	{
		float: right;
	}

ul.sidebar-ul img
	{
		float: right;
	}


ul.sidebar-ul a
{
	display: block;
	text-decoration: none;
	padding-top: 0.15em;
	height: 1.4em;
	padding-left: 2em;
	font-weight: normal;
	
}

ul.sidebar-ul a.has-sub
{
	background: url(/images/r-arrow.png) right center no-repeat;
}

ul.sidebar-ul li a:hover
{
	text-decoration: none;
	background: #036;
	color: #FFF;
}

ul.sidebar-ul li a.has-sub:hover
{
	text-decoration: none;
	background: #036 url(/images/r-arrow-w.png) right center no-repeat;;
	color: #FFF;
}




ul.navbar-ul
   {
      display: inline;
      font-size: 1.0em;
      margin: 0;
      padding: 0;

      list-style-type: none;
      line-height: 150%;

      width: 15em;
   }

ul.navbar-ul a
{
	display: inline;
	text-decoration: none;
	padding-top: 0.25em;
	height: 1.8em;
	padding-left: 2em;
	width: 8em;
	
}

ul.navbar-ul li a:hover
{
	text-decoration: none;
	background: #036;
	color: #FFF;
}




.clearfix:after
   {
      visibility: hidden;
      display: block;
      font-size: 0;
      content: ".";
      clear: both;
      height: 0;
   }
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
 
 
 
 /*========================================================================================*/
 
 /* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/flyout2.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
.menu
	{
		z-index:1000;
		font-size: 1em;		
		margin: 0;
	}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul
	{
		padding:0;
		margin:0;
		list-style-type: none;
		/*
		border-bottom: solid 2px #CCCCCC;
		*/
	}

/* hack for IE5.5 */
* html .menu ul
{
	margin-left:-16px;
	ma\rgin-left:0;
}

/* position relative so that you can position the sub levels */
.menu li
	{
		position:relative;
		/*
		
		background: #FFF;

		background: rgba(248,252,255,0.5);
		*/
		height: 2.0em;
		border-bottom: solid 1px #DDDDDD;

	}

/* get rid of the table */
.menu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}

/* style the links */
.menu a, .menu a:visited
	{
		display:block; 
		text-decoration:none;
		letter-spacing: 0.00em;
		height:2.0em;
		line-height:2.0em;
		padding-left: 0.5em;
		width: 17.5em;
		
		color: rgb(12,71,144);
		
		text-indent:5px;
		
		font-weight: normal;
		
		border: none;
	}


.menu a span
{
   float:right;
   margin-right: 1em;
}

.menu a.not-esp
{
	background: #eeeeee;
}

.menu a.home
{
	font-weight: bold;
  letter-spacing: 0.1em;
  padding-top: 0;
}




/* hack for IE5.5 */
* html .menu a, * html .menu a:visited {background:#d4d8bd; width:150px; w\idth:149px;}
/* style the link hover */
* html .menu a:hover {color:#fff; background:#949e7c;}





.menu :hover > a
	{
		color:#fff;
		background: #036;
	}

/* hide the sub levels and give them a position absolute so that they take up no room */
.menu ul ul
	{
		visibility:hidden;
		position:absolute;
		top:0;
		left:17.5em;

	}

.menu ul ul
{
	background: rgba(238,238,238,0.92);
}


/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul {
	border: solid 1px #CCCCCC;
	z-index: 500;
   visibility:visible;
	box-shadow:         10px 10px 15px rgba(0,0,0,0.35);
      -webkit-box-shadow: 10px 10px 15px rgba(0,0,0,0.35);
      -moz-box-shadow:    10px 10px 15px rgba(0,0,0,0.35);


}

/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{
visibility:hidden;
}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{
visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ 
visibility:visible;
}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul { 
visibility:visible;
}

.new-design-help
{
   visibility: visible;
}


div.ESP-old-page
{
   width: 930px;
   border: solid;
   border-color: #000;
   border-width: 1px;
   background-image: url("/images/home-background.gif");
   background-repeat: repeat-y;
   margin-left: 0px;

}

div.ESP-timeline-box
{
line-height: 1.0;
letter-spacing: 0.02em;
}

div.ESP-ads-full-width
{
  margin-top: 15px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
  text-align: center;
  width:100%;
  clear: both;
}