/*
============================================
ILLUSTRATION styles
============================================
	Illustration classes. To change the illustration, make new classes based on these
	but pathed to the new images. Then simply change the ID name in the HTML divs
	to reflect the new name. NOTE: the top slice is controlled by an IMG tag in the HTML.
	
	Examples:

TD#top_slice_teal{ background:#FFFFFF url(../images/present_top_slice.jpg) top left no-repeat; }

TD#mid_slice_teal{ background:#FFFFFF url(../images/present_mid_slice.jpg) top left no-repeat; }

*/

TD#mid_slice_resources1{ background:#FFFFFF url(../images/resources-mid-slice-index1.jpg) top left no-repeat; }
TD#mid_slice_resources2{ background:#FFFFFF url(../images/resources-mid-slice-index2.jpg) top left no-repeat; }
TD#mid_slice_resources3{ background:#FFFFFF url(../images/resources-mid-slice-index3.jpg) top left no-repeat; }
TD#mid_slice_resources4{ background:#FFFFFF url(../images/resources-mid-slice-index4.jpg) top left no-repeat; }
TD#mid_slice_resources5{ background:#FFFFFF url(../images/resources-mid-slice-index5.jpg) top left no-repeat; }
TD#mid_slice_resources6{ background:#FFFFFF url(../images/resources-mid-slice-index6.jpg) top left no-repeat; }
TD#mid_slice_resources7{ background:#FFFFFF url(../images/resources-mid-slice-index7.jpg) top left no-repeat; }
TD#mid_slice_resources8{ background:#FFFFFF url(../images/resources-mid-slice-index8.jpg) top left no-repeat; }
TD#mid_slice_resources9{ background:#FFFFFF url(../images/resources-mid-slice-index9.jpg) top left no-repeat; }

.famous-names {
	color: #ca6b82;
	font-style: italic;
	font-weight: bold;
}

table.resources_main { 
	width: 493px;
	border: 0px;
	border-collapse: collapse;
	border-spacing: 0px; 
}


td.separate { 
	background-image:url(../images/resources-dotted-line.gif);
	background-repeat: no-repeat;
	height: 23px;
}


td.column { 
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	letter-spacing: 0em;
	line-height: 1.3em;
	color: #ca6b82;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px; 
}

td.resources_main_header { 
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	letter-spacing: 0em;
	line-height: 1.3em;
	color: #ca6b82;s
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px; 
}

td.space { 
	height: 40px;
}

.resources_main_header {
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	letter-spacing: 0em;
	line-height: 1.3em;
	color: #ca6b82;
	padding-bottom: 10px;
}

TD#main_content_mauve blockquote {
	background-image:url(../images/mauve-inset-top.jpg);
	background-repeat: no-repeat;
	width: 493px;
	margin: 0 0 0 0;
	padding: 23px 0 0 0;
}
TD#main_content_mauve blockquote span {
	background-image: url(../images/mauve-inset-bottom.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	display: block;
	width: auto;
	margin: 0 0 0 0;
	padding: 0px 20px 23px 23px;
}

TD#main_content_mauve blockquote p {
	font-size:12px;
	color:#fbf7de;
	letter-spacing: 0em;
	line-height: 1.3em;
	margin:0;
}


TD#main_content_mauve blockquote a {
	color: #fbf7de;
	font-size:12px;
}

/* styles for book and magazine review 
--------------------------------------------------------------------------*/

#wrap {
		width:675px;
		height:100%;
		margin:0;
		padding:0;
	}
	
	#jumpmenu {
		position:absolute;
		top:100px
		right:0px;
		width:675px;
		height:70px;
		float:right;
		text-align:right;
		vertical-align:top; 
	}
	
	#content {
	width:675px;
	margin:0;
	padding:0;
	}
	
	#pageTitle {
		text-align:left;
		width:675px;
	}
	
	#art-bookInfo {
		width:565px;
		text-align:left;
	}
	
	#art {
		width:336px;
		margin:0px;
		padding:0px;
		float:left;
		vertical-align:bottom;
	}
	
	#bookInfo {
		width:209px;
		float:right;
		padding:0 0 0 20px;
	}
	
	/* style for book review - SHOES title section
	-------------------------------------------------------------*/
	#bookInfo p span#Shoes-title {
		color:#ab455c;
		font-weight:bold;
	}
	
	/* style for book review - JEWELRY title section
	-------------------------------------------------------------*/
	#bookInfo p span#Jewelry-title {
		color:#5eb3d1;
		font-weight:bold;
	}
	
		/* style for magazine review - IDN title section
	-------------------------------------------------------------*/
	#bookInfo p span#Idn-title {
		color:#00435b;
		font-weight:bold;
	}
	
	#bookDetail {
		width: 675px;
		text-align:left;
	}
	
	#topborder {
		width: 675px;
		height:auto;
		text-align:left;
		vertical-align:top;
		float:left;
		border:0;
		border:none;
		border-collapse:collapse;
	}
	
	#topborder img {
		float:left;
	}
	
	/* this style is only for book review - SHOES -------
	-----------------------------------------------------------------*/
	
	#midsection-SHOES {
		background:url(../../book-review/images/book-review-shoes-page-bkgd.jpg) repeat-y;
		border:0;
		border:none;
		border-collapse:collapse;
		width:675px;
		text-align:left;
		float:left;
		clear:both;
	}

	#midsection-SHOES img#left {
		text-align:left;
		float:left;
		position:relative;
		left:0px;
		vertical-align:top;
		z-index:50;
		border:0px;
		border:none;
		border-collapse:collapse;
	}
	
	/* !!!! the heigth of the right border image CAN NOT exceed 389px*/
	#midsection-SHOES img#right{
		text-align:right;
		float:right;
		vertical-align:bottom;
		z-index:50;
		border:0px;
		border:none;
		border-collapse:collapse;
		margin: -310px 40px 0 0;
	}
	
	#midsection-SHOES p {
		width:408px;
		margin:0 0 0 115px;
	}
	
	#midsection-SHOES p span#firstLetter {
		font-size:36px;
		line-height:30px;
	}
	
	#midsection-SHOES p span#colorBkgd {
		background:#ebfbcf;
		display:block;
		margin:-10px;
		padding:10px 5px 10px 10px;
	}
	
	#footer-SHOES {
		float:left;
		background:url(../../book-review/images/book-review-shoes-page-footer.jpg) 0 0 no-repeat;
		width:675px;
		height:100px;
	}
	
	#footer-SHOES p {
		margin:10px 42px 10px 115px;
		text-align:left;
	}
	
		/* this style is only for book review - JEWELRY -------
	-----------------------------------------------------------------*/

	#midsection-JEWELRY {
		background:url(../../book-review/images/book-review-jewelry-page-bkgd.jpg) repeat-y;
		border:0;
		border:none;
		border-collapse:collapse;
		width:675px;
		text-align:left;
		float:left;
		clear:both;
	}

	#midsection-JEWELRY img#left {
		text-align:left;
		float:left;
		position:relative;
		left:0px;
		vertical-align:top;
		z-index:50;
		border:0px;
		border:none;
		border-collapse:collapse;
	}
	
	/* !!!! the heigth of the right border image CAN NOT exceed 389px*/
	#midsection-JEWELRY img#right{
		text-align:right;
		float:right;
		vertical-align:bottom;
		z-index:50;
		border:0px;
		border:none;
		border-collapse:collapse;
		margin: -310px 40px 0 0;
	}
	
	#midsection-JEWELRY p{
		width:408px;
		margin:0 0 0 115px;
	}
	
	#midsection-JEWELRY p span#firstLetter {
		font-size:36px;
		line-height:30px;
	}
	
	#midsection-JEWELRY p span#colorBkgd {
		background:#ebfbcf;
		display:block;
		margin:-10px;
		padding:10px 5px 10px 10px;
	}
	
	#footer-JEWELRY {
		float:left;
		background:url(../../book-review/images/book-review-jewelry-page-footer.jpg) 0 0 no-repeat;
		width:675px;
		height:180px;
	}
	
	#footer-JEWELRY p {
		margin:50px 42px 10px 115px;
		text-align:left;
	}
	
	
	/* this style is only for magazin review - IDN -------
	-----------------------------------------------------------------*/

	#midsection-IDN {
		background:url(../../book-review/images/magazine-review-idn-page-bkgd.jpg) repeat-y;
		border:0;
		border:none;
		border-collapse:collapse;
		width:675px;
		text-align:left;
		float:left;
		clear:both;
	}

	#midsection-IDN img#left {
		text-align:left;
		float:left;
		position:relative;
		left:0px;
		vertical-align:top;
		z-index:50;
		border:0px;
		border:none;
		border-collapse:collapse;
	}
	
	/* !!!! the heigth of the right border image CAN NOT exceed 389px*/
	#midsection-IDN img#right{
		text-align:right;
		float:right;
		vertical-align:bottom;
		z-index:50;
		border:0px;
		border:none;
		border-collapse:collapse;
		margin: -310px 40px 0 0;
	}
	
	#midsection-IDN p {
		width:408px;
		margin:0 0 0 115px;
	}
	
	#midsection-IDN p span#firstLetter {
		font-size:36px;
		line-height:30px;
	}
	
	#midsection-IDN p span#colorBkgd {
		background:#ebfbcf;
		display:block;
		margin:-10px;
		padding:10px 5px 10px 10px;
	}
	
	#footer-IDN {
		float:left;
		background:url(../../book-review/images/magazine-review-idn-page-footer.jpg) 0 0 no-repeat;
		width:675px;
		height:130px;
	}
	
	#footer-IDN p {
		margin:0 42px 10px 115px;
		text-align:left;
	}
	
	/*==========================================
	 November 2008 updates
	 This style is only for book review - Colors for Modern  Fashion 
	==========================================*/
	
	#midsection-COLOR {
		background:url(../../book-review/images/book-review-color-page-bkgd.jpg) repeat-y;
		border:0;
		border:none;
		border-collapse:collapse;
		width:675px;
		text-align:left;
		float:left;
		clear:both;
	}

	#midsection-COLOR img#left {
		text-align:left;
		float:left;
		position:relative;
		left:0px;
		vertical-align:top;
		z-index:50;
		border:0px;
		border:none;
		border-collapse:collapse;
	}
	
	/* !!!! the heigth of the right border image has to be 389px*/
	#midsection-COLOR img#right{
		text-align:right;
		float:right;
		vertical-align:bottom;
		z-index:50;
		border:0px;
		border:none;
		border-collapse:collapse;
		margin: -310px 40px 0 0;
	}
	
	#midsection-COLOR p {
		width:408px;
		margin:0 0 0 115px;
	}
	
	#midsection-COLOR p span#firstLetter {
		font-size:36px;
		line-height:30px;
	}
	
	#midsection-COLOR p span#colorBkgd {
		background:#ebfbcf;
		display:block;
		margin:-10px;
		padding:10px 5px 10px 10px;
	}
	
	#footer-COLOR {
		float:left;
		background:url(../../book-review/images/book-review-color-page-footer.jpg) 0 0 no-repeat;
		width:675px;
		height:200px;
	}
	
	#footer-COLOR p {
		margin:10px 42px 10px 115px;
		text-align:left;
	}
	

/*==========================================
	 November 2008 updates
	 This style is only for magazine review - Selvedge 
	==========================================*/
	
	#midsection-SELVEDGE {
		background:url(../../book-review/images/magazine-review-selvedge-page-bkgd.jpg) repeat-y;
		border:0;
		border:none;
		border-collapse:collapse;
		width:675px;
		text-align:left;
		float:left;
		clear:both;
	}

	#midsection-SELVEDGE img#left {
		text-align:left;
		float:left;
		position:relative;
		left:0px;
		vertical-align:top;
		z-index:50;
		border:0px;
		border:none;
		border-collapse:collapse;
	}
	
	/* !!!! the heigth of the right border image has to be 389px*/
	#midsection-SELVEDGE img#right{
		text-align:right;
		float:right;
		vertical-align:bottom;
		z-index:50;
		border:0px;
		border:none;
		border-collapse:collapse;
		margin: -310px 40px 0 0;
	}
	
	#midsection-SELVEDGE p {
		width:408px;
		margin:0 0 0 115px;
	}
	
	#midsection-SELVEDGE p span#firstLetter {
		font-size:36px;
		line-height:30px;
	}
	
	#midsection-SELVEDGE p span#colorBkgd {
		background:#ebfbcf;
		display:block;
		margin:-10px;
		padding:10px 5px 10px 10px;
	}
	
	#footer-SELVEDGE {
		float:left;
		background:url(../../book-review/images/magazine-review-selvedge-page-footer.jpg) 0 0 no-repeat;
		width:675px;
		height:200px;
	}
	
	#footer-SELVEDGE p {
		margin:10px 42px 10px 115px;
		text-align:left;
	}
	
/* Design Definitions: Webliography list styling*/

#resources_footer .links li {
	margin-bottom:10px;
}