/* This css file copyright 2008 by Chris Rennie for www.CustommemoriesStudio.com*/	
  
  body,
	html {
		margin:0px;
		padding:0px;
		color:black;
		background-color:#0A1C24;	
		text-align:center;
	}

	body {
		/*min-width:[body_min_width]; */  /*normal width is 800, pop ups will be 200 (in gallery module)*/		
		font-family:"Lucida Sans Unicode", "Lucida Sans", "Lucida Grande",arial,sans-serif;
    font-size:68.5%;
	}

         
    
      .bg_top_left{
        background-image:url('../gfx/bg_top_left.jpg');
        background-position:right bottom; 
        background-repeat:no-repeat;
        height:184px;   
      }
      
      .bg_top_middle{
        background-image:url('../gfx/bg_top_middle.jpg'); 
        background-position:bottom center;
        background-repeat:no-repeat;
        width:718px;
      }
      
      .bg_top_right{
        background-image:url('../gfx/bg_top_right.jpg'); 
        background-position:left bottom;
        background-repeat:no-repeat;  
      }
 
      .bg_nav_left{
        background-image:url('../gfx/bg_nav_left.jpg');
        background-position:right bottom; 
        background-repeat:no-repeat;
        height:54px;
      }
      
      .bg_nav_middle{
        background-image:url('../gfx/bg_nav_middle.jpg');
        background-position:right bottom; 
        background-repeat:no-repeat; 
        width:718px;             
      }
      .bg_nav_right{
        background-image:url('../gfx/bg_nav_right.jpg'); 
        background-position:left bottom;
        background-repeat:no-repeat;
      } 
      
          
       .bg_body_left{
        background-image:url('../gfx/bg_body_left.jpg');
        background-position:right top; 
        background-repeat:no-repeat; 
        height:500px;  
      }
      
      .bg_body_middle{
        background-color:white;
        vertical-align:top;
        width:718px;
      }
      
      .bg_body_right{
        background-image:url('../gfx/bg_body_right.jpg'); 
        background-position:left top;
        background-repeat:no-repeat;
      }     

      .bg_bottom_left{
        background-image:url('../gfx/bg_bottom_left.jpg');
        background-position:right top; 
        background-repeat:no-repeat;
        height:44px;  
      }
      
      .bg_bottom_middle{
        background-image:url('../gfx/bg_bottom_middle.jpg'); 
        background-position:bottom center;
        background-repeat:no-repeat;
        width:718px;
      }
      
      .bg_bottom_right{
        background-image:url('../gfx/bg_bottom_right.jpg'); 
        background-position:left top;
        background-repeat:no-repeat; 
      }

      .bg_footer_left{
        background-image:url('../gfx/bg_footer_left.jpg');
        background-position:right top; 
        background-repeat:repeat-y;
      }
      
      .bg_footer_middle{
        background-image:url('../gfx/bg_footer_middle.jpg'); 
        background-position:bottom center;
        background-repeat:repeat-y;
        vertical-align:top;
        width:718px;
        
      }
      .bg_footer_right{
        background-image:url('../gfx/bg_footer_right.jpg'); 
        background-position:left top;
        background-repeat:repeat-y; 
      }



	a:hover {
    color:#895657;
    text-decoration:none;
    
    }

  .header{
    color:#678184;     
  }  
   
  a:link img, a:visited img, a:hover img{
    border-width:0px;
    
  
  }
  .header a:link img, .header a:visited img, .header a:hover img {
    border-style:solid;
    border-color:white;
    border-width:0px;    
  }

  .header a, .header a:link .header a:visited, .header a:hover {   
    text-decoration:none;
    cursor:pointer;
  }  

  .headerRight{
    
    margin-top:50px;
    float:right;
    font-family:georgia,serif;
    /*font-size:1.2em;*/
    text-align:center;
    /*line-height:1.8em;*/
  
  }
  
  .main{
    /*width:800px;*/
    /*border:1px solid black;*/
    /*background-color:#375154; */   
    /*color:black;*/
    padding:0px 10px;
    font-size:10pt;
		line-height:16pt; 
		/*height:600px;*/
		vertical-align:top;  
  }  


	.navigation{
	  margin-top:1px;
	  color:black;
		background-color:white;
		/*border:[nav_border_color] 1px solid;*/		
		font-family:verdana,sans-serif;
		font-size:0.8em;
		text-align:center;
	}

	.footer {
	  padding-top:15px;
		color:white;		
	}



	.header h1 {

    }


	.footer p {
		padding:5px;
		margin:0;
		font-family:verdana,sans-serif;
		/*letter-spacing:3.5;*/
		text-align:center;
    }

/*
	body table {
		margin-left:auto;
		margin-right:auto;
		border-collapse:collapse;
	}
*/
	.navigation td {
		text-align:center;
		vertical-align:middle;
		font-size:0.8em;
	}

	table {
		/*empty-cells:hide;*/
	}

  /* son of suckerfish menu */
  #menu {
  	height: 33px;
  	margin: 0;
  	padding: 0;
  	border: 0;
  	background: url(../gfx/menu-bg_black.gif) repeat-x;
  	z-index: 90;
  	list-style: none;
  	position: relative; 
    font-family: arial,sans-serif;    
  }
  
  /* begin first level unselected */
  #menu li {
  	z-index:1000;
  	position: relative;  /* to contain the dropdown menu */
  	height: 33px;
  	float: left;
  	background: url(../gfx/menu-divider_black.gif) top right no-repeat;
  	padding: 0 2px 0 0;
  }
  #menu li.left {
  	height: 33px;
  	width: 10px;
  	background: url(../gfx/menu-bg_black.gif) repeat-x;
  	margin: 0 15px 0 0;
  	padding: 0;
  }
  #menu li.right {
  	height: 33px;
  	width: 10px;
  	background: url(../gfx/menu-bg_black.gif) repeat-x;
  	position: absolute;
  	right: -1px;
  	padding: 0;
  }
  #menu ul li:hover,
  #menu ul li.sfhover {
  
  }
  #menu li a {
  	display: block;  	
  	font-size: 13px;	/* to override the browser default */
  	font-weight: normal;
  	color: #739AA1;
  	line-height: 31px;
  	padding: 0 10px;
  	text-decoration:none;
  	letter-spacing:0.3em;	
  }
  #menu li a:hover,
  #menu li:hover a,
  #menu li.sfhover a {
  	background: url(../gfx/menu-hover_black.gif) repeat-x;
  }
  /* end first level unselected */
  /* begin first level selected */
  #menu li.selected {
    
  }
  
  #menu a.selected{
    color:#FCFFD5;
  }
  
  #menu li.selected a {
  	background: url(../gfx/menu-hover_black.gif) repeat-x;  	
  }
  #menu li.selected a:hover {
  
  }
  /* end first level selected */
  /* begin drop down menu with son of suckerfish */
  #menu li ul.dropmenu {
  	position: absolute;
  	display: block;
  	left: -999em;
  	height: auto;
  	width: 174px;
  	margin: 0;
  	padding: 0 0 15px 0;
  	background: none;
  	overflow: hidden;
  }
  /* hack for IE6 transparencies */
  .menu-background {
  	padding: 0;
  	margin: 0;
  	width: 174px;
  	height: 285px;
  	position: absolute;
  	left: 0;
  	bottom: 0;
  	background: url(../gfx/menu-dropdown-block_black.png) !important;
  	background: transparent;
  	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='../gfx/menu-dropdown-block_black.png', sizingMethod='scale');
  }
  #menu li:hover ul.dropmenu,
  #menu li.sfhover ul.dropmenu {
  	left: -5px;
  	top: 32px;
  	z-index: 900; /* place it above the page content */
  }
  #menu li ul.dropmenu li {
  	display: block;	
  	height: 25px;
  	background: none;
  	/* background: url(../gfx/menu-dropdown-bg.png) repeat-y; */
  	float: none;
  	padding: 0;
  	text-align:left;
  }
  #menu li ul.dropmenu li.bottom {
  	/* background: url(../gfx/menu-dropdown-bottom.png) no-repeat; */
  	width: 174px;
  	height: 15px;
  }
  #menu li ul.dropmenu li a {
  	display: block;
  	color: #72afb7;
  	font-size: 12px;
  	font-weight: normal;
  	line-height: 25px;
  	height: 25px;
  	background: none;
  	margin: 0 5px;
  	padding: 0 8px;
  	letter-spacing:normal;
  }
  #menu li ul.dropmenu li a.first {
  	/*background: url(../gfx/menu-dropdown-gradient_black.gif) repeat-x;*/
  }
  #menu li ul.dropmenu li a:hover {
  	background: #3d3d3d;
  	color: white;
  }
  
  #menu li:hover ul.share,
  #menu li.sfhover ul.share{left:-17px!important;}
  
  /* end drop down menu with son of suckerfish */

 
  
  /* start bookNav */

  .bookNav {
    text-align:center;
    margin-top:110px;    
  
  }
  
  .bookNav-bg{
    background-repeat:repeat-x;
    background-position:0px middle;
    background-image:url(../gfx/bookNav-bg.gif);  
  }
  
  .bookNav-hover{
    background-repeat:repeat-x;
    background-position:0px middle;
    background-image:url(../gfx/bookNav-hover.gif);
    cursor:pointer;  
  }
  
  .bookNav-disabled {
    background-position:50% -24px!important;  
  }
  
  .bookNav-press .bookNav-first,
  .bookNav-press .bookNav-back,
  .bookNav-press .bookNav-next,
  .bookNav-press .bookNav-last{
    background-position:2px 5px;         
  }
  
  .bookNav-elementLeft{
    background-repeat:no-repeat;
    background-position:top right;
    background-image:url(../gfx/bookNav-left.gif);
    display:block;
    padding:3px 3px 3px 3px;
    height:23px;
    width:7px;
  
  }

  .bookNav-first{
    background-image:url(../gfx/bookNav-first.gif);
    background-repeat:no-repeat;
    background-position:50% 4px;
    display:block;
    padding:3px;
    height:23px;
    width:23px;  
  }
  
  .bookNav-back{
    background-image:url(../gfx/bookNav-back.gif);
    background-repeat:no-repeat; 
    background-position:50% 4px;
    display:block;
    padding:3px;
    height:23px;
    width:23px;   
  }
  
  .bookNav-separator {
    background-repeat:repeat-x;
    background-position:0px middle;
    background-image:url(../gfx/bookNav-separator.gif);
    width:1px;
    height:21px;  
  } 
  
  .bookNav-pageSelectorText {
    font-family:arial,sans-serif;
    display:block;
    padding:2px 3px 3px 3px;   
    padding-left:10px;
    font-size:13px;
    line-height:15px;
  } 
  
  .bookNav-pageSelectorInput{
    height:19px;
    width:25;
    background-color:#D8C28C;
    font-family:arial,sans-serif;
    display:block;
    text-align:center;
    border:0px;    
    margin-top:1px;
    margin-bottom:1px; 
    font-size:13px;
    line-height:15px; 
  }
  
  .bookNav-pageSelectorTotal{
    font-family:arial,sans-serif;
    display:block;
    padding:2px 3px 3px 3px;    
    padding-right:10px;
    font-size:13px;
    line-height:15px;
     
  }
  
  .bookNav-next{
    background-image:url(../gfx/bookNav-next.gif);
    background-repeat:no-repeat; 
    background-position:50% 4px;
    display:block;
    padding:3px;
    height:23px;
    width:23px;  
  }
  
  .bookNav-last{
    background-image:url(../gfx/bookNav-last.gif);
    background-repeat:no-repeat; 
    background-position:50% 4px;
    display:block;
    padding:3px;
    height:23px;
    width:23px; 
  }
  
  .bookNav-elementRight{
    background-repeat:no-repeat;
    background-position:top left;
    background-image:url(../gfx/bookNav-right.gif);
    display:block;
    padding:3px;
    height:23px;
    width:7px;  
  }
  
  .bookNavCaption{
    color:#9D7E53;  
    font-family:arial,sans-serif;
    font-size:10px;/*was 1.1em*/
    font-style:italic;
  
  }

  .bookNavPageMaker{   
    font-style:normal;
    color:#9D7E53;  
    padding:2px;  
  }
  
  .bookNav * {
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -khtml-box-sizing:border-box;  
  }
  
  #descLeftText{
    height:80px;line-height:12pt;overflow:auto;
  }
  
  #descRightText{
    height:80px;line-height:12pt;overflow:auto;
  } 
   

  table {
    table-layout:auto;
		border-collapse:collapse;
		margin: 0 auto;   
  } 


  a.info{ 
    position:relative; 
    display:block;
    visibility:hidden;
    margin-left:auto;
    margin-right:auto;
    width:16px;
    height:16px;     
		z-index:24;    
		color:#000;
		text-decoration:none;
		background-image:url('../gfx/icon-info.gif');
		background-position:center center;
		background-repeat:no-repeat;
	}

	a.info:hover{
		z-index:25;    
    cursor:default;
	}

	a.info .infoContainer{
		display: none
	}

	a.info:hover .infoContainer{ /*the span will display just on :hover state*/
		display:block;
		position:absolute;
		top:-5px; left:2em; width:360px;
		border:0px;
		text-align: left;			
	}	

  a.info:active, a.info:focus{
    outline:none;  
  }

  .infoBoxTop {
    width:360px;
    height:33px;
    background-image:url('../gfx/infoBox-top.gif');
    background-position:center bottom;
    background-repeat:no-repeat;
  }
  .infoBoxMiddle {    
    margin-left:15px;
    margin-right:15px;
    padding-left:10px;
    padding-right:8px;
    background-image:url('../gfx/infoBox-middle.gif');
    background-position:center center;
    background-repeat:repeat-y;
  } 
   
  .infoBoxBottom {
    width:360px;
    height:23px;
    background-image:url('../gfx/infoBox-bottom.gif');
    background-position:center top;
    background-repeat:no-repeat;
  }
  
  #thumbWrapper {
    margin-left:auto;
    margin-right:auto; 
    float:left;  
  }
  
  a.thumbnormal, .thumbnormal-current {     
    width:54px;
    height:56px;
    background-repeat:no-repeat;
    background-position:center center;    
    border:0px white solid;
    border-width:0px 0px 3px 0px;
  
  }
  
  a.thumbnormal:hover {
    border-width:0px 0px 3px 0px;
    border-color:#AF6621;
  
  }
 
  .thumbnormal-current {
      border-width:0px 0px 3px 0px;
      border-color:black;
      cursor:default;
  
  }

  #thumbContainer a:active, #thumbContainer a:focus{
    outline:none;  
  }

  #previousThumbs {
    float:left;
    width:16px;
    height:60px; 
    background-image:url('../gfx/thumbArrow-left.gif'); 
    background-repeat:no-repeat;
    background-position:center center;
    cursor:pointer;
  }
  
  #nextThumbs {
    float:left;
    width:16px;
    height:60px;
    background-image:url('../gfx/thumbArrow-right.gif'); 
    background-repeat:no-repeat;
    background-position:center center; 
    cursor:pointer;
  }

  
  .icon a:link img, .icon a:visited img {
    border-style:solid;
    border-color:white;
    border-width:1px;
  }

  .icon a:hover img{
    border-style:solid;
    border-color:#9D7E53;
    border-width:1px;    
  }
  
  /* end bookNav */





/*TYPOGRAPHY*/

  /*sub heads*/
  h2 {
    font-size:1.7em;
    color:#9D7E53;
    font-family:georgia,serif;
    letter-spacing:-1px;
    margin-bottom:-0.1em;
  } 
  
	.subtext{
		color:brown;
	}

	
  .fontStyleA{
    font-size:8pt;
    line-height:13pt; 
  }
  .fontStyleB{
    font-size:9pt;
    line-height:15pt;  
  }
  .fontStyleC{
    font-size:10pt;
    line-height:16pt;  
  }
  .fontStyleD{
    font-size:12pt;
    line-height:19pt;  
  }
  .fontStyleE{
    font-size:14pt;
    line-height:22pt;  
  }
  .fontStyleF{
    font-size:24pt;
    line-height:38pt;  
  }
  .fontStyleG{
    font-size:36pt;
    line-height:57pt;  
  }

  .fontHeading{
    font-size:24pt;
    line-height:24pt;
  }
  
  .fontSubHeading { 
    font-size:20px;  
    line-height:28px; 
    color:#9D7E53;
    font-family:georgia,serif;
    letter-spacing:-1px;
    margin-bottom:-0.1em;
  } 
	
	
/*PRINT OVERRIDE*/
@media print {
  .icon{
    visibility:hidden; 
  }
  
  #menu{
    visibility:hidden;
  }
  
  .thumbnormal a,.thumbnormal img, .thumbnormal-current{
    border-color:white;
  }
}











}

