body { background-color: #333; color: #999; font-family: verdana, sans-serif; font-size: 11px; text-align: center; }
a { color: #999; text-decoration: none; }
a:hover { color: #fff; }
#container { width: 720px; margin-left: auto; margin-right: auto; }

#catalogNameDiv { float: left; font-size: 14px; font-weight: normal; font-family; trebuchet, sans-serif; 
	width: 200px; }
#topNavDiv { float: left; text-align: right; padding-right: 20px; width: 500px;}
#topNavDiv ul { padding: 0; margin: 0; list-style-type: none; }
#topNavDiv ul li { float:right; padding-left: 20px; }


/* #topNavHomeDiv { float: right; text-align: right; margin-bottom: 20px;  padding-left: 20px;} */

#navDiv, #navDiv2 { clear: both; text-align: center; font-weight: bold; margin: 10px 0;}
#navDiv a, #navDiv2 a { margin: 30px; }
#navDiv { display: none; }


#headlineDiv { text-align: center; font-weight: bold; }
#captionDiv { text-align: center; font-weight: bold; }

#mediaDiv {  clear: both; text-align: center;  margin-top: 12px; }
#headlineDiv { }

.navTable { margin-top: 10px; width: 100%; }
.navTable td { text-align: center; }


.preview { width: 72px; }
.preview img { width: 90%; height: 90%; }

.divider { clear: both; margin-top: 10px; border-top: 1px solid #555; padding-top: 2px; }
#titleDiv { float: left;  font-size: 14px; font-family: trebuchet, sans-serif; width: 200px; text-align: left; font-weight: normal; }
#captionDiv { float: left; width: 280px;  margin-left: 20px; text-align: left; font-weight: normal;}

#fileNameDiv { float: right; text-align: right; width: 200px;  }
#fileNumberDiv { float: right; text-align: right; padding-right: 20px; display: none; }

.clearer { clear: both; margin: 0; padding; 0; display: block; height: 1px; overflow: hidden: }

#captionDiv { display: none; }
/* turned off besause Photoshop puts file info into iView caption */