html, body, #contents {
		min-height: 100%;
		height: 100%;
		font-size: xx-small;
	}

/*
 * The "height" above is a hack for IE5+/Win.  Below we adjust
 * it using the child selector to hide from IE5+/Win
 */

	html>body, html>body #contents {
		height: auto;
		font-size: x-small;
	}
	
	
	body {
		padding: 0;
		margin: 0;
		font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
		line-height: 1.4em;
		color: #1C1C1C;
		background-color: #FFF;
		}

  body.centered {
    text-align:center;
  }
		
	img {
		border: 0;
		display: block;
		}
		
	a {
		color: #406C81;
		text-decoration: none;
		}

	a:visited {
		color: #406C81;
		}
			
	a:hover {
		color: #999900;
		text-decoration: underline;
		}

	a.imglink {
	  border: 0px;
	}		
		
	#contents {
		width: 780px;
		padding: 0; 
		position: absolute;
		top: 0;
		left: 10px;
		}

	#main {
		height: auto;
		width:780px;
	  }
	
  #header {
    height: 170px;
    width: 100%;
    background: url("img/GnJGalleryHeaderBg.jpg") 76px 0 no-repeat; 
    }

  #footer {
    width: 100%;
    clear: both;
		bottom: 0;
		height:80px;
    background: url("img/footer.gif") 120px 2px no-repeat; 
    }
    
    
  #contentCol {
    width: 640px;
    float: right;
    }

  #mainCol {
    width: 430px;
    float: right;
  }
  
  #thumbsCol {
    width: 196px;
    float: left;
    }

  #navCol {
    width: 140px;
    float: left;
    }

  #navCol ul {
    list-style-type: none;
    margin: 60px 0 20px; 0 ;
    padding: 0 10px 0 0 ;
    
  }
  
  #thumbsList {
    width: 196px;
    background: url("img/ThumbsBg.gif") 0 0 repeat-y;
	  min-height: 252px;
    margin: 0;
    padding-top:1px;
    height: 252px;
  }
  
  html>body #thumbsList {
    height: auto;
  }

  #thumbsNav {
    width: 196px;
    height: 76px;
    background: url("img/ThumbsNav2.gif") 0 0 no-repeat;
    font-family: Georgia, Garamond, 'Times New Roman', serif; 
    font-size: 1.2em; 
    color: #CCCCCC;
  }

  #navCol ul li {
    text-align: right;
  }
  
  #navCol ul li {
		font-family: Georgia, Garamond, 'Times New Roman', serif;
		font-size: small;
		font-weight: normal;
	 	line-height: 1.6em;
  }

	#fadeSlides { 
	  position: relative; 
	  width:309px; 
	  height:78px; 
	  margin:0; 
	  padding:0; 
	}
	#fadeSlides li { display: block; }
  #fadeSlides ul { list-style: none; }
  
  div.clearer {clear: both; line-height: 0; height: 0; }
  h1 {margin: 20px 0 10px 0;}
  h2 {margin: 0 0 0.8em 0; font-size:1.5em; color: #999900; font-family: Georgia, Garamond, 'Times New Roman', serif; font-weight: normal;}
  h3 {margin: 0}
	p {margin-bottom: 0.8em; margin-top: 0; font-size: 1.1em; padding: 0;}
	p.lead {color: #000000; font-size: 1.3em; line-height:1.5em; margin-top: 1em; font-family: Georgia, Garamond, 'Times New Roman', serif;}
  #thumbsList p {
    margin: 0.9em 10px 0 10px;
  }
  span.navOn {font-weight: bold; color: #590A10;}
  span.navOnText {color: #999900;}
	span.FIRtext {display:none;}
	#luckiest {width:300px; margin:auto; margin-top:10px; background: url("img/luckiest.gif") 0 0 no-repeat; width: 300px; height:65px; }
	#she {width:300px; margin:auto; margin-top:10px; background: url("img/she.gif") 0 0 no-repeat; width: 300px; height:65px; }
	#ADIP {background: url("img/ADIP.gif") 0 0 no-repeat; width: 309px; height:29px; }
	#BH {background: url("img/BH.gif") 0 0 no-repeat; width: 246px; height:29px; }
	#BHsub {background: url("img/BHsub.gif") 0 0 no-repeat; width: 180px; height:18px; margin: 35px 0 5px 0;}
	#MP {background: url("img/MP.gif") 0 0 no-repeat; width: 267px; height:29px; }
	#MPsub {background: url("img/MPsub.gif") 0 0 no-repeat; width: 180px; height:18px;  margin: 35px 0 5px 0;}
	#MMP {background: url("img/MMP.gif") 0 0 no-repeat; width: 319px; height:29px; }
	#MMPsub {background: url("img/MMPsub.gif") 0 0 no-repeat; width: 180px; height:18px; margin: 35px 0 5px 0;}
	#TC {background: url("img/TC.gif") 0 0 no-repeat; width: 261px; height:29px; }
	#TCsub {background: url("img/TCsub.gif") 0 0 no-repeat; width: 180px; height:18px;  margin: 35px 0 5px 0;}
	#TR {background: url("img/TR.gif") 0 0 no-repeat; width: 259px; height:29px; }
	#TRsub {background: url("img/TRsub.gif") 0 0 no-repeat; width: 180px; height:18px;  margin: 35px 0 5px 0;}
	#HH {background: url("img/HH.gif") 0 0 no-repeat; width: 394px; height:29px; }
	#HHsub {background: url("img/HHsub.gif") 0 0 no-repeat; width: 180px; height:18px;  margin: 35px 0 5px 0;}
	#header h3 a {height:170px; width:561px; margin-left:76px; display: block; }
	#header h3 a:hover {text-decoration: none; }
	#thumbsCol h3 {background: url("img/ThumbsHead.gif") 0 0 no-repeat; width: 196px; height:53px; }
	#thumbsBack {float:left; margin: 3px 0 0 20px; }
	#thumbsMore {float:right; margin: 3px 20px 0 0; }
	#thumbsList a {
	  display: block;
	  border: 0;
	  float: left;
	  background-color: white;
	  padding: 3px;
	  margin: 2px;
	}
	div.mediumPhoto, div.page0Photo, div.GnJsignature {
	  margin-top:2em;
	  width:100%;
	  text-align: center;
	}
	div.page0Photo img {
	  display: block;
	  margin: auto;
	}
	div.mediumPhoto img {
	  display: block;
	  margin: auto;
	  margin-bottom: 10px;
	  padding: 7px;
	  border: 1px solid #CCCCCC;
	}
	div.GnJsignature img{
	  display: block;
	  margin: auto;
	}
	#thumbsList a:hover {
	  border-right: 1px solid #999999;
	  border-bottom: 1px solid #555555;
	  margin-right: 1px;
	  margin-bottom: 1px;
	}