@charset "utf-8";

body {

	/*
	width:1080px;
	height:750px;
	*/
			
	/*
	background-color: BLACK;
	*/
	
	background-color:#D4D8D9;

/*	
background-position: top left;
background-attachment: fixed;
-webkit-background-size: 100%;
-moz-background-size: 100%;
-o-background-size: 100%;
background-size: 100%;
*/
	
}


/* this class was for a shadow fix for split div backgrounds, not needed yet */
/*
.clear { 
	clear:both; 
}
*/


.IndexWithMenuBody {
	position:absolute;
	
	/*width:100%;*/
	width:1080px;
	height:1800px;  /*height:1340px;*/  /* height:1600px; */ 
	z-index:1;
	margin-left: -540px;
	top:0px; 
	left: 50%;
	background-image:url(images/CreamWallpaper1.jpg);	
	
	/*max-width:100%;*/ 
	
	
	-webkit-box-shadow:3px 4px 10px #565959, -3px 0px 10px #565959;
	-moz-box-shadow:3px 4px 10px #565959, -3px 0px 10px #565959;
	box-shadow:3px 4px 10px #565959, -3px 0px 10px #565959;
		
}




.IndexBody {
	position:absolute;
	
	/*width:100%;*/
	width:1080px;
	height:1800px;  /*height:1340px;*/  /* height:1600px; */ 
	z-index:1;
	margin-left: -540px;
	top:0px; 
	left: 50%;
	background-image:url(images/CreamWallpaper1.jpg);	
	
	/*max-width:100%;*/ 
	
	
	-webkit-box-shadow:3px 4px 10px #565959, -3px 0px 10px #565959;
	-moz-box-shadow:3px 4px 10px #565959, -3px 0px 10px #565959;
	box-shadow:3px 4px 10px #565959, -3px 0px 10px #565959;
		
}

a {
	outline: 0;
}

a img {
    border: 0;
    outline: 0;
}


.titleLink, .titleLink:visited, .titleLink:active {
    text-decoration: none; 
    border: none;    
    border-style:none;    
    outline: none;    
	width:444px;
	height:120px;	
	
	
	/* text relevant attributes */ 
    color:#000000;
	/*   //note sure if we even want to deal with all this cross platform stuff
	text-shadow: 2px 3px  6px #000000,
      -2px 0px  4px #000000,
      0px -3px  8px #000000;
	*/  
    
    /*font-size:x-large;*/
    font-family:Arial, Helvetica, sans-serif;  
    background-color: transparent;
    font-weight: normal;
    
    font-size:40px;
	line-height:40px;
	
	text-decoration:none;           
	padding-right: 12px;
	padding-left: 4px;
	padding-bottom: 4px;    
	text-align:justify;    	
}


.titleLink:hover{
    text-decoration: none; 
    border: none;    
    border-style:none;    
    outline: none;    


	color:#8e8f90;
	/*
	opacity:0.80;
	filter:alpha(opacity=80); //For IE8 and earlier 
	*/		
	
    /*color:#F00000; //text relevant only */	
}


.indexMenuLinks, .indexMenuLinks:visited, .indexMenuLinks:active {
    text-decoration: none; 
    border: none;    
    border-style:none;    
    outline: none;    
    
    /*
	width:441px;
	height:59px;
	*/		
	
	/* text relevant attributes */ 
    color:#000000;
	/*   //note sure if we even want to deal with all this cross platform stuff
	text-shadow: 2px 3px  6px #000000,
      -2px 0px  4px #000000,
      0px -3px  8px #000000;
	*/  
    
    /*font-size:x-large;*/
    font-family:Arial, Helvetica, sans-serif;  
    background-color: transparent;
    font-weight: normal;
    
    font-size:26px;
	line-height:40px;
	
	text-decoration:none;           
	padding-right: 12px;
	padding-left: 4px;
	padding-bottom: 4px;    
	text-align:justify;  	
}


.indexMenuLinks:hover{
    text-decoration: none; 
    border: none;    
    border-style:none;    
    outline: none;    

	color:#8e8f90;
	/*
	opacity:0.80;
	filter:alpha(opacity=80);   //For IE8 and earlier
	*/		
}



.backToMainLinks, .backToMainLinks:visited, .backToMainLinks:active {
    text-decoration: none; 
    border: none;    
    border-style:none;    
    outline: none;    
	width:167px;
	height:45px;
}


 .backToMainLinks:hover{
    text-decoration: none; 
    border: none;    
    border-style:none;    
    outline: none;    
	width:167px;
	height:45px;
	opacity:0.80;
	filter:alpha(opacity=80); /* For IE8 and earlier */	
}



/* div styles for intro/landing page */

body {
-webkit-box-shadow:0px 5px 10px #1c1c1c;
-moz-box-shadow:0px 5px 10px #1c1c1c;
box-shadow:0px 5px 10px #1c1c1c;
}


.centeredBackToMain {
    position:absolute;
    width:167px;
    height:45px;
    left: 456px;
    top: 690px;
    z-index:5;
    font-family: Verdana, Geneva, sans-serif;
    color: #CCC;
}


.chromeFoxInnerFrameStyle {
	/*original version (golden yellow + shadow) */
    /*color:#FCF408; */
    /*text-shadow: 2px 3px  8px #000000; */
	
 
   
    color:#FCF408;
	text-shadow: 2px 3px  6px #000000,
      -2px 0px  4px #000000,
      0px -3px  8px #000000;

    
    font-size:x-large;
    font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
    background-color: transparent;
    font-weight: normal;
    line-height: 6px;
    text-decoration:none;       
    
	padding-right: 12px;
	padding-left: 4px;
	padding-bottom: 4px;    
	text-align:justify;    
}


.iEInnerFrameStyle {
    font-size:x-large;
    text-shadow: 2px 3px  8px #000000;
    font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
    background-color: transparent;
    font-weight: normal;
    line-height: 6px;
    text-decoration:none;       
	
	background-color: transparent;	
    color:#FCF408;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=140, strength=4);	
             
	/*Black text with gray screen behind it (note that Microsoft shadow has no effect in this mode)*/
	/*background-color:#CCCCCC;*/
	/*color:#000000;*/
	
	
	/*rgba version with grey-green background and black text */
	/*background:rgba(233,245,234, .7); */  /* equivalent to #E9F5EA; */
	/*color:#000000; */
	
	/*rgba version with grey-green background and yellow text*/
	/*most current*/
	/*background:rgba(218,235,221, .8);*/  /* equivalent to #DAEBDD; */
    /*color:#08290D;*/
	/* note that microsoft shadow filter messes up alpha channel in this mode */
	
	padding-right: 12px;
	padding-left: 4px;
	padding-bottom: 4px;    
	text-align:justify;    			
}


.chromeFoxInnerFrameStyleSmall {
	
	/*original version, golden yellow + shadow*/
    /*color:#FCF408;*/
    /*text-shadow: 2px 3px  8px #000000;*/
    
    color:#FCF408;
	text-shadow: 2px 3px  6px #000000,
      -2px 0px  4px #000000,
      0px -3px  8px #000000;
    
    font-size:large;    
    font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;    
    background-color: transparent;
    font-weight: normal;
    line-height: 20px;
    text-decoration:none;       
    text-align:justify;
    
	padding-right: 12px;
	padding-left: 4px;
	padding-bottom: 4px;
}


.iEInnerFrameStyleSmall {			 
    font-size:x-large;
    font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
    
    text-align:justify;
    
	padding-right: 12px;
	padding-left: 4px;
	padding-bottom: 4px;    
        
    /*font-weight: bold;*/
    font-weight: normal;
    
    line-height: 24px;
    text-decoration:none;
    
	/*original*/
	background-color: transparent;	
    color:#FCF408;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=140, strength=4);
             
	/*Black text with gray screen behind it (note that Microsoft shadow has no effect in this mode)*/
	/*background-color:#CCCCCC;*/
	/*color:#000000;*/
	
	
	/*rgba version with grey-green background and black text */
	/*background:rgba(233,245,234, .7); */  /* equivalent to #E9F5EA; */
	/*color:#000000; */
	
	/*rgba version with grey-green background and yellow text*/
	/* Most current version */
	/*background:rgba(218,235,221, .8);  *//* equivalent to #DAEBDD; */
    /*color:#08290D;*/
	/* note that microsoft shadow filter messes up alpha channel in this mode */
	 
}


/* these are Text links */
.inlineTextLinks, .inlineTextLinks:visited, .inlineTextLinks:hover, .inlineTextLinks:active {
    /*text-decoration: none;*/ 
    border: none;    
    border-style:none;    
    outline: none;    
	/*text-decoration:none;*/ 
    /*font-size:x-large;*/ /*note that font size should inherit from outer elements*/
   
	/*color:#FCF408;*/  /*original color*/
	color:#FfffB0;
      	 
	/*text-shadow: 2px 3px  8px #000000;*/
}

 .inlineTextLinks:hover{
    /*text-decoration: none;*/ 
    border: none;    
    border-style:none;    
    outline: none;    
    /*font-size:x-large;*/ /*note that font size should inherit from outer elements*/
   text-decoration:none; /*note that this strips off underline, which we're doing only for hover state*/
  
	/*color:#FCF408; */ /*original color*/
	color:#FfffD2;

	/*text-shadow: 2px 3px  8px #000000;*/
}

.IEinlineTextLinks, .IEinlineTextLinks:visited, .IEinlineTextLinks:hover, .IEinlineTextLinks:active {
    /*text-decoration: none;*/ 
    border: none;    
    border-style:none;    
    outline: none;  
	/*text-decoration:none; */
	/*original*/
	/*background-color: transparent;*/	
    /*color:#FCF408;*/
	/*filter:progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=25, strength=4);*/
             
	/*Black text with gray screen behind it (note that Microsoft shadow has no effect in this mode)*/
	/*background-color:#CCCCCC;*/
	/*color:#000000;*/
	
	
	/*rgba version with grey-green background and black text */
	/*background:rgba(233,245,234, .7); */  /* equivalent to #E9F5EA; */
	/*color:#000000; */
	
	/*rgba version with grey-green background and yellow text*/
	/*background:rgba(218,235,221, .8);*/  /* equivalent to #DAEBDD; */
	background-color:transparent;  /* it would appear it's not necessary to do this twice*/
    /*color:#08290D;*/
    color:#F5F5AB;   
	/* note that microsoft shadow filter messes up alpha channel in this mode */  
}

.IEinlineTextLinks:hover {
    text-decoration: none; 
    border: none;    
    border-style:none;    
    outline: none;  
    /*text-decoration:none;*/ 
	/*original*/
	/*background-color: transparent;*/	
    /*color:#FCF408;*/
	/*filter:progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=25, strength=4);*/
             
	/*Black text with gray screen behind it (note that Microsoft shadow has no effect in this mode)*/
	/*background-color:#CCCCCC;*/
	/*color:#000000;*/
	
	
	/*rgba version with grey-green background and black text */
	/*background:rgba(233,245,234, .7); */  /* equivalent to #E9F5EA; */
	/*color:#000000; */
	
	/*rgba version with grey-green background and yellow text*/
	/*background:rgba(218,235,221, .8);*/  /* equivalent to #DAEBDD; */
	background-color:transparent;  /* it would appear it's not necessary to do this twice*/
    /*color:#178F29; */ /*  color:#08290D;  */  /* using alternate color for hover */
     color:#F5F5ED; 
	/* note that microsoft shadow filter messes up alpha channel in this mode */
}


.apDivTitleLink {
	position:absolute;
	width:270px;
	height:51px;
	background-image: none;
	left: 104px;
	top: 30px;
	z-index:6;
}

/* note that each menu item div class is 10px larger than yielded html size for link that is enclosed inside it.
 * The left property of each item is set at the previous object's left + that objects width + 5
 */

.PhotographsMenuItem {
	position:absolute;
	width:174px;
	height:33px;
	background-image: none;
	left: 111px;
	top: 76px;
	z-index:6;
}

.PaintingsMenuItem {
	position:absolute;
	width:133px;
	height:27px;
	background-image: none;
	left: 285px;
	top: 76px;
	z-index:6;
}

.DrawingsMenuItem {
	position:absolute;
	width:135px;
	height:27px;
	background-image: none;
	left: 418px;
	top: 76px;
	z-index:6;
}

/*
.CollageMenuItem {
	position:absolute;
	width:114px;
	height:33px;
	background-image: none;
	left: 483px;
	top: 76px;
	z-index:6;
}
*/

/*
.SculpturesMenuItem {
	position:absolute;
	width:148px;
	height:33px;
	background-image: none;
	left: 597px;
	top: 76px;
	z-index:6;
}
*/

.BooksMenuItem {
	position:absolute;
	width:99px;
	height:26px;
	background-image: none;
	left: 553px;
	top: 76px;
	z-index:6;
}

.BlogMenuItem {
	position:absolute;
	width:93px;
	height:30px;
	background-image: none;
	left: 652px;
	top: 76px;
	z-index:6;
}

.ContactMenuItem {
	position:absolute;
	width:105px;
	height:33px;
	background-image: none;
	left: 745px;
	top: 76px;
	z-index:6;
}



.BioMenuItem {
	position:absolute;
	width:64px;
	height:30px;
	background-image: none;
	left: 0px;  
	top: 76px;
	z-index:6;
}



.WritingMenuItem {
	position:absolute;
	width:118px;
	height:30px;
	background-image: none;
	left: 70px;
	top: 114px;
	z-index:6;
}


.MultimediaMenuItem {
	position:absolute;
	width:163px;
	height:28px;
	background-image: none;
	left: 158px;
	top: 114px;
	z-index:6;
}






.VideoMenuItem {
	position:absolute;
	width:91px;
	height:30px;
	background-image: none;
	left: 502px;
	top: 114px;
	z-index:6;
}



.IndexImageDisplayDiv {
	position:absolute;
	
	/* exact file size of particular picture. (probably keep within this height, width can exceed) */
	width:600px;
	height:480px;
	
	z-index:2;
	
	
	
	/* 
	 *  margin-left =  ( -540 + ((1080 - image width) / 2) ) 
	*/
	
	margin-left: -250px;	/*image width 500*/
	
	
	/* tweak a bit if you like based on image height*/
	top:230px;
	
	left: 50%;	
	
	/*
	-webkit-box-shadow:2px 3px 8px #565959, -2px 0px 8px #565959;
	-moz-box-shadow:2px 3px 8px #565959, -2px 0px 8px #565959;
	box-shadow:2px 3px 8px #565959, -2px 0px 8px #565959;
	*/
		
}

.ItemPageBackButtonDiv {
	position:absolute;
	
	/* exact file size of this particular picture. (probably keep size within this height, width can exceed) */
	width:76px;
	height:31px;
	
	z-index:2;
	
	/* 
	 *  margin-left =  ( -540 + ((1080 - image width) / 2) ) 
	 */
	margin-left: -38px;
	
	/* tweak a bit if you like based on image height*/
	top:52px;
	
	left: 50%;	
}


.ImageDescriptionDiv {
	position:absolute;
	
	width:300px;
	height:70px;
	
	z-index:2;
	
	/* 
	 *  margin-left =  ( -540 + ((1080 - div width) / 2) ) 
	 */
	
	margin-left: -150px; 

	
	/* this must be 170 (image top) + image size (640 here) + 10 (buffer)*/
	top:820px;
	
	left: 50%;		
	
	font-size:small;    
    font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;    
    background-color: transparent;
    font-weight: normal;
    line-height: 5px;
    text-decoration:none;       
    text-align:left;
}



/* this would come into effect whenever we need more slots past row 5 and we go to next page */
.ItemPageNextButtonDiv {
	position:absolute;
	
	/* exact file size of this particular picture. (probably keep size within this height, width can exceed) */
	width:76px;
	height:31px;
	
	z-index:2;
	
	/* 
	 *  margin-left =  ( -540 + ((1080 - image width) / 2) ) 
	 */
	margin-left: -38px;
	
	/* tweak a bit if you like based on image height*/
	top:1260px;
	
	left: 50%;	
}


.ImageDisplayDiv {
	position:absolute;
	
	/* image width needs to match this for centering.  */
	width:400px;
	height:640px;  /* this is a max height, essentially sets position of label div below it */
	
	z-index:2;
	
	/* 
	 *  margin-left =  ( -540 + ((1080 - image width) / 2) ) 
	 */
	margin-left: -200px;
	
	/* tweak a bit if you like based on image height*/
	top:170px;
	
	left: 50%;	
	
	/*
	-webkit-box-shadow:2px 3px 8px #565959, -2px 0px 8px #565959;
	-moz-box-shadow:2px 3px 8px #565959, -2px 0px 8px #565959;
	box-shadow:2px 3px 8px #565959, -2px 0px 8px #565959;
	*/	
}


.ImageDisplayWideDiv {
	position:absolute;
	
	/* image width needs to match this for centering.  */
	width:600px;
	height:640px;  /* this is a max height, essentially sets position of label div below it */
	
	z-index:2;
	
	/* 
	 *  margin-left =  ( -540 + ((1080 - image width) / 2) ) 
	 */
	margin-left: -300px;
	
	/* tweak a bit if you like based on image height*/
	top:170px;
	
	left: 50%;	
	
	/*
	-webkit-box-shadow:2px 3px 8px #565959, -2px 0px 8px #565959;
	-moz-box-shadow:2px 3px 8px #565959, -2px 0px 8px #565959;
	box-shadow:2px 3px 8px #565959, -2px 0px 8px #565959;
	*/
}


.ImageDisplayExtraWideDiv {
	position:absolute;

	/* image width needs to match this for centering.  */
	width:732px;
	height:1080px;  /* this is a max height, essentially sets position of label div below it */

	z-index:2;

	/*
	 *  margin-left =  ( -540 + ((1080 - image width) / 2) )
	 */
	margin-left: -366px;

	/* tweak a bit if you like based on image height*/
	top:90px;

	left: 50%;

	/*
	-webkit-box-shadow:2px 3px 8px #565959, -2px 0px 8px #565959;
	-moz-box-shadow:2px 3px 8px #565959, -2px 0px 8px #565959;
	box-shadow:2px 3px 8px #565959, -2px 0px 8px #565959;
	*/
}





.Row_1 {
	position:absolute;
	
	/* exact file size of this particular picture. (probably keep size within this height, width can exceed) */
	width:596px;
	height:200px;
	
	z-index:2;
	
	/* 
	 *  margin-left =  ( -540 + ((1080 - image width) / 2) ) 
	 */
	margin-left: -298px;
	
	/* tweak a bit if you like based on image height*/
	top:220px;
	
	left: 50%;	
		
}


.Row_2 {
	position:absolute;
	
	/* exact file size of this particular picture. (probably keep size within this height, width can exceed) */
	width:596px;
	height:200px;
	
	z-index:2;
	
	/* 
	 *  margin-left =  ( -540 + ((1080 - image width) / 2) ) 
	 */
	margin-left: -298px;
	
	/* tweak a bit if you like based on image height*/
	top:420px;
	
	left: 50%;	
		
}


.Row_3 {
	position:absolute;
	
	/* exact file size of this particular picture. (probably keep size within this height, width can exceed) */
	width:596px;
	height:200px;
	
	z-index:2;
	
	/* 
	 *  margin-left =  ( -540 + ((1080 - image width) / 2) ) 
	 */
	margin-left: -298px;
	
	/* tweak a bit if you like based on image height*/
	top:620px;
	
	left: 50%;	
		
}


.Row_4 {
	position:absolute;
	
	/* exact file size of this particular picture. (probably keep size within this height, width can exceed) */
	width:596px;
	height:200px;
	
	z-index:2;
	
	/* 
	 *  margin-left =  ( -540 + ((1080 - image width) / 2) ) 
	 */
	margin-left: -298px;
	
	/* tweak a bit if you like based on image height*/
	top:820px;
	
	left: 50%;	
		
}

.Row_5 {
	position:absolute;
	
	/* exact file size of this particular picture. (probably keep size within this height, width can exceed) */
	width:596px;
	height:200px;
	
	z-index:2;
	
	/* 
	 *  margin-left =  ( -540 + ((1080 - image width) / 2) ) 
	 */
	margin-left: -298px;
	
	/* tweak a bit if you like based on image height*/
	top:1020px;
	
	left: 50%;	
		
}




.Column_1_Div {
	position:absolute;
	
	/* exact file size of this particular picture. (probably keep size within this height, width can exceed) */
	width:130px;
	height:170px;
	
	z-index:2;
	
	/* 
	 *  margin-left =  ( -540 + ((1080 - image width) / 2) ) 
	 */
	margin-left: 15px;
	
	/* tweak a bit if you like based on image height*/
	top:15px;
	
	/*left: 50%; */	
	
	/*
	-webkit-box-shadow:2px 3px 8px #565959, -2px 0px 8px #565959;
	-moz-box-shadow:2px 3px 8px #565959, -2px 0px 8px #565959;
	box-shadow:2px 3px 8px #565959, -2px 0px 8px #565959;
	*/	
}

.Column_2_Div {
	position:absolute;
	
	/* exact file size of this particular picture. (probably keep size within this height, width can exceed) */
	width:130px;
	height:170px;
	
	z-index:2;
	
	/* 
	 *  margin-left =  ( -540 + ((1080 - image width) / 2) ) 
	 */
	margin-left: 160px;
	
	/* tweak a bit if you like based on image height*/
	top:15px;
	
	/*left: 50%; */	
	
	/*
	-webkit-box-shadow:2px 3px 8px #565959, -2px 0px 8px #565959;
	-moz-box-shadow:2px 3px 8px #565959, -2px 0px 8px #565959;
	box-shadow:2px 3px 8px #565959, -2px 0px 8px #565959;
	*/
}

.Column_3_Div {
	position:absolute;
	
	/* exact file size of this particular picture. (probably keep size within this height, width can exceed) */
	width:130px;
	height:170px;
	
	z-index:2;
	
	/* 
	 *  margin-left =  ( -540 + ((1080 - image width) / 2) ) 
	 */
	margin-left: 305px;
	
	/* tweak a bit if you like based on image height*/
	top:15px;
	
	/*left: 50%; */	
	
	/*
	-webkit-box-shadow:2px 3px 8px #565959, -2px 0px 8px #565959;
	-moz-box-shadow:2px 3px 8px #565959, -2px 0px 8px #565959;
	box-shadow:2px 3px 8px #565959, -2px 0px 8px #565959;
	*/	
}

.Column_4_Div {
	position:absolute;
	
	/* exact file size of this particular picture. (probably keep size within this height, width can exceed) */
	width:130px;
	height:170px;
	
	z-index:2;
	
	/* 
	 *  margin-left =  ( -540 + ((1080 - image width) / 2) ) 
	 */
	margin-left: 450px;
	
	/* tweak a bit if you like based on image height*/
	top:15px;
	
	/*left: 50%; */	
	
	/*
	-webkit-box-shadow:2px 3px 8px #565959, -2px 0px 8px #565959;
	-moz-box-shadow:2px 3px 8px #565959, -2px 0px 8px #565959;
	box-shadow:2px 3px 8px #565959, -2px 0px 8px #565959;
	*/	
}




.Book_Row_1 {
	position:absolute;

	width:224px;
	height:324px;

	z-index:2;

	/*
	 *  margin-left =  ( -540 + ((1080 - image width) / 2) )
	 */
	margin-left: -298px;

	/* tweak a bit if you like based on image height*/
	top:220px;

	left: 50%;

}


.Book_Row_2 {
	position:absolute;

	width:224px;
	height:324px;

	z-index:2;

	/*
	 *  margin-left =  ( -540 + ((1080 - image width) / 2) )
	 */
	margin-left: -298px;

	/* tweak a bit if you like based on image height*/
	top:574px;   /* + 30 px separator top margin */

	left: 50%;

}


.Book_Row_3 {
	position:absolute;

	width:224px;
	height:324px;

	z-index:2;

	/*
	 *  margin-left =  ( -540 + ((1080 - image width) / 2) )
	 */
	margin-left: -298px;

	/* tweak a bit if you like based on image height*/
	top:928px;   /* + 30 px separator top margin */

	left: 50%;

}



.Book_Column_1_Div {
	position:absolute;

	/* exact file size of this particular picture. (probably keep size within this height, width can exceed) */
	width:224px;
	height:324px;

	z-index:2;

	/*
	 *  margin-left =  ( -946 + ((1080 - image width) / 2) )
	 */
	margin-left: -45px;

	/* tweak a bit if you like based on image height*/
	top:15px;

	/*left: 50%; */

	/*
	-webkit-box-shadow:2px 3px 8px #565959, -2px 0px 8px #565959;
	-moz-box-shadow:2px 3px 8px #565959, -2px 0px 8px #565959;
	box-shadow:2px 3px 8px #565959, -2px 0px 8px #565959;
	*/
}


.Book_Column_2_Div {
	position:absolute;

	/* exact file size of this particular picture. (probably keep size within this height, width can exceed) */
	width:224px;
	height:324px;

	z-index:2;

	/*
	 *  margin-left =  ( -473 + ((1080 - image width) / 2) )  +  85 px buffer
	 */
	margin-left: 276px;

	/* tweak a bit if you like based on image height*/
	top:15px;

	/*left: 50%; */

	/*
	-webkit-box-shadow:2px 3px 8px #565959, -2px 0px 8px #565959;
	-moz-box-shadow:2px 3px 8px #565959, -2px 0px 8px #565959;
	box-shadow:2px 3px 8px #565959, -2px 0px 8px #565959;
	*/
}




.BioTextFrameDiv {
	position:absolute;
	/*position: relative;*/
	
	/* exact file size of this particular picture. (probably keep size within this height, width can exceed) */
	width:700px;
	height:852px;
	/*height: 1512px;*/ /*height:1078px;*/  /*always +52 of text*/
	
	
	z-index:2;
	
	/* 
	 *  margin-left =  ( -540 + ((1080 - image width) / 2) ) 
	 */
	margin-left: -350px;
	
	/* tweak a bit if you like based on image height*/
	top:200px;
	
	left: 50%;	
	
	background-color:#fffdff; /*#FFFFFF;*/
    color:#000f00;  /* #000000; */
    
    font-size:medium;    
    font-family:Arial;
    
    font-weight:normal;
    line-height: 20px;
    text-decoration:none;       
    text-align:justify;
    
	
	word-wrap: break-word;
	
	-webkit-box-shadow:2px 3px 8px #565959, -2px 0px 8px #565959;
	-moz-box-shadow:2px 3px 8px #565959, -2px 0px 8px #565959;
	box-shadow:2px 3px 8px #565959, -2px 0px 8px #565959;
		
}


.BioTextDiv {
	/*position:absolute;*/
	position:relative;
	
	/* exact file size of this particular picture. (probably keep size within this height, width can exceed) */
	width:620px;
	height:800px;
	/*height: 1460px;*/  /*height:1125px;*/ /*height:1026px; */ 
	
	
	z-index:3;
	
	/* 
	 * 
	 * //absolute positioning formula
	 *  margin-left =  ( -540 + ((1080 - image width) / 2) ) 
	 */
	
	/*
	margin-left: -298px;
	*/
	
	/* tweak a bit if you like based on image height*/
	/*top:200px;
	
	left: 50%;*/	
	
	top:16px;
	margin-left:16px;
	
	background-color:#fffaff; /*#FFFFFF;*/
    color:#000f00;  /* #000000; */
    
    font-size:medium;    
    font-family:Arial;
    
    font-weight:normal;
    line-height: 20px;
    text-decoration:none;       
    text-align:justify;
    
   
    padding-top: 10px;
	padding-right: 24px;
	padding-left: 24px;
	padding-bottom: 10px;	
	
	
	word-wrap: break-word;
	
	-webkit-box-shadow:1px 2px 6px #565959, -1px 0px 6px #565959;
	-moz-box-shadow:1px 2px 6px #565959, -1px 0px 6px #565959;
	box-shadow:1px 2px 6px #565959, -1px 0px 6px #565959;	
}


.ExcerptTextDiv {
	position:absolute;
	
	/* exact file size of this particular picture. (probably keep size within this height, width can exceed) */
	width:620px;
	height:900px;
	
	background-color:#F5F5ED;
	
	z-index:2;
	
	/* 
	 *  margin-left =  ( -540 + ((1080 - image width) / 2) ) 
	 */
	margin-left: -298px;
	
	/* tweak a bit if you like based on image height*/
	top:200px;
	
	left: 50%;	
	
	
    color:#000000;
    font-size:large;    
    font-family:"Arial Narrow";
    
    font-weight: normal;
    line-height: 20px;
    text-decoration:none;       
    text-align:justify;
    
    padding-top: 12px;
	padding-right: 12px;
	padding-left: 12px;
	padding-bottom: 12px;	
	
	word-wrap: break-word;
}