.leftimg {
	float: left;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 0px;
}

.rightimg {
	float: right;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 0px;
}

.vertaligntxt {				/* vertical align text and image in table */
	margin-left: 18px;
}

.vertaligntxt td {
	vertical-align: middle;
	border-collapse: collapse;
}
					/* content area is everything under header and main nav bar. */
#content {				/* sidenav goes all the way down left side of content area */ 
	background: url(./images/sidenav-bkgrd.gif) top left repeat-y;
	
}

#content  ul {
	list-style: none;		/* prevents bullets from appearing */
}


#rightcolumn {				/* right column is everything to the right of the side nav */
	width: 569px;      	
	margin-left: 179px;
	text-align: left;
}

#rightcolumn li {
	margin-right: -5px;		/* eliminates gap problems between images in a list */
	padding: 0;
	display: inline;
}

#hdrimg {
	padding-left: 15px;		/* right column (page) header */
	padding-top: 12px;
	padding-bottom: 10px;
}

#hdrbanner {				/* right column (page) subheaders */
	padding-left: 15px;
	padding-bottom: 10px;
}

#rightcolumn p {			/* padding for text */
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 20px;
}
					/* Each sidenavbar element and rollover graphic are
					concatenated together as one graphic.  They are
					background images which display the top 30 (or 48)px
					during normal state, and display the bottom 30 (or 48)px
					during rollover state */
#sidenavbar {				
	position: absolute;
	width: 179px;
	margin-top: 0px;
	left: 0px;
	text-align: left;
	
}
				
#sidenavbar a {
	display: block;
	margin-bottom: 0px; 
	overflow: hidden;
	height: 0px !important; 
	height /**/:30px; /* for IE5/Win */     	
}

#sidenavbar a:hover {				/* Show middle 30px for rollover state */
	background-position: 0 -30px;
}
						/* Set background images of navigation/rollover graphics */
#sidenav1 a  {
	padding: 30px 0 0 0;
	background: url(./images/sm-overview.gif) top left no-repeat;
}

#sidenav2 a  {
	padding: 30px 0 0 0;
	background: url(./images/sm-origins.gif) top left no-repeat;
}
	
#sidenav3 a  {
	padding: 30px 0 0 0;
	background: url(./images/sm-1900-1930.gif) top left no-repeat;
}

#sidenav4 a  {
	padding: 30px 0 0 0;
	background: url(./images/sm-1930-2004.gif) top left no-repeat;
}

#sidenav5 a  {
	padding: 30px 0 0 0;
	background: url(./images/sm-restoration.gif) top left no-repeat;
}

#sidenav6 a  {
	padding: 30px 0 0 0;
	background: url(./images/sm-photogallery.gif) top left no-repeat;
}

#prevnext {				/* navigation buttons at bottom of content and above footer */
	margin-left: 18px; 
	margin-right: 20px;
	margin-top: 30px;
	height: 20px;
	text-align: left;	
}

#prevnext li {
	display: inline;
}

#prevnext a {
	width: 133px;
	margin-bottom: 0px; 
	padding: 20px 0 0 0; 
	height: 0px !important; 
	height /**/:20px; /* for IE5/Win */     	
}

#prevnext a:hover {
	background-position: 0 -20px;
}

#btnoverviewl a {				/* Set background images of navigation button/rollover graphics */
	float: left;
	background: url(./images/btn-overview-l.gif) top left no-repeat;
}

#btnoriginsr a {
	float: right;
	background: url(./images/btn-origins-r.gif) top left no-repeat;
}

#btnoriginsl a {
	float: left;
	background: url(./images/btn-origins-l.gif) top left no-repeat;
}

#btn19001930r a {
	float: right;
	background: url(./images/btn-1900-1930-r.gif) top left no-repeat;
}

#btn19001930l a {
	float: left;
	background: url(./images/btn-1900-1930-l.gif) top left no-repeat;
}

#btn19302004r a {
	float: right;
	background: url(./images/btn-1930-2004-r.gif) top left no-repeat;
}

#btn19302004l a {
	float: left;
	background: url(./images/btn-1930-2004-l.gif) top left no-repeat;
}

#btnrestorationr a {
	float: right;
	background: url(./images/btn-restoration-r.gif) top left no-repeat;
}

#btnrestorationl a {
	float: left;
	background: url(./images/btn-restoration-l.gif) top left no-repeat;
}

#btngalleryr a {
	float: right;
	background: url(./images/btn-gallery-r.gif) top left no-repeat;
}

#footertext {				/*place footer on all interior pages */
	margin-top: 35px;
	width: 539px;
	line-height: 18px;
	text-align: center;
}

#footertext p {
	padding-top: 2px;
	padding-bottom: 2px;
}

.bluelinks a:link, .bluelinks a:visited { 	/* repeated footer main nav is blue */
	text-decoration: underline;
	color: #355263;
}

.brownlinks a:link, .brownlinks a:visited {	/* footer Credits link is brown */
	text-decoration: underline;
	color: #262021;
}