/* Stylesheet for Seeing the City: Sloan's New York */

body {
	font-family: Verdana, arial, sans-serif;
	font-size: 62.5%;
	color: #E5E0DA;
	background: #1a1a1a;
	}

/* links */

a:link, a:visited {
	color: #E5E0DA;
	text-decoration: underline;
	}
a:hover {
	padding-bottom: 0;
	color: #E5E0DA;
	text-decoration: none;
	}

/* normalize everything */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, table, th, tr, td {
	margin: 0;
	padding: 0;
	}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	}
ol, ul {
	list-style: none;
	}
img {
	border: 0;
	}

/* basic formatting  */

h2 {
	font-size: 1.5em;
	}
h3 {
	font-size: 1.3em;
	font-weight: bold;
	}
h4 {
	font-size: 1.2em;
	}
p {
	font-size: 1.3em;
	line-height: 1.6em;
	}
em {
	font-style: italic;
	}
strong {
	font-weight: bold;
	}
.clear {
	clear: both;
	}
.caption {
	font-size: 1.1em;
	line-height: 1.4em;
}
#content h3 {
	margin-top: 5px;
	margin-bottom: 15px;
}


/* basic page structure
---------------------------------------------------------- */

body {
	text-align: center;
	}
#header {
	position: relative;
	height: 120px;
	width: 760px;
	margin: 0 auto;
	text-align: left;
	padding: 0;
	}
#mainBody {
	text-align: center;
	padding: 0;
	margin: 0;
	}
#home #mainBody {
	background: #666 url(../images/bkgd_home.gif) repeat top left;
	}
#about #mainBody {
	background: #735150 url(../images/bkgd_about.gif) repeat top left;
	}
#newYork #mainBody {
	background: #5e5150 url(../images/bkgd_new_york.gif) repeat top left;
	}
#gallery #mainBody {
	background: #596e7f url(../images/bkgd_gallery.gif) repeat top left;
	}
#exhibition #mainBody {
	background: #6a5d6e url(../images/bkgd_exhibition.gif) repeat top left;
	}
#resources #mainBody {
	background: #80745c url(../images/bkgd_resources.gif) repeat top left;
	}					
#mainContent {
	width: 760px;
	padding-bottom: 20px;
	margin: 0 auto;
	text-align: left;
	}

	
/* header 
------------------------------------------------------------ */

#banner span {
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -1000em;
	}
#banner { 
	height: 120px; 
	width: 575px; 
	background-color: #1a1a1a;
	background-image: url(../images/banner_home.jpg);
	}	
#about #banner {
	background-image: url(../images/banner_about.jpg);
	}
#newYork #banner {
	background-image: url(../images/banner_new_york.jpg);
	}
#gallery #banner {
	background-image: url(../images/banner_gallery.jpg);
	}
#exhibition #banner {
	background-image: url(../images/banner_exhibition.jpg);
	}			
#resources #banner {
	background-image: url(../images/banner_resources.jpg);
	}
	
	
/* topNav
------------------------------------------------------------ */

#topNav {
	position: absolute;
	top: 17px;
	left: 395px;
	margin: 0;
	padding: 0;
	border: 7px solid #333;
	background:  url(../images/topNavBkgd.gif) repeat-y top right;
	width: 32em;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.1em; 
	font-weight: bold; 
	}
#topNav .cell {
	float: left;
	width: 15.95em;
	}
#topNav a {
	display: block;
	color: #E5E0DA;
	text-decoration: none;
	padding: 0 .5em 0 .5em;
	line-height: 2.3em;
	margin: 0;
	border: 0;
	}
#topNav .active a {
	color: #333;
	border: 1px solid #aca8a3;
	padding: .4em 0 .3em .3em;
	margin: .3em .3em .2em .3em;
	line-height: .90em;
	background-color: #E5E0DA;
	}
#topNav .active a:hover {
	color: #333;
	border: 1px solid #aca8a3;
	padding: .4em 0em .3em .3em;
	margin: .3em .3em .2em .3em;
	line-height: .90em;
	background-color: #E5E0DA;
	}
#navHome a {
	background-color: #666;
	}
#navHome a:hover {
	background-color: #4d4d4d;
	}
#navAbout a {
	background-color: #735150;
	}
#navAbout a:hover {
	background-color: #482D2C;
	}
#navNewYork a {
	background-color: #5e6955;
	}
#navNewYork a:hover {
	background-color: #364131;
	}
#navGallery a {
	background-color: #596e7f;
	}
#navGallery a:hover {
	background-color: #36444F;
	}
#navExhibition a {
	background-color: #6a5d6e;
	}
#navExhibition a:hover {
	background-color: #443c47;
	}
#navResources a {
	background-color: #80745c;
	}	
#navResources a:hover {
	background-color: #4e4636;
	}


/* home page
---------------------------------------------------------- */

#home #mainContent {
	padding-top: 20px;
	}
#home #mainContent h1 span, #home #delartLogo span {
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -1000em;
	}
#home #mainContent h1 {
	height: 97px;
	width: 374px;
	background-image: url(../images/title_sloans.gif);
	}
#home #mainContent #delartLogo {
	float: right;
	height: 76px;
	width: 241px;
	background-image: url(../images/delart_logo_gray.gif);
	}
#home .homeText {
	margin: 20px 0 20px 0;
	color: #E5E0DA;
	line-height: 1.7em;
	}
#galleryInfo {
	float: left;
	width: 240px;
	background: #36444f;
	margin-right: 20px;
	margin-bottom: 15px;
	}
#galleryInfoBorder {
	margin: 7px;
	border: 1px solid #596e7f;
	padding: 5px 0 5px 0;
	}	
#exhibitionInfo {
	float: left;
	width: 240px;
	background: #443c47;
	margin-right: 20px;
	}
#exhibitionInfoBorder {
	margin: 7px;
	border: 1px solid #6a5d6e;
	padding: 5px 0 20px 0;
	}
#exhibitionInfoBorder img {
	margin: 5px 0 0 10px;
	}		
#newYorkInfo {
	float: left;
	width: 240px;
	background: #364131;
	}
#newYorkInfoBorder {
	margin: 7px;
	border: 1px solid #545f4c;
	padding: 5px 0 5px 0;
	}	
#home h2 {
	text-align: center;
	padding: 0 0 5px 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	}
#home #galleryInfo h3 {
	margin: 20px 10px 0 10px; 
	}
#home #galleryInfo img {
	margin: 10px 0 10px 34px;
	}
#home #galleryInfo p {
	margin: 0 0 25px 0;
	text-align: center;
	font-size: 1.1em;
	}
#home #exhibitionInfo h4 { 
	margin: 10px 10px 0 10px;
	}
#home #exhibitionInfo p {
	margin: 0 10px 8px 10px;
	font-size: 1.1em;
	}
#home #newYorkInfo h3 {	
	margin: 10px 10px 0 10px;
	}
#home #thenNow {
	height: 94px;
	width: 100%;
	margin: 5px 0 8px 0;
	background-color: #7a806c;
	}
#home #thenNow img {
	margin: 7px 0 0 30px;
	}	
#home #newYorkInfo p {
	margin: 0 10px 8px 10px;
	font-size: 1.1em;
	}	


/* section subnav styling
---------------------------------------------------------- */

#subNavBorder {
	margin: 7px;
	border-width: 1px;
	border-style: solid;
	padding: 5px 0 14px 0;
	}	
#about #subNav {
	float: left;
	width: 190px;
	text-align: center;
	margin-top: 30px;
	background-color: #482D2C;
	}
#about #subNavBorder {
	border-color: #735150;
	}
#newYork #subNav {
	float: left;
	width: 190px;
	text-align: center;
	margin-top: 30px;
	background-color: #364131;
	}
#newYork #subNavBorder {
	border-color: #545f4c;
	}	
#exhibition #subNav {
	float: left;
	width: 190px;
	text-align: center;
	margin-top: 30px;
	background-color: #443c47;
	}	
#exhibition #subNavBorder {
	border-color: #6a5d6e;
	}
#resources #subNav {
	float: left;
	width: 190px;
	text-align: center;
	margin: 30px 0 150px 0;
	background-color: #4e4636;
	}
#resources #subNavBorder {
	border-color: #80745c;
	}			
#about #subNav h2, #newYork #subNav h2, #exhibition #subNav h2, #resources #subNav h2 {
	font-size: 1.8em;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #E5E0DA;
	line-height: 1.3em;
	padding-top: 5px;
	padding-bottom: 14px;
	}
#resources #subNav h2 {
	font-size: 1.8em;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #E5E0DA;
	line-height: 1.3em;
	padding-top: 5px;
	padding-bottom: 0;
	}	
#about #subNav ul, #newYork #subNav ul, #resources #subNav ul {
	width: 11.0em;
	margin: 0 auto;
	}
#exhibition #subNav ul {
	width: 13.0em;
	margin: 0 auto;
	}	
#about #subNav li, #newYork #subNav li, #exhibition #subNav li, #resources #subNav li {
	font-size: 1.1em;
	margin-bottom: .2em;
	}
#about #subNav a, #newYork #subNav a, #exhibition #subNav a, #resources #subNav a {
	display: block;
	height: 1.7em;
	
	padding: .2em 0 .3em 0;
	line-height: 1.8em;
	color: #E5E0DA;
	text-decoration: none;
	}
#exhibition #subNav a {
	display: block;
	height: 1.7em;
	
	padding: .2em 0 .3em 0;
	line-height: 1.8em;
	color: #E5E0DA;
	text-decoration: none;
	}
	
#about #subNav a:hover {
	background-color: #382626;
	}
#newYork #subNav a:hover {
	background-color: #2c3329;
	}
#exhibition #subNav a:hover {
	background-color: #353037;
	}
#resources #subNav a:hover {
	background-color: #3c372c;
	}	
#about #subNav .active, #about #subNav .active a:hover, 
#newYork #subNav .active, #newYork #subNav .active a:hover, 
#exhibition #subNav .active, #exhibition #subNav .active a:hover, 
#resources #subNav .active, #resources #subNav .active a:hover {
	background-color: black;
	text-decoration: none;
	}


/* sidebar
---------------------------------------------------------- */

.sidebar {
	width: 224px;
	margin: 0 0 4px 15px;
	float: right;
	}
body#newYork .sidebar {
	width: 174px;
	margin: 0 0 0 15px;
	float: right;
	}	
.midbar {
	clear: both;
	margin: 0 0 15px 0;
	}
.sidebar .wideThumbBox {
	float: left;
	margin-bottom: 15px;
	}
.sidebar .wideThumbBox img {
	margin: 7px;
	}
.sidebar .wideThumbDesc {
	clear: both;
	margin: 0 7px;
	font-size: 1.1em;
	line-height: 1.4em;
	}
.sidebar .thumbBox, .midbar .thumbBox {
	float: left;
	margin-bottom: 7px;
	margin-right: 10px;
	}
.sidebar .thumbBox img, 
.midbar .thumbBox img{
	margin: 7px 7px 0 7px;
	}	
.sidebar .thumbDesc {
	display: inline;
	font-size: 1.1em;
	line-height: 1.4em;
	}
#about .sidebar .thumbBox, 
#about .sidebar .wideThumbBox,
#about .midbar .thumbBox {
	background-color: #886b6a;
	}
#newYork .sidebar .wideThumbBox {
	background-color: #5e6955;
	}
#exhibition .sidebar .thumbBox {
	background-color: #7c7385;
	} 
.sidebar #catalogue {
	padding:7px;
	float:left;
	background-color: #7c7385;
	}
.sidebar #catalogue img {
	 margin-bottom:7px;
	 }
	
/* about section
---------------------------------------------------------- */
			
#about #content {
	float: right;
	width: 550px;
	margin-top: 26px;
	}
#about #content p {
	margin-bottom: 20px;
	color: #E5E0DA;
	}
#about .enlarge, #exhibition .enlarge {
	padding-left: 13px;
	margin: 3px 0 7px 6px;
	background: url(../images/enlarge.gif) no-repeat 0 3px;
	}
	
/* newYork section
---------------------------------------------------------- */	
			
#newYork #content {
	float: right;
	width: 550px;
	margin-top: 26px;
	margin-bottom: 5px;
	}
#newYork #content p {
	margin-bottom: 20px;
	color: #E5E0DA;
	}
#newYork .sidebar h3 {
	float: left;
	height: 38px;
	width: 174px;
	margin: 8px 0 10px 0;
	background: url(../images/then-and-now.gif) no-repeat top left;
	}
#newYork h3 span {
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -1000em;
	}
#newYork .photoPair {
	float: left;
	width: 174px;
	margin: 0 0 0 0;
	}
#newYork .photoPairRight {
	float: left;
	width: 174px;
	margin: 0 0 15px 0;
	}
#newYork .photoBox {
	width: 174px;
	padding-bottom: 7px;
	margin-bottom: 6px;
	background-color: #7A806C;
	}
#newYork .photoBox img {
	margin: 6px 0 0 6px;
	}
#newYork .paintingPairDesc {
	clear: both;
	font-size: 1.1em;
	line-height: 1.4em;
	}	
.enlarge {
	padding-left: 13px;
	margin: 3px 0 0px 6px;
	background: url(../images/enlarge.gif) no-repeat 0 3px;
	}
.enlarge a {
	font-size: 1.1em;
	margin: 0;
	padding: 0;
	text-decoration: none;
	}
#newYork #flashcontent {
	padding-top: 30px;
	padding-bottom: 10px;
	}

/* walking tour */

.twoColLeft, .twoColRight {
	width: 260px; 
	float: left;
	}
.twoColLeft {
	margin-right: 30px;
	}
.twoColLeft li, .twoColRight li {
	font-size: 1.3em;
	padding-bottom: 5px;
	line-height: 1.3em;
	}
.iTunes {
	padding-right: 50px;
	background: url(../images/itunes.gif) no-repeat right bottom;
	}
.rss {
	padding-right: 43px;
	background: url(../images/rss.gif) no-repeat right bottom;
	}
.podcastFiles h4 {
	line-height: 1.7em;
	}
.podcastFiles li {
	text-indent: -1em;
	padding: 0 0 0 1em;
	font-size: 1.3em;
	line-height: 1.7em;
	margin: 0;
	}

/* about popup
---------------------------------------------------------- */

#aboutPopup {
	background-color: #735150;
	text-align: left;
	}
#aboutPopup #header {
	height: 10px;
	width: 400px;
	margin: 14px 0 17px 28px;
	padding: 0;
	}
#aboutPopup #header h3 {
	/*height: 38px;
	width: 191px;
	background: url(../images/working-popup.gif) no-repeat;*/
	text-indent: -5000px;
	}
#aboutPopup #popupTopNav {
	float: right;
	padding-left: 20px;
	background: url(../images/close.gif) no-repeat 5px 50%;
	font-size: 1.2em;
	}
#popupPhoto {
	margin-left: 30px;
	}
#popupPhoto img {
	margin-bottom: 10px;
	}
#popupPhoto h3 {
	width: 375px;
	}	
#popupPhoto p {
	font-size: 1.1em;
	line-height: 1.3em;
	width: 375px;
	margin: 6px 0 0 0;
	}
#popupPhoto p .imageTitle {
	font-size: 1.3em;
	}

/* then and now popup
---------------------------------------------------------- */

#thenAndNowPopup {
	background-color: #364131;
	text-align: left;
	}
#thenAndNowPopup #header {
	height: 38px;
	width: 705px;
	margin: 14px 0 17px 28px;
	padding: 0;
	}
#thenAndNowPopup #header h3 {
	height: 38px;
	width: 191px;
	background: url(../images/then-and-now-popup.gif) no-repeat;
	text-indent: -5000px;
	}
#thenAndNowPopup #popupTopNav {
	float: right;
	padding-left: 20px;
	background: url(../images/close.gif) no-repeat 5px 50%;
	font-size: 1.2em;
	}			
#popupPhotoLeft {
	display: inline;
	float: left;
	width: 350px;
	margin-left: 28px;
	}
#popupPhotoLeft p, #popupPhotoRight p {
	font-size: 1.2em;
	line-height: 1.3em;
	width: 340px;
	margin: 6px 0 0 0;
	}	
#popupPhotoRight {
	float: left;
	width: 350px;
	margin-left: 4px;
	}	
#popupDesc {
	width: 705px;
	padding-top: 20px;
	margin: 0px 0 29px 28px;
	font-size: 1.3em;
	line-height: 1.4em;
	}


/* exhibtion popup
---------------------------------------------------------- */

#exhibitionPopup {
	background-color: #6a5d6e;
	text-align: left;
	}
#exhibitionPopup #header {
	height: 10px;
	width: 370px;
	margin: 14px 0 17px 28px;
	padding: 0;
	}
#exhibitionPopup #header h3 {
	/*height: 38px;
	width: 191px;
	background: url(../images/working-popup.gif) no-repeat;*/
	text-indent: -5000px;
	}
#exhibitionPopup #popupTopNav {
	float: right;
	padding-left: 20px;
	background: url(../images/close.gif) no-repeat 5px 50%;
	font-size: 1.2em;
	}


	

/* slideshow
---------------------------------------------------------- */

#slideshow {
	float: left;
	width: 770px;
	margin: 30px 0 20px 0;
	background: #364131;
	}
#slideshowBorder {
	margin: 6px;
	border: solid 1px #545f4c;
	padding: 10px;
}
.slideLeft {
	width: 350px;
}
.slideRight {
	width: 350px;
	float: right;
}

/* gallery
---------------------------------------------------------- */

#galleryArray {
	float: left;
	width: 760px;
	margin: 30px 0 20px 0;
	}


/* exhibition
----------------------------------------------------------- */

#exhibition #content {
	float: right;
	width: 550px;
	margin-top: 26px;
	}
#exhibition #content p {
	margin-bottom: 20px;
	color: #E5E0DA;
	}
#exhibition #content table {
	width: 540px;
	margin-bottom: 400px;
	font-size: 1.3em;
	line-height: 1.7em;
	}
#exhibition #content table td {
	padding-bottom: 1.2em;
	}

#samples h4 {
	margin: 0;
	line-height: 1.7em;
	}
#samples ul {
	margin-top: 0;
	}
#samples li {
	text-indent: -1em;
	padding-left: 1em;
	font-size: 1.3em;
	line-height: 1.7em;
	margin: 0;
	}

/* resources
----------------------------------------------------------- */

#resources #content {
	float: right;
	width: 550px;
	margin-top: 26px;
	}
#resources #content strong {
	font-size: .85em;
	}	
#resources #content p {
	margin-bottom: 20px;
	color: #E5E0DA;
	}

	
/* footer
---------------------------------------------------------- */	

#footer {
	clear: both;
	width: 760px;
	margin: 0 auto;
	padding-top: 20px;
	padding-bottom: 25px;
	text-align: left;
	background-color: #1a1a1a;
	}
#footerContent {
	padding: 0;
	font-family: verdana, arial, helvetica, sans-serif;
	color: #999999;
	font-size: 1.1em;
	line-height: 1.4em;	
	}
#footer a {
	color: #999999;
	}		
#footerLogo {
	float: right;
	height: 46px;
	width: 202px;
	background: #000 url(../images/delart_logo.gif) no-repeat top left;
	}

/* misc.
--------------------------------------------------------- */

.hide {
	display: none;
	}