@import url("jenn-main-nav.css");
/* CSS Document */

/*---------------------------------------------- global --------------------------------------------------*/

body {
	background: url(../images/global/structure-images/tiff-blu-stripes_bg.gif) top left repeat;
	padding: 0;
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #404040;
	}
	
	/*----------------------------------------------  global elements --------------------------------------------------*/	
	

#content a:link, #content a:visited, #content a:active  {
	color: #af1373;
	text-decoration: none;
	border: 0;
	text-transform:none;
	}

#content a:hover {
	background-color: #e7ebd7;
	text-decoration: none;
	color: #9B0F66;
	}
	
#content2 a:link, #content2 a:visited, #content2 a:active  {
	color: #af1373;
	text-decoration: none;
	border: 0;
	text-transform:none;
	}

#content2 a:hover {
	background-color: #e7ebd7;
	text-decoration: none;
	color: #9B0F66;
	}
	
#content-NL a:link, #content2 a:visited, #content2 a:active  {
	color: #af1373;
	text-decoration: none;
	border: 0;
	text-transform:none;
	}

#content-NL a:hover {
	background-color: #e7ebd7;
	text-decoration: none;
	color: #9B0F66;
	}

#btb a:link, #btb a:visited, #btb a:active  {
	color: #af1373;
	text-decoration: none;
	border: 0;
	text-transform:none;
	}

#btb a:hover {
	background-color: #e7ebd7;
	text-decoration: none;
	color: #9B0F66;
	}


img {
	border: 0;
	padding: 0;
	display: block;
	}

.block {
	display: block;
	}

.hide {
	display: none;
}

.inline {
	display: inline;
	}


h1 img {
	margin: 10px 0 0px 0px; padding: 5px 0px 5px 0px;
	text-align: left;
	}
	

h1 {
	font-size: 13px;
	font-weight: bold;
	letter-spacing: 0.05em;
	color: #2b4477;
	line-height: 1.6;
	margin: 0px 0 0px 27px;
	padding-left: 185px;
	text-align: left;
	}
	* html h1 {
	padding-left: 195px;
	text-align: left;
	}

	
h2 {
	font-size: 13px;
	font-weight: bold;
	color: #2b4477;
	line-height: 1.6;
	margin: 0px 0px 0px 0px;
	}
	
	
.feature-bk {
	border: 3px #EEF1E0 solid;
	}
	
.feature-bk-inline {
display: inline;
	border: 3px #EEF1E0 solid;
	}

  /* corner photo attributes */
.pic-float-left {
	float: left;
	border:0px;
	margin: 0 0px 20px 0;
	padding: 0px;
	}
	* html .pic-float-left {
	margin: 0 0px 20px -1px;
	}
#pic-float-left {
	float: left;
	border:0px;
	margin: 0 0px 20px 0;
	padding: 0px;
	}
	* html #pic-float-left {
	margin: 0 -3px 20px 0;
	}

  
		
#masthead-bg {
position: relative;
top: -20px;
margin: 0px;
background: url(../images/global/structure-images/masthead-dot_bg.gif) top left repeat-x;
height: 111px;
width: 100%;
}

	* html #masthead-bg {
	position: relative;
	top: 0px;
	}
	*+ html #masthead-bg {
	position: relative;
	top: 0px;
	}

	
#container {
	width: 900px;
	position: relative;
	top:0px;
	margin: 0 auto;
	padding: 0;
	}



/* following allows container to wrap around floats */
#container:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: visible; 
	}
	   #container { display: inline-block; _height: 1%; }
	   /* Hides from IE-mac \*/
      #container { display: block; }
      /* End hide from IE-mac */
	  
	  
	  
#masthead { margin: 0; width: 890px; height: 111px}

/* name image*/
#logo {
position: relative;
float: left;
width: 340px;
}

#secondary-nav {
float: left;
margin: 0 0 0 -31px;
padding: 0;
width: 32px;
}
	* html #secondary-nav {
		float: left;
		margin: 0 0px 0 -16px;
		padding: 0;
		width: 32px;
		}
	* html #secondary-nav a:hover {
	background: transparent;
	}
	*+ html #secondary-nav a:hover {
	background: transparent;
	}


	  
/*---------------------------------------------- content --------------------------------------------------*/


#content, #content2, #content-NL {
	font-size: 12px;
	position: relative;
	background: url(../images/global/structure-images/body-bg.gif) top center;
	background-repeat: repeat-y;
	margin: -3px 0 0 31px;
	width: 842px;
	padding: 0px;
	background-image: url(../images/global/structure-images/body-bg.gif);
	}

* html #content, * html #content2, * html #content-NL {
	background: url(../images/global/structure-images/body-bg.gif) repeat-y top right;
	 margin: -19px 0px 0 17px; width: 858px; padding: 0px;
	}


/* following allows container to wrap around floats */
#content:after, #content2:after, #content-NL:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: visible; 
	}
	   #content, #content2, #content-NL { display: inline-block; _height: 1%; }
	   /* Hides from IE-mac \*/
      #content, #content2, #content-NL { display: block; }
      /* End hide from IE-mac */

#content p { margin: 5px 0 10px 35px; padding: 5px 80px 5px 180px; line-height: 18px;}
* html #content p {margin: 5px 0 10px 50px; padding: 5px 60px 5px 175px; line-height: 18px; text-align: left;}
 
 
 #content ul li {
	margin: 5px 0 10px 0;
	line-height: 18px;
	}

#content li {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	line-height: 18px;
	font-size: 10px;
	list-style: disc;
	color: #a1e5e0;
	}
	


/*--------- BROWSERLOAD content for narrow middle column to account for right column -------------------------------*/


#content2 p {margin: 5px 0px 10px 35px; padding: 5px 250px 5px 180px; line-height: 18px;}
* html #content2 p { margin: 5px 0px 10px 20px; padding: 5px 220px 5px 210px; line-height: 18px; text-align: left;}

#content-NL {margin: -5px 0 0 31px;}

* html #content-NL {margin: 0 0 0 16px;}

*+html #content-NL {margin: 7px 0 0 31px;}

#content-NL p {margin: 5px 0px 10px 35px; padding: 5px 30px 5px 30px; line-height: 18px;}
* html #content2 p { margin: 5px 0px 10px 20px; padding: 5px 0px 5px 60px; line-height: 18px; text-align: left;}

/*---------------------------------------------- subnav --------------------------------------------------*/

#subnav {	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: url(../images/global/structure-images/subnav_bg.gif) top center repeat-x;
	margin: 0px 0px 0px 179px;
	width: 659px;
	height: 30px;
	}
	#subnav img {
	display: inline;
	margin: 0px 0px 0px 0px;
	}
	
* html #subnav {
	margin: 0px 0px 0px 177px;
		width: 658px;
	}
	
	* html #subnav img {
	display: inline;
	margin: 0px 0px 0px -1px;
	}

	
	
	*+ html #subnav {
		margin: 0px 0px 0px 177px;
			width: 658px;
		}
		
	

	
#subnav li {
position: relative;
top: -10px;
	text-align: center;
	display: inline;
	margin: 0px 0px 0px 0px;
	padding: 0;
	color: #127697;
	}
	

#subnav li a:link, #subnav li a:visited, #subnav li a:active {
	text-align: center;
	font-size: 11px;
	text-transform:uppercase;
	font-weight: bold;
	text-decoration: none;
	color: #127697;
		letter-spacing: .08em;
	margin: 0px 10px 0px 10px;
	padding: -15px 0px 0px 0px;
	}
	
	#subnav li a:hover { 
	text-decoration: none;
	color: #af1373;
	letter-spacing: .08em;
	background-color: #EEF1E0;
	}
	
/*------------------ bar directly under banner - holds subnav on most pages - some have no sub --------------------------------------------------*/

	
#no-sub_top {
	background: url(../images/global/structure-images/secondary-no-sub_bg.gif) top center repeat-x;
	margin: 0px 0px 0px 179px;
	width: 659px;
	height: 30px;
	}
	
	* html #no-sub_top  {
	width: 658px;
	height: 30px;
	}
	+ html #no-sub_top  {
	width: 658px;
	height: 30px;
	}
	
#no-sub_top img {	display: inline;
	margin: 0px 0px 0px 0px;
	}
	* html #no-sub_top img {
	display: inline;
	margin: 0px 0px 0px -1px;
	}

	
#home-tagline {
	background: url(../images/home/home_tagline-bar.gif) top center repeat-x;
	margin: 0px 0px 0px 179px;
	width: 659px;
	height: 30px;
	}
	#home-tagline img{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 5px;
	}
	
	* html #home-tagline {
	margin: 0px 0px 0px 254px;
	width: 585px;
	height: 30px;
	}
	*+ html #home-tagline {
	margin: 0px 0px 0px 252px;
	width: 585px;
	height: 30px;
	}
  

	
/*---------------------------------------------- BTB --------------------------------------------------*/

#btb {
	position: relative;
	background: url(../images/global/structure-images/body-bg.gif) top center;
	background-repeat: repeat-y;
	 margin: -10px 0 0 31px; width: 842px; padding: 0px;
	font-size: 12px;
	 }
	
	* html #btb {
	 margin: -10px 0 0 32px; width: 842px; padding: 0px;
	}

#btb p { margin: 5px 0 10px 0px; padding: 5px 80px 5px 75px; line-height: 18px;}



  
  /*---------------------------------------------- HOME --------------------------------------------------*/
  
.bkcover-home-rt {
  float:left;
  margin: -3px 30px 0 0;
  }

* html .bkcover-home-rt {
  height: 370px;
  margin: -5px 10px 0 0;
  }
  
  .bkcover-home-rt img{
  float:left;
  } 
	
.bkcover-home-mid {
  float:left;
  width: 210px;
  margin: 20px 35px 0 70px;
  }
  .bkcover-home-mid img{
  float:left;
  } 




/*---- BROWSERLOAD RT COL used on bk pages with 2 covers (taller) and short is used on CONTEST, contact, ----------------*/

#browserload-rt-col, #browserload-rt-col-short, #browserload-rt-col-shaded {
	width:198px;
	float:right;
	margin: 10px 25px 0 30px;
	line-height: 18px;
	color: #4E4E4E;
	}
	
	#browserload-rt-col {
	height: 600px;
	}
	
	#browserload-rt-col-shaded {
	width: 180px;
	background-color: #eef0e2;
	padding: 10px 10px 10px 15px;
	}
	
	* html #browserload-rt-col-shaded {
		width: 170px;
		padding: 10px;
		margin: 0px 10px 0px 0px;
		height: 400px;
		
		}
		
	* html #browserload-rt-col  {
		width:198px;
		margin: 10px 10px 0 20px;
		}
		

	#browserload-rt-col p, #browserload-rt-col-short p, #browserload-rt-col-shaded p {
	width: 178px;
	padding: 5px 15px 0px 0px;
	margin: 0px 25px 10px 0px;
	line-height: 18px;
	}
		 
		 * html #browserload-rt-col-short p {
		 width: 165px;
		 padding: 12px 0px 0px 0px;
		 margin: 0;
		 }
	
	#browserload-rt-col img, #browserload-rt-col-shaded img{
	display: block;
	text-align: center;
	horizontal-align: center;
	}

#browserload-rt-col2, #browserload-rt-col2-short, #browserload-rt-col2-shaded {
	width:244px;
	float:right;
	margin: 10px 25px 0 30px;
	line-height: 18px;
	color: #4E4E4E;
	}
	
	#browserload-rt-col {
	height: 600px;
	}
	
	#browserload-rt-col2-shaded {
	width: 224px;
	background-color: #eef0e2;
	padding: 10px 10px 10px 15px;
	}
	
	* html #browserload-rt-col2-shaded {
		width: 220px;
		padding: 10px;
		margin: 0px 10px 0px 0px;
		height: 400px;
		
		}
		
	* html #browserload-rt-col2  {
		width:244px;
		margin: 10px 10px 0 20px;
		}
		
	* html #browserload-rt-col2-short  {
		width:244px;
		margin: 10px 5px 0 10px;
		}
		

	#browserload-rt-col2 p, #browserload-rt-col2-short p, #browserload-rt-col2-shaded p {
	width: 224px;
	padding: 5px 15px 0px 0px;
	margin: 0px 25px 10px 0px;
	line-height: 18px;
	}
		 
		 * html #browserload-rt-col2-short p {
		 width: 210px;
		 padding: 12px 0px 0px 0px;
		 margin: 0;
		 }
	
	#browserload-rt-col2 img, #browserload-rt-col2-shaded img{
	display: block;
	text-align: center;
	horizontal-align: center;
	}

	
/*------------------ BTB unordered lists with blue pearls for bullet, basic has a bullet --------------------*/

#btb ul li, #btb ul li.basic {
	margin: 0 0 0 65px;
	padding: 0;
	}
	#btb ul li.basic {
	margin: 0 0 0 45px;
	}

#btb li, #btb li.basic {
	padding: 0px 0px 0px 0px;
	margin: 0px 0 0 0px;
	line-height: 18px;
	}
	
	#btb li {
	font-size: 12px;
	list-style: url(../images/global/dings/blue-pearls.gif);
	}
	
	#btb li.basic {
	font-size: 12px;
	list-style: disc;
	color: #a1e5e0;
	}


/*------- colored boxes with rollovers -------*/

/*------- box has no floats, use under images -------*/
.box {
	margin: 15px 0px 10px 0px;
	text-align: center;
	horizontal-align: center;
	}
	
	.box a:link, .box a:visited, .box a:active {
	font-size: 10px;
	font-weight: bold;
	margin: 0px;
	padding: 10px;
	line-height: 16px;
	border: 1px solid #d6d9c3 ;
	background-color: #eef0e2;
	text-align: center;
	horizontal-align: center;
	}
	
	.box a:hover {
	padding: 10px;
	line-height: 16px;
	border: 1px solid  #a1e5e0;
	background-color: #FFFFFF;
	text-align: center;
	horizontal-align: center;
	}


.box2 {
	margin: 0px 0px 10px 0px;
	text-align: center;
	horizontal-align: center;
	}
	
	.box2 a:link, .box2 a:visited, .box2 a:active {
	font-size: 10px;
	font-weight: bold;
	margin: 0px;
	padding: 10px 38px 10px 38px;
	line-height: 16px;
	border: 1px solid #d6d9c3 ;
	background-color: #F5F7E7;
	text-align: center;
	horizontal-align: center;
	}
	
	.box2 a:hover {
	padding: 10px 38px 10px 38px;
	line-height: 16px;
	border: 1px solid  #a1e5e0;
	background-color: #eef0e2;
	text-align: center;
	horizontal-align: center;
	}


#snailmail {
	float: left;
	clear:left;
	width: 179px;
	margin: -110px 0px 0px 0px;
	padding: 0px 0px 0px 15px;
	}

/*------- if you're stacking more than one box use this one first, box-rt2 will fall below this one -------*/
div#home-right {
	width: 236px;
	float: right;
	margin: 0px 35px 0px 35px;	
	text-align: center;
	horizontal-align: center;
	background-color: #ffffff;
		}
	

.box-rt {
	margin: 15px 0px 15px 0px;
	padding: 10px 0px 11px 0px;
	text-align: center;
	horizontal-align: center;
	background-color: #F5F7E7;
	border: solid 1px #cdd5a6;
		}
	
	.box-rt a:link, .box-rt a:visited, .box-rt a:active {
	background: url(../images/global/dings/blue-pearls-trans2.gif) right no-repeat;
	font-size: 14px;
	margin: 0;
	padding: 10px 30px 10px 13px;
	line-height: 16px;
	border: solid 1px #ECEBE4;
	letter-spacing: .08em;
	}
	
	.box-rt a:hover {
	margin: 0px;
	letter-spacing: .08em;
	background-color: #FFF;
	}

/*------- box3 is used on home and contact for TELL A FRIEND -------*/
.box-rt-2, .box-rt-3 {
	clear:right;
	border-width: 1px; border-style: solid; border-color: #cdd5a6;
	margin: 5px 0px 15px 0px;
	padding: 10px 0px 11px 0px;
	text-align: center;
	horizontal-align: center;
	}
	
/*------- box4 is used on home for SHARING -------*/
.box-rt-4 {
		background-color: #eef1e0;
		border: 1px solid #DFE1D2;
		width: 142px;
		clear:right;
		margin: 5px 0px 15px 0px;
		padding: 10px 45px 11px 45px;
		text-align: center;
		horizontal-align: center;
		line-height: 1.8;
		}
	
	
	.box-rt-2 {
		background-color: #eef1e0;
		border: 1px solid #DFE1D2;
		}
	

	.box-rt-3 {
		padding: 10px 16px 10px 16px;
		background-color: #F5F7E7;
		line-height: 14px;
		color: #595959;
		}
		
		* html .box-rt-3 {
		padding: 10px 10px 5px 10px;
		}
		*+ html .box-rt-3 {
		padding: 10px 0px 5px 0px;
		}
	
	
	.box-rt-2 a:link, .box-rt-2 a:visited, .box-rt-2 a:active {
	font-size: 14px;
	margin: 0;
	padding: 10px 15px 10px 12px;
	text-align: center;
	horizontal-align: center;
	letter-spacing: .08em;
	line-height: 16px;
	
	}
	.box-rt-2 a:hover {
	margin: 0px;
	background-color: #ECEBE4;
	letter-spacing: .08em;
	}
	

.box-rt-enter-contest {
	float: right;
	clear:right;
	border-width: 1px; border-style: solid; border-color: #cdd5a6;
	margin: -18px 80px 15px 35px;
	padding: 10px 0px 11px 0px;
	text-align: center;
	horizontal-align: center;
	background-color: #FBFCF8;
	width: 125px;
	}
	* html .box-rt-enter-contest {
	margin: -26px 33px 15px 35px;
	}
	
	.box-rt-enter-contest a:link, .box-rt-enter-contest a:visited, .box-rt-enter-contest a:active {
	font-size: 14px;
	margin: 0;
	padding: 10px 0px 10px 0px;
	text-align: center;
	horizontal-align: center;
	letter-spacing: .08em;
	line-height: 16px;
	
	}
	.box-rt-enter-contest a:hover {
	margin: 0px;
	background-color: #FFF;
	letter-spacing: .08em;
	}

/*--CONTACT page box STYLES--*/
#nl-signup {
	float: right;
	width: 250px; 
	padding: 5px 15px 10px 15px;
	margin: 5px 30px 0px 35px;
	background-color: #ECEBE4;
	border: solid 1px #cdd5a6;
	font-size: 11px;
	color: #404040;
	text-align:center;
	}


/*--MAIN COVER divs with read/order links - used on BOOKLIST (BKS/MAIN) and HOME--*/


#main-cover, #main-home-cover {
height: 325px;
float: right;
	width: 196px;
	margin: 20px 60px 0 0;
	}
	
		* html #main-cover, #main-home-cover {
		width: 196px;
		margin: 20px 30px 0 55px;
		}
	#main-home-cover {
	margin: 20px 60px 0px 70px;
	}
	
		* html #main-home-cover{
		width: 196px;
		margin: 20px 50px 0 65px;
		}
	#main-cover a:link, #main-cover a:visited, #main-cover a:hover, #main-cover a:active, {
	padding:0px;
	margin: 0px;
	text-decoration: none;
	background-color: #fff;
	border: 0px;
	}	
	
	#main-cover img a:link, #main-cover img a:visited, #main-cover img a:hover, #main-cover img a:active, #main-home-cover img a:link, #main-home-cover img a:visited, #main-home-cover img a:hover, #main-home-cover img a:active  {
	padding:0px;
	margin: 0px;
	text-decoration: none;
	background-color: #fff;
	border: 0px;
	}
	
	
	#main-cover img, #main-home-cover img {
	display: inline;
	margin: 3px 0px 0px 0px;
	padding: 0;
	}
	
	
#main-cover2, #main-cover-home-rt {
	float:right;
	width:196px;
	margin: 20px 100px 0 0;
	clear: right;
	}
	
		* html #main-cover2, #main-cover-home-rt {
		width: 196px;
		margin: 20px 65px 0 0;
		}
	
	#main-cover-home-rt {
	margin: -3px 60px 0 0;
	}
	
		* html #main-cover-home-rt {
		width: 196px;
		margin: -10px 40px 0 0;
		}
		
	#main-cover2 img a:link, #main-cover2 img a:visited, #main-cover2 img a:hover, #main-cover2 img a:active, #main-cover-home-rt img a:link, #main-cover-home-rt img a:visited, 		#main-cover-home-rt img a:hover, #main-cover-home-rt img a:active {
	padding:0px;
	margin: 0px;
	text-decoration: none;
	background-color: #fff;
	border: 0px;
	}
	
	#main-cover2 img, #main-cover-home-rt img {
	display: inline;
	margin: 3px 0px 0px 0px;
	padding: 0;
	}


.pull-quote-rt, .pull-quote-rt-pad, .pull-quote-lft {
	width: 120px;
	margin: 10px;
	font-family:"Georgia", Times New Roman, Times, serif;
	font-size: 14px;
	font-style: italic;
	color: #127697;
	line-height: 20px;
	text-align: center;
	}

	* html .pull-quote-rt, * html .pull-quote-rt-pad, * html .pull-quote-lft {
	font-family:"Georgia", Times New Roman, Times, serif;
	font-size: 14px;
	font-style: normal;
	}
	
	.pull-quote-rt {
	float: right;
	}
	.pull-quote-rt-pad {
	float: right;
	margin: 10px 45px 15px 25px;
	}
		.pull-quote-rt img{
		padding: 10px;
		}
			.pull-quote-rt-pad img{
		padding: 10px;
		}
		
	.pull-quote-lft {
	float: left;
	}
		
		.pull-quote-lft img{
		padding: 0px;
		}
	
	
/*--Styles for stuff under corner photo--*/

#bklist {float:left; margin: 0 0px 20px 0; padding: 0px;
	}
	
	* html #bklist{
	margin: 0 -3px 25px 0;
	}
	.neg-bottm-margin2 {
	margin: 5px 0px -10px 15px;
	}
	
#bklist ul li{
	width: 156px;
	margin: 0 0 5px -18px;
	padding: 0;
	}
	* html #bklist ul li{
	margin: 0 0 -5px -18px;
	}
	
	#bklist li {
	font-size: 9px;
	list-style: disc;
	color: #a1e5e0;
	padding: 0px 0px 0px 0px;
	margin: 0px 0 0 0px;
	
	}	
		* html #bklist li {
			list-style: none;
			}	
	
		*+ html #bklist li {
			list-style: none;
			}	
			
			
	.neg-bottm-margin {
	margin: 0px 0px -10px 2px;
	}
	


#bklist li .title {
	font-size: 11px;
	font-weight: bold;
	font-style: italic;
	margin: 0px 0px 0px 0px;
	color: #1d1d1d;
	line-height: 16px;
	}
	
/*--INDIV BK PAGE SUBNAV MENU--*/

#bkmenu {float:left; margin: 0 0px 20px 0; padding: 0px;
	}
	
	* html #bkmenu{
	margin: 0 -3px 20px 0;
	}
	.neg-bottm-margin2 {
	margin: 5px 0px -10px 15px;
	}
	
#bkmenu ul li{
	width: 156px;
	margin: 0 0 10px -18px;
	padding: 0;
	
	}
	#bkmenu li {
	list-style: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0 0 0px;
	}

#bkmenu li a:link, #bkmenu li a:visited, #bkmenu li a:active {
	font-size: 12px;
	margin: 0px 0px 15px 0px;
	text-transform:uppercase;
	font-weight: normal;
	text-decoration: none;
	letter-spacing: .08em;
	color: #127697;
	}
	#bkmenu li a:hover {
	font-size: 12px;
	text-transform:uppercase;
	font-weight: normal;
	text-decoration: none;
		letter-spacing: none;
	color: #af1373;
	}

.booklist-section {
	display: block;
	float: left;
	width: 120px;
	padding: 0 0 0 80px;
	margin: 15px 10px 10px 0;
	}
	
.booklist-section2 {
	display: block;
	float: left;
	width: 150px;
	padding: 0 0 0 10px;
	margin: 20px 10px 10px 0;
	}
	
#booklist-wrapper {
	display: block;
	float: left;
	width: 610px;
	height: 220px;
	padding: 0;
	margin: 40px 20px 0 0;
	}
	
	*html #booklist-wrapper {
		height: 230px;
		}
		
	*+html #booklist-wrapper {
		height: 230px;
		}
	
#booklist-wrapper a:hover {
	background-color: none;
	}
	
#booklist-wrapper2 {
	display: block;
	float: left;
	clear: right;
	width: 550px;
	height: auto;
	padding: 0;
	text-align: center;
	margin: 40px 10px 0 50px;
	}
	
		
	*html #booklist-wrapper2 {
		display: block;
		clear: right;
		float: none;
		width: 550px;
		height: auto;
		padding: 0 0 0 50px;
		position: relative;
		text-align: center;
		margin: 40px 0px 0px 50px;
		}
		
	*+html #booklist-wrapper2 {
		display: block;
		clear: right;
		float: none;
		width: 550px;
		height: auto;
		padding: 0 0 0 50px;
		position: relative;
		text-align: center;
		margin: 40px 0px 0px 50px;
		}
	
	
#booklist-wrapper2 a:hover {
	background-color: none;
	}
	
#booklist-wrapper3 {
	display: block;
	float: left;
	clear: right;
	width: 555px;
	height: auto;
	padding: 0;
	text-align: center;
	margin: 40px 10px 0 50px;
	}
	
	*+html #booklist-wrapper3 {
		margin: 10px 10px 0 50px;
		}
	
	
#booklist-wrapper3 a:hover {
	background-color: none;
	}

.foreign-books {
	display: block;
	float: left;
	width: 82px;
	height: 175px;
	text-align: center;
	padding: 0;
	margin: 0 10px 10px 0;
	}

/*---------used on MEET pg for desk photos and snapshots photos--------------------*/
.snapshots-200, .snapshots-250, .snapshots-300, .snapshots-150 {
  float: left;
  position:relative;
  left: 75px;
  margin: 10px 32px 15px 0px;
  padding: 0px 0px 0px 0px;
  font-size: 11px;
  color: #474848;
  line-height: 16px;
  }

 .snapshots-150 {
	  width: 150px;
	 }
	  .snapshots-150 img{
	  padding: 0px 0px 5px 0px;
	  }
  
   	* html .snapshots-150 {
	  margin: 25px 20px 15px 0px;
	  font-style: normal;
	  }


 .snapshots-200 {
	  width: 200px;
	 }
	  .snapshots-200 img{
	  padding: 0px 0px 5px 0px;
	  }
  
   	* html .snapshots-200 {
	  margin: 25px 20px 15px 0px;
	  font-style: normal;
	  }
  
 
 .snapshots-250 {
	 width: 250px;
	 }
	 .snapshots-250 img{
	  padding: 0px 0px 5px 0px;
	 }
	 
	* html .snapshots-250 {
	  margin: 25px 20px 15px 0px;
	  font-style: normal;
	  } 
 
  
 .snapshots-300 {
	  width: 300px;
	 }
	  .snapshots-300 img{
	  padding: 0px 0px 5px 0px;
	  }
  
   	* html .snapshots-300 {
	  margin: 25px 20px 15px 0px;
	  font-style: normal;
	  }
	
/*---------------------------------------------- form --------------------------------------------------*/

#nl-signup {
	float: left;
	width: 250px; 
	padding: 5px 15px 15px 15px;
	margin: 20px 30px 10px 35px;
	background-color: #ECEBE4;
	border: solid 1px #cdd5a6;
	font-size: 11px;
	text-align:center;
	line-height: 18px;
	}
	

div.form {
position: relative;
top: 0px;
	float: right;
	clear: right;
	width: 376px; 
	margin: 0px 4px 25px 30px;
	padding:0;
	border-top: 2px solid #88d3ce;
	border-bottom: 2px solid #88d3ce;
	background: url(../images/global/sidebar/sidebar_bg.gif) top left repeat-y #f3f4EC;
	}
	* html div.form {
	margin: 0px 2px 15px 20px;
	padding:0;
	} 

	.form-header {
			float: right;
			margin: 0px 100px 1px 130px;
			}
div.row {
  clear: left;
  padding-top: 10px;
  }

div.row span.label {
  float: left;
  width: 125px;
  font-size: 11px;
  height: 15px;
  text-align: right;
  margin: 0px 0px 0px 15px;
  padding:0;
  color: #404040;
  }

div.row span.formw {
  float: right;
  width: 210px;
  margin: 0px 5px 0px 0px;
   height: 15px;
  padding: 0px;
  text-align: left;
   color: #404040;
  } 




/*----------------------------------------------- sidebars --------------------------------------------------*/

#sidebar {
	float: right;
	clear: right;
	border-top: 2px solid #88d3ce;
	border-bottom: 2px solid #88d3ce;
	margin: 0px 5px 15px 20px;
	padding:0;
	width: 200px;
	background: url(../images/global/sidebar/sidebar_bg.gif) top left repeat-y;
	} 
	
	* html #sidebar {
	margin: 0px 2px 15px 20px;
	padding:0;
	} 
	
	 
	#sidebar p { 
		margin: 7px 0; 
		padding: 4px 15px; 
		font-size: 11px; 
		}
		
		.sidebar-header {
			float: right;
			margin: 50px 100px 0px 0px;
			}
				
		* html .sidebar-header {
			margin: 0 50px 0px 0px;
			}
			
			
		.sidebar-header-foreign {
			float: right;
			margin: 50px 40px 0px 10px;
			}
				
		* html .sidebar-header-foreign {
			margin: 0 20px 0px 0px;
			}
	
#sidebar li {
	font-size: 10px;
	font-style: italic;
	line-height: 1.2;
	list-style: none;
	text-align: left;
	padding: 4px 20px 4px 0;
	margin: 0;
	border: 0;
	}

#sidebar2 {
	float: right;
	clear: right;
	border-top: 2px solid #88d3ce;
	border-bottom: 2px solid #88d3ce;
	margin: 0px 5px 15px 20px;
	padding:0;
	width: 200px;
	background: url(../images/global/sidebar/sidebar_bg.gif) top left repeat-y;
	} 
	
	* html #sidebar2 {
	margin: 0px 2px 15px 20px;
	padding:0;
	} 
	
	 
	#sidebar2 p { 
		margin: 7px 0; 
		padding: 4px 15px; 
		font-size: 11px; 
		}
		
	
#sidebar2 li {
	font-size: 10px;
	font-style: italic;
	line-height: 1.2;
	list-style: none;
	text-align: left;
	padding: 4px 20px 4px 0;
	margin: 0;
	border: 0;
	}

/*---------------------------------------------- footer --------------------------------------------------*/	

#footer , #footer-NL{
position:relative; 
clear: both;
top: -10px;
bottom: 0px;
left: 2px;
	margin: 0px auto;
	background: url(../images/global/structure-images/footer_bg.gif) top left repeat-x;
	height: 30px;
	width: 841px;
	border: 0;
	horizontal-align: center;
	text-align: center;
	padding: 10px 0 0 0;
	}
	* html #footer{
	left: 3px;
	width: 841px;
	}
	
	* html #footer-NL {
 	left: -11px;
	width: 841px;
	}

	#footer p, #footer-NL p {
	font-size: 10px;
	margin: 0px 10px 0px 10px;
	color: #a1e5e0;
	text-decoration: none;
	}
	
	#footer a:link, #footer a:visited, #footer a:active {
	margin: 0px 5px 0px 5px;
	color: #a1e5e0;
	text-decoration: none;
	
	}
	
	#footer a:hover {
	margin: 0px 5px 0px 5px;
	text-decoration: underline;
	}
	
	#footer-NL a:link, #footer-NL a:visited, #footer-NL a:active {
	margin: 0px 5px 0px 5px;
	color: #a1e5e0;
	text-decoration: none;
	
	}
	
	#footer-NL a:hover {
	margin: 0px 5px 0px 5px;
	text-decoration: underline;
	}


/*---------------------------------------------- spacer styles --------------------------------------------------*/	

/*---- used on Q image in FAQs--*/	
.Q-padding {
	display: inline;
	margin: 0px 10px -5px 0px;
	}	
/*------*/	

.spacer-10 {
	margin: 10px;
	}
.spacer-top-bott-15 {
	margin: 15px 0px 15px 0px;
	}	
	/*--used on corner photo on CONTEST pg to push bott of l to right---*/	
.spacer-rt {
	margin-right: 5px;
	}

.spacer-rt-10 {
	padding-right: 10px;
	}

.spacer-50 {
	margin-top: 50px;
	}

.spacer-top-35 {
	padding-top: 35px;
	}
.clear {
	clear: both;
	}

.clear-rt {
	clear: right;
	}
.btb-header {
margin: 35px 0px 0px -15px;
}

.float-right {
	float: right;
	}


.indent {
padding: 0px 35px 0px 10px;
margin: 0px 35px 10px 20px;
}
	.indent p{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	line-height: 18px;
	}

/*---------------------------------------------- font styles --------------------------------------------------*/

.text {
	font-size: 12px;
	color: #404040;}
	
.booktitle {
	font-weight: bold;
	font-style: italic;
	}
	
.booktitle-big-pink {
	font-size: 16px;
	color: #870d5a;
	font-weight: bold;
	font-style: italic;
	line-height: 1.2;
	}
	
/*--used on NEXT pg for directly under h1 tag----*/
.bktitle-big{
	font-size: 16px;
	font-weight: bold;
	font-style: italic;
	letter-spacing: 0.1em;
	color: #2b4477;
	line-height: 1.4em;
	}
	
.date-big{
	font-size: 16px;
	font-weight: bold;
	color: #127697;
	line-height: 1.4em;
	}

.med-pk {
	color: #C13487;
	}
	
.med-pk-sml {
	font-size: 10px;
	color: #C13487;
	line-height: 14px;
	}
	
.big {
	font-size: 12px;
	letter-spacing: .08em;
	}
	
.dk-blu-big {
	color: #2b4477;
	font-size: 14px;
	font-weight: bold;
	}

.dk-pink-caps, .teal-caps{
	font-size: 11px;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 0.08em;
	line-height: 1.2;
	}
	.dk-pink-caps {color: #870d5a;}
	.teal-caps {color: #127697;}

.dk-pink{
	color: #870d5a;
	letter-spacing: 0.05em;
	line-height: 1.2;
	}
	
.pink-caps-sml{
	font-size: 11px;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 0.08em;
	line-height: 1.3em;
	color: #870d5a;
	}
	
.med-pk-caps {
	color: #C13487;
	font-size: 11px;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 0.08em;
	line-height: 1.3em;
	}
	
.large-pk-caps {
	color: #C13487;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 0.08em;
	line-height: 1.7em;
	}
	
.med-pk {
	color: #C13487;
	}
	

	
.lt-pk {
	color: #C85B9E;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 0.08em;
	line-height: 1.3em;;
	}
	
.teal-caps-sml{
	font-size: 11px;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 0.08em;
	line-height: 1.3em;
	color: #127697;
	}
	
.teal{
	color: #127697;
	}

.center-bold-sml {
	font-size: 10px;
	font-weight: bold;
	letter-spacing: 0.08em;
	line-height: 1em;
	text-align: center;
	}

.captions {color: #474848;}

.posted {
	font-size: 10px;
	font-style: italic;
	color: #9ece98;
	horizontal-align: right;
	text-align: right;
	display: inline;
	}

.small {
	font-size: 10px;
	line-height: 1.4;
	}

.small-center {
	font-size: 10px;
	line-height: 16px;
	text-align: center;
	}

.small-center-pad {
	font-size: 10px;
	line-height: 16px;
	text-align: center;
	margin: 5px 0px 5px 0px;
	}

.small-right {
	font-size: 10px;
	line-height: 1.4;
	text-align: right;
	}
	
/*----------- -*/