BODY {
	color: #E5E5E5;
	background: #000;
	font-size: 70%;
	margin-top: 0px;
	margin-left: 0px;
}
UL {
		width: 98%;
		list-style: none;
		padding: 0px;
		margin-left: -1px;
}
LI {
		padding: 8px;
		float: left;
		margin-left: 6px;
}
#mainCenter {
	height:100%;
	margin: 5px;
	background: URL(spacer.gif);
	color: #E6E5E5;
}

#titleframe {
	width: 100%;
	/*height: 92px;*/
	background: #333;
	background-color: #E5E5E5;
	color: #000;
	
}
#TopFrame {
	width: 100%;
	height: 100%;
	border: 0px;
}
#BottomFrame {
	width: 100%;
	height: 100%;
	border: 0px;
}
/* Top left link box - title and info are inside banner,
which is inside titleContent, 
which is is inside titleframe, 
which is inside topleft
which is inside topleftOB, 
which is inside left-----------*/

.titleContent { 
	padding: 6px 0 6px 6px; 
	background-color: #E5E5E5;
	color: #000;		
}
.banner	{
	font-size: 1.1em;
	font-family: "Trebuchet MS", verdana, arial, sans-serif;
}
.banner .title{
	font-size:1.1em;
	font-weight:bold;
}
.banner .info{
	font-size:0.8em;
}
.banner .email{
	font-weight:bold;
}

/* index frame */

.indexContent {
	width:95%;
	border-bottom:1px dotted #333;
	border-color: #fff;
	padding-top:6px;
	padding-bottom:6px;
}
.indexInfo {
	//font-size: 12px;
	font-family: helvetica, verdana, arial;
	padding: 0 0 0 6px;
}
.indexInfo .filename {
	color: #000;
	background-color: #E5E5E5;
}
.indexInfo .date {
	color: #666;
	background-color: #E5E5E5;
}

/* file info */

#imageInfo{
	font-family: "Trebuchet MS", verdana, arial, sans-serif ;
	padding: 0 6px 0 6px;
	color: #333;
	background: #E5E5E5;
	width: 894px;			/* Bad width fed to Win IE5.x 		  */
	voice-family: "\"}\"";   /* winIE5 sees the end of the rule   */
	voice-family: inherit;	 /*proper parsing browsers reset here */
	width: 882px;			 /* the real width 	*/
}
#imageInfoV{
	font-family: "Trebuchet MS", verdana, arial, sans-serif ;
	padding: 0 6px 0 6px;
	color: #333;
	background: #E5E5E5;
	width: 586px;			/* Bad width fed to Win IE5.x 		  */
	voice-family: "\"}\"";   /* winIE5 sees the end of the rule   */
	voice-family: inherit;	 /*proper parsing browsers reset here */
	width: 574px;			 /* the real width 	*/
}

.content {
	font-size: 10px;
	color: #333333;
	background: #E5E5E5;
	border-bottom: 1px dotted #333;
	padding-top: 6px;
	padding-bottom: 6px;
}
.formContent {
	font-size: 10px;
	color: #333333;
	background: #E5E5E5;
	padding-top: 4px;
	padding-bottom: 6px;
}
.header {
	font-size:9px;
	font-weight:bold;
	color: #999;
	background: #E5E5E5;
}

/* I added this one - jbr */

.cart {
	font-size:11px;
	font-weight:bold;
	color: #666;
	background: #E5E5E5;
	text-align: right;
	float: right;
	border-color: #f00;
}

.fract {
	font-size: small;
	vertical-align: super;
}

.contentLast {			/*the redo does not use this one*/
	font-size: 11px;
	color: #333;
	background: #E5E5E5;
	padding: 3px 6px 0px 6px;
}

.table2 {
	color: #000;
	background: #333; 
	
}

.feedUpInfo {
	background: #E5E5E5;
	color: #3ff;
}

.userAlert {
	float:right;

}

	
	
	Bottom Nav Bar 
/*------------------------- */
											
ul#nav { 	
	list-style-type: none;
	margin: auto 20px;
	width: 100%	;
	text-align: center;
	position: static;
	padding: 10px;
}
		
ul#nav li { 
	display: inline; 
	margin-bottom: 5px;
	border-bottom-style: none;
}

ul#nav li a { 
	padding: 5px 20px;
	margin: 0px 2px;
	border: 1px solid #666;
	background-color: #000;
	text-decoration: none;
	text-align: center;
}
	
ul#nav li a:hover {
	background-color: #333;
	color: #fff;
}	
											
/*--------------------------------*/			

ul.links {
	text-align: left;
	list-style: none; 
	font-size: medium;
	margin-left: 1em;
	position: static;
	display: inline;
	float: left;
}

ul.links li { 
	width: 100%;
	margin-bottom: 5px;
	padding: 6px;
	border-bottom-style: none;
}
	
	
img {
	border-color: #999;
}

a 		{ 
	color: #000; 
	background-color: #E5E5E5;
	text-decoration: none; 
	font-weight: normal;
	} 
	
a:hover	{ 
	color: #330; 
	background-color: #E5E5E5;
	text-decoration: underline; 
}

A:visited { 
	color: #333; 
	background-color: #E5E5E5;
	text-decoration: none; 
	
}

A:focus { 
	color: #000; 
	background-color: #E5E5E5;
	text-decoration: none; 
	}
	
A:active { 
	color: #fc3; 
	background-color: #E5E5E5;
	text-decoration: none; 
}
/* Borders and Layout     */
/* THE MAIN CONTAINER BOX */
div.box {
	height: 563px; 
	color: #000;  
	border: solid; 
	border-color: #000; 
	background-color: #000;
	border-width: 10px; 
	margin:auto; 
	width: 920px;			 /* Bad width fed to Win IE5.x 		  */
	voice-family: "\"}\"";   /* winIE5 sees the end of the rule   */
	voice-family: inherit;	 /*proper parsing browsers reset here */
	width: 918;		 /* the real width 					  */
}
	
/*the grey part of the left column BEHIND TOP AND BOTTOM  PARTS   */
div.left { 
	height: 543px; 
	color: black; 
	border: solid; 
	background-color: #000; 
	border-color: #666; 
	border-width: 2px; 
	margin-top: -2px;
	width: 126px;			/* Bad width fed to Win IE5.x 		  */
	voice-family: "\"}\"";   /* winIE5 sees the end of the rule   */
	voice-family: inherit;	 /*proper parsing browsers reset here */
	width: 124px;			 /* the real width 	*/
}
	
/*the WHITE OUTER that contains the links*/
div.topleftOB { 
	height: 128px; 
	color: gray; 
	border: solid; 
	border-color: #fff; 
	border-width: 1px; 
	background-color:#000; 
	margin-top: 2px;	
	width: 122px;			/* Bad width fed to Win IE5.x 		  */
	voice-family: "\"}\"";   /* winIE5 sees the end of the rule   */
	voice-family: inherit;	 /*proper parsing browsers reset here */
	width: 120px;			 /* the real width 	*/
	}
	
/* the darker grey TOP left column inner*/	
div.topleft { 
	height: 98px; 
	color: gray; 
	border: solid; 
	border-color: #666; 
	border-width: 2px; 
	background-color:#E5E5E5; 
	margin:auto; 
	width: 117px;			/* Bad width fed to Win IE5.x 		  */
	voice-family: "\"}\"";   /* winIE5 sees the end of the rule   */
	voice-family: inherit;	 /*proper parsing browsers reset here */
	width: 116px;			 /* the real width 	*/
}
	
	
/* Bottom left Outer Box WHITE*/
div.bottomleftOB {
	height: 401px; 
	color: gray; 
	border: solid; 
	border-color: #fff; 
	border-width: 1px; 
	background-color:#000; 
	margin-top:4px;
	z-index: 5;
	width: 114px;			/* Bad width fed to Win IE5.x 		  */
	voice-family: "\"}\"";   /* winIE5 sees the end of the rule   */
	voice-family: inherit;	 /*proper parsing browsers reset here */
	width: 119px;			 /* the real width 	*/
}
/* THe light gray thin line lower left that contains the thubnaiils*/
/* there is another thin line just ourtside ofthiis one. Itiscalled bottomleftOB */
div.bottomleft { 
	height: 397px; 
	color: gray; 
	background-color: black; 
	border: solid; 
	border-color: #999; 
	border-width: 2px; 
	margin: auto; 
	width: 107px;			/* Bad width fed to Win IE5.x 		  */
	voice-family: "\"}\"";   /* winIE5 sees the end of the rule   */
	voice-family: inherit;	 /*proper parsing browsers reset here */
	width: 112px;			 /* the real width 	 - This is the width that if  too small will cause a hz scrollbar at bottom of thumbs*/
							/* and if it's over 110px. it causes the thumbs to go dow like they do in the library */
}
#thumbnail {
	margin-left: -7px;
}
/*ALL THE ONES ON THE RIGHT  EXPAND FROM THE UPPER LEFT CORNERbecause of the float in their attributes	*/
/* the next one is the actual container of the image*/
div.right {
	height: 542px; 
	color: blue; 
	border: solid; 
	border-color: #000; 
	border-width: 2px; 
	float: right; 
	clear: right; 
	margin-right: 6px; 
	margin-top: 5px;
	width: 720px;			/* Bad width fed to Win IE5.x 		  */
	voice-family: "\"}\"";   /* winIE5 sees the end of the rule   */
	voice-family: inherit;	 /*proper parsing browsers reset here */
	width: 718px;			 /* the real width 	*/
}	
	
	
/* the dark gray inner box SURROUNDING THE FULL SIZED IMAGE */
/* THESE NEXT 2 EXPAND TO THE LEFT RTHER THAN TO THE RIGHT, BUT VERTICALLY TO THE BOTTOM  */
div.rtOuterBox { 
	height: 554px; 
	color: black; 
	border: solid; 
	border-color: #000; 
	border-width: 9px;
	float:right ; 
	clear:right; 
	margin-right: 4px; 
	margin-top: -2px;	
	width: 746px;			/* Bad width fed to Win IE5.x 		  */
	voice-family: "\"}\"";   /* winIE5 sees the end of the rule   */
	voice-family: inherit;	 /*proper parsing browsers reset here */
	width: 754x;			 /* the real width 	*/
	z-index: 3;
}
	
/* THE NARROW WHITE TOP BORDER ON THE RIGHT_which Expands to the left if you add width*/
div.rtmidBox { 
	height: 682x; 
	background-color: #000; 
	display: inline;
	positioning: absolute;
	z-index: 4;
	border: solid; 
	border-color: #000; 
	border-width: 1px;
	//float:right; 
	//clear:right; 
	margin-right: -1px; 
	margin-top: -35x;	
	width: 720px;			/* Bad width fed to Win IE5.x 		  */
	voice-family: "\"}\"";   /* winIE5 sees the end of the rule   */
	voice-family: inherit;	 /*proper parsing browsers reset here */
	width: 718px;			 /* the real width 	*/
}