#holder { margin-left:40px;margin-top:20px;height:695px; }
	
#holderHeader { width:888px; font-size:12px;  }
#holderHeader #pagenation {  }
#holderHeader #pagenation a { color:#557585; padding:3px; text-decoration:none; }
#holderHeader #pagenation a:hover { background-color:#30455A; color:white; }

#gallery { width:100%;/*height:695px;*/float:left;border:1px solid black;background-color:#F7F7F7;overflow:hidden;z-index:96;position:relative; }
#gallery table { width:100%; }
#gallery table tr{ height:25%; }
#gallery table td { text-align:center;vertical-align:middle;padding:10px 0px;width:25%;height:25%; }
#gallery table td img{ border:1px solid #CCCCCC;background-color:white;padding:4px;cursor:pointer; }
#gallery table td img:hover{ border:1px solid #D99C4A; }

#galleryNav { height:100%; width:225px; line-height:22px; float:left;border:1px solid black;border-right:none;background-color:#F7F7F7; }
#galleryNav .toggler, #galleryNav .nontoggler { padding:2px 0 2px 25px;cursor:pointer;margin:0; }
#galleryNav .toggler:hover, #galleryNav .nontoggler:hover, #galleryNav #mediaSearchButton:hover { text-decoration:underline; }
#galleryNav #ampresSearch { text-decoration:none; }
#galleryNav .element { }
#galleryNav .element ul { padding-left:0; margin-left:0; }
#galleryNav .element ul li { list-style-type:none;cursor:pointer;list-style-position:outside;padding-left:25px; }

#galleryNav .scroll { text-align:center;cursor:pointer; }
#galleryNav .scroll:hover { background-color:#b7c5cd; }

#galleryNav #scrollUP { height:22px;background:url(http://millercenter.org/images/academic/americanpresident/gallery/template/up-icon.jpg) no-repeat 50% 50%; }
#galleryNav #scrollDOWN { height:22px;background:url(http://millercenter.org/images/academic/americanpresident/gallery/template/down-icon.jpg) no-repeat 50% 50%; }
#galleryNav #scrollDOWN:hover { background:#b7c5cd url(http://millercenter.org/images/academic/americanpresident/gallery/template/down-icon-hover.jpg) no-repeat 50% 50%; } 
#galleryNav #scrollUP:hover { background:#b7c5cd url(http://millercenter.org/images/academic/americanpresident/gallery/template/up-icon-hover.jpg) no-repeat 50% 50%; }

#viewer { position:absolute;overflow:hidden;width:100%;height:100%;z-index:95; }
#matte { position:absolute;width:100%;height:100%;z-index:90; background-color:black;opacity:0.5;top:0;left:0;}
#photoContainer { z-index:96;visibility:hidden;opacity:0;left:0;top:0;position:relative; }

#infomatte { position:absolute;width:100%;height:100%;z-index:90;opacity:.5;background-color:black;top:0;left:0;}
#information { position:absolute;width:100%;height:100%;z-index:90; }
#info { position:relative;z-index:96;background-color:white;margin:120px 100px 100px 100px; }

#controls { z-index:96;color:#DDDDDD;position:relative;width:660px;top:-30px;left:0;height:30px;line-height:30px;background-color:#1E2024;border-bottom:1px solid #b7c5cd; }
#pagenation a { color:white;background-color:#1E2024;padding-left:3px;padding-right:3px; }
#pagenation b { color:#1E2024;background-color:white;padding-left:3px;padding-right:3px; }

#imageDescription { z-index:96;background-color:white;visibility:hidden;bottom:-130;position:absolute;width:660px;margin-bottom:2px; }

#nextImage, #previousImage, #slideshowControl { cursor:pointer; }

#albumTitle { background:transparent url(http://millercenter.org/images/academic/americanpresident/gallery/template/grid.jpg) no-repeat 0 50%;float:left;cursor:pointer;padding-left:25px; }
#albumTitle:hover { background-image:url(http://millercenter.org/images/academic/americanpresident/gallery/template/grid-active.jpg);color:white; }

.element li:hover { background-color:#b7c5cd; }

#about { background:#f0f0f0 url(http://millercenter.org/images/academic/americanpresident/gallery/template/about-icon.jpg) no-repeat 10px 50%; }


/*Begin new CSS */
h1 a:hover {text-decoration: none;}
#galleryContainer {border: 1px solid #000; overflow: auto; background: url('http://millercenter.org/images/academic/americanpresident/presidential-seal1.png') 150% 2800%; background-repeat: no-repeat; }

.gallery-item {
	border: 1px solid #ccc; 
	padding: 3px; 
	margin: 2%;
	float: left; 
	height: 100px; 
	background: #fff;}
#galleryContainer #gallerySpace {/*width: 775px;*/ height: 600px; overflow: auto; /*float: right;*/ padding: 5px;  }


#paginate {text-align: right; float:right; clear:both;}
/*#president {float: left; width: 48%; padding-left: 5px; padding-top: 5px; font-weight: bold;}*/

#galleryNavigation {
	float: left;  
	margin-top: 0; 
	margin-bottom: 0; 
	padding-left: 0; 
	list-style: none;
	max-height: 600px; 
	width: 25%; 
	min-width: 125px;
	overflow-y: scroll; 
	direction: rtl; 
	overflow-x: hidden; 
	text-align: left; 
	background: #edf2f7; }
#galleryNavigation li {padding-left: 5px; border-bottom: 1px solid #fff;}
#galleryNavigation li:hover {background: #ccc;}
#galleryHeader {width: 99%; float: left; border-bottom: 1px solid #ccc;}
#galleryHeader h2 {float: left; width: 80%; margin: 0px;}
#galleryHeader .welcome {font-weight: bold; float: left;}

#current {font-weight: bold; background: #fff; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}

.gallery-image-container {width: 100%; text-align: center;}
.gallery-image-large {margin-top: 25px; border: 1px solid #ccc; padding: 3px; max-width: 97%;}
.image-source {text-align: left; width: 80%;}
.image-date {float: right;}
.returnCategories {float: right;}