/* screen styles */
/* COLORS
border grey: c7d0cd
inset border: f1f1f1
header: 283b3f
location banner: 667a71
credit p: 57848a
index-primary: 863d10
index-events: 58858b
index-contest/memeber: 667a71
*/
/* general clean-up ------------ */
* {
	margin: 0px;
	padding: 0px;
}

#ajx-upload-answer {
	display: none;
}

/*b { color: #283b3f; }

pre {
	display: block;
	margin: 6px 0px;
	padding: 16px;
	width: 560px;
	border: 1px solid #ccc;
	background: #fcfcfc;
	font-size: 1.5em;
}*/

a {
	outline: none;
	border-width: 0px;
	color: #863d10;
}

a img {
	border-width: 0px;
}

p {
	font-size: 1.1em;
	line-height: 1.5em;
	text-align: left;
}

h1 {
	font-size: 2em;
	font-weight: normal;
}

h2 {
	font-size: 1.4em;
}

h3 {
	font-size: 1.2em;
}

hr { /*IE*/
	display: block;
	margin: 0px;
	padding: 0px;
	height: 1px;
	border: solid #eff1f0;
	border-width: 0px;
	background: #eff1f0;
	color: #eff1f0;
}

/* close general clean-up ------------ */

body {
	font-family: Verdana, Arial, sans-serif;
	font-size: 62.5%;
	text-align: center;/*IE*/
}

/* Main Grid Elements ------------ */
#wrapper {
	margin: 0px auto 120px auto;
	width: 956px;
	background: #eff1f0;
}

#content {
	margin: 20px auto 20px auto;
	padding-bottom: 32px;
	width: 916px;
	text-align: left;/*IE*/
	overflow: hidden;
	background: transparent url("/images/bg-primary-bottom.gif") no-repeat left bottom;
}

#content-event {
	margin: 20px auto 8px auto;
	width: 920px;
	text-align: left;/*IE*/
}

#header { /*logo and nav styles at end of file*/
	position: relative;
	top: 0px;
	left: 0px;
	width: 956px;
	height: 94px;
	background: #283b3f;
	text-align: left;/*IE*/
	border-bottom: 2px solid #fff
}

#location {
	position: relative;
	top: 0px;
	left: 0px;
	height: 58px;
	background: #667a71;
	text-align: left;/*IE*/
	border-bottom: 2px solid #fff
}

/* standard container dimensions. float TBD by context */
#primary {
	width: 538px;
	padding: 0px;
	background: #fff url("/images/bg-primary.gif") repeat-y center 24px;
	border: solid #c7d0cd;
	border-width: 1px 1px 0px 1px;
	float: left;
}

	#primary-inner {
		position: relative;
		top: 0px;
		left: 0px;
		padding: 30px;
		width: 480px;
		background: transparent url("/images/bg-primary-inner.gif") no-repeat 5px 0px;
	}
* html #primary-inner {
	width: 474px;
}

#secondary {
	width: 356px;
	float: right;
}

#footer {
	position: relative;
	top: 0px;
	left: 0px;
	padding: 4px 0px 0px 0px;
	overflow: hidden;
	text-align: left;
	color: #999;
	background: #fff url("/images/bg-footer.gif") repeat-y center top;
	border-top: 8px solid #fff;
}

* html #footer { height: 1%;} /*IE*/
/* close Main Grid Elements ------------ */

/* Location Styles ------------ */

#location img {
	position: relative;
	top: 17px;
	left: 24px;
	display: block;
}

/* End Location Styles ------------ */

/* Index Styles ------------ */

#index-primary {
	position: relative;
	top: 0px;
	left: 0px;
	margin-bottom: 2px;
	overflow: hidden; 
	background: #863d10;
	height: 353px;
}

#index-primary-image {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 493px;
	height: 353px;
	overflow: hidden;
	background: #58848b;
	border-right: 2px solid #fff;/* so primary can have a background and a white separator */
}

#index-primary-image img {top: 0px; left: 0px;}

#index-psa {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 100;
	width: 493px;
	height: 353px;
	overflow: hidden;
	background: #283b3f;
	display: none;
}

#flashcontent { margin: 48px auto 0px auto; }

#index-psa a { position: absolute; top: 33px; right: 47px; display: block; width: 95px; height: 16px; color: #fff; text-align: right; text-decoration: none; }

#index-primary-text {
	position: absolute;
	top: 0px;
	left: 495px;
	width: 460px;
	height: 353px;
	float: right;
	color: #fff;
	font-weight: bold;
}

.index-primary-inner {/*use to inset primary content without hacking the box model for IE*/
	margin: 29px;
}

#index-morelink {
	position: absolute;
	bottom: 114px;
	_bottom: 111px;/*IE*/
	left: 178px;
	width: 37px;
	height: 10px;
	display: block;
	background: url("/images/index-morelink.gif") no-repeat 0px -10px;
}

#index-secondary {
	position: relative;
	top: 0px;
	left: 0px;
	height: 215px;
	margin-bottom: 0px;
	text-align: left;
	color: #fff;


	background: transparent url("/images/bg-index-secondary.gif") repeat-y left top;
}

.index-secondary-inner {/*use to inset secondary content without hacking the box model for IE*/
	position: relative;
	top: 0px;
	left: 0px;
	margin: 24px;
	/*overflow: hidden; this totally confuses IE6, clear floats differently. */
}
* html .index-secondary-inner {height: 1%;/*IE*/}

#index-events {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 276px;
	height: 215px;
	background: #58858b;
}

#index-contest, #index-member {
	position: absolute;
	top: 0px;
	left: 278px;
	width: 338px;
	height: 215px;
	background: #667a71;
}
#index-secondary #index-contest img {
	position: relative;
	top: -4px;
	left: 0px;
	margin-bottom: 12px;
}


#index-member {
	left: 618px;
}
#index-secondary #index-member img {
	position: relative;
	top: -6px;
	left: 0px;
	margin-bottom: 10px;
}

/* fancy index links */
.index-link {
	position: absolute;
	bottom: 20px;
	right: 20px;
	display: block;
	height: 24px;
	background: transparent url("/images/shim.gif") no-repeat left top;
}

/* index-primary typography */
#index-primary img {
	display: block;
	margin: 0px;
	padding: 0px;
}

#index-primary-text img {
	margin: 0px 0px 36px 0px;
}

.index-primary-inner h1, .index-primary-inner h2, .index-primary-inner h3, .index-primary-inner p { display: none;}

#index-primary-text #directions.index-link {
	bottom: 36px;
	right: 150px;
	width: 124px;
	background-image: url("/images/btn_getdirections_home.gif");
}

#index-primary-text #tickets.index-link {
	bottom: 36px;
	right: 29px;
	width: 105px;
	background-image: url("/images/btn_buytickets_home.gif");
}

#index-primary-text #psa.index-link {
	bottom: 36px;
	right: 292px;
	width: 134px;
	background-image: url("/images/btn_spot.gif");
}

/* index-events typography */
#index-secondary h1 {display: none;}

#index-secondary p {font-size: 1.2em;}

#index-secondary img {
	margin-bottom: 18px;
	display: block;
}

#index-events ul {
	margin-bottom: 16px;
	list-style-type: none;
}

#index-events li {
	padding-bottom: 0px;
}

#index-events li a {
	color: #fff;
	text-decoration: underline;
}

#index-events li.date {
	font-weight: bold;
}

#index-events .index-link {
	width: 132px;
	background-image: url("/images/btn_viewallevents_home.gif");
}

/* index-contest form */

#index-contest form {
	position: absolute;
	bottom: 20px;
	right: 20px;
	display: block;
	margin: 0px;
	padding: 0px;
	width: 294px;
	/*height: 24px;*/
	overflow: hidden;
}

* html #index-contest form { bottom: 12px; }/*IE*/

#index-contest form label {
	display: block;
	margin-bottom: 8px;
	/*padding: 5px;*/
	line-height: 1.6em;
	font-weight: bold;
	color: #fff;
}

#index-contest h2 {
	margin-top: 24px;
	font-size: 1.2em;
	font-weight: normal;
}

#index-contest h2 a {
	font-weight: bold;
	color: #fff;
}

#index-contest .index-link {
	width: 116px;
	background-image: url("/images/btn_vc.gif");
}

/*************************/
.spin, .alert {
	margin-bottom: 4px;
	font-size: 1.1em;
	line-height: 2.2em;
	color: #fff;
	background: #283B3F;
	text-align: center;
}

#send p.spin, #send p.alert {
	font-size: 1.1em;
	color: #fff;
	background: #283B3F;
	text-align: center;
}

#index-contest .spin, #index-contest .alert, #send .spin, #send .alert {
	margin-bottom: 8px; 
}

#capture .spin, #capture .alert {
	margin-bottom: 5px; 
}

.alert.spin span {
	background: #283B3F url("/images/loader1.gif") no-repeat left center;
	padding: 4px 18px;
	display: inline;
}

.alert span {
	padding: 4px 18px;
	display: block;
}

.alert a {
	margin: 0px 18px 4px 18px;
	color: #fff;
	display: block;
	text-align: right;
}

#ajx-capture-answer, #ajx-send-answer {
	font-size: 1.2em;
	line-height: 1.6em;
	padding: 8px 0px;
}

#index-contest #ajx-capture-answer {
	position: absolute;
	bottom: 20px;
	right: 20px;
	display: block;
	margin: 0px;
	width: 294px;
	overflow: hidden;
}
/*************************/

#index-contest form input {
	margin: 0px;
	padding: 3px 0px 0px 0px;
	width: 216px;
	height: 19px;
	display: block;
	float: left;
	border: 1px solid #c7d0cd;
}

input.blur {color: #ccc;}

#index-contest form input.button {
	padding: 24px 0px 0px 0px;
	width: 70px;
	height: 0px;
	overflow: hidden;
	float: right;
	border-width: 0px;
	background: #fff url("/images/btn_submit_home.gif") no-repeat left top;
	cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
}

/* index-member styles */

#index-member .index-link {
	width: 89px;
	background-image: url("/images/btn_joinnow.gif");
}
/* Close Index Styles ------------ */



/* Type, Image and Album styles for main exhibition page */
#primary p {
	margin-bottom: 20px;
	font-size: 1.2em;
	line-height: 1.6em;
}

#primary img.header {
	margin: 0px 0px 30px 0px;
	padding: 0px;
	display: block;
}

#ex-tickets.index-link {
	bottom: 0px;
	right: 28px;
	width: 102px;
	background-image: url("/images/btn_buytickets.gif");
}

#ex-directions.index-link {
	bottom: 0px;
	right: 148px;
	width: 122px;
	background-image: url("/images/btn_getdirections.gif");
}

#ex-resources.index-link {
	bottom: 0px;
	right: 288px;
	width: 151px;
	background-image: url("/images/btn_teachingresources.gif");
}

.hidden {display: none;}/*hide the text headers */

#secondary h2 {/*Artist name for album display*/
	padding-top: 12px;
}

#secondary p {
	padding: 6px 0px;
	text-align: left;
	font-size: 1em;
	line-height: 1.3em;
}

p.credit {
	color: #57848a;
}

/* main category divs */
#secondary #artists {
	margin-bottom: 66px;
	padding-top: 35px;
	overflow: hidden;
	background: transparent url("/images/tag-exhibit-artists.gif") no-repeat left top;
}

#secondary #works {
	margin-bottom: 66px;
	padding-top: 35px;
	overflow: hidden;
	background: transparent url("/images/tag-exhibit-works.gif") no-repeat left top;
}

* html #secondary #artists { height: 1%;}/*IE*/

#schedule .viewall, #contest-recent .viewall, #secondary .viewall { /*view all artists/works base style*/
	display: block;
	height: 24px;
	float: right;
}

#schedule .viewall#viewcontest, #contest-recent .viewall#viewsubs {
	position: absolute;
	bottom: 0px;
	right: 0px;
	margin: 0px;
	width: 134px;
	float: none;
	background: transparent url("/images/btn_viewallartists.gif") no-repeat 0px 0px;
}

#schedule .viewall#viewcontest {
	width: 116px;
	background: transparent url("/images/btn_vc.gif") no-repeat 0px 0px;
}

#contest-recent .viewall#viewsubs {
	width: 160px;
	background: transparent url("/images/btn_vas.gif") no-repeat 0px 0px;
}

#secondary .viewall#viewartists {
	width: 134px;
	background: transparent url("/images/btn_viewallartists.gif") no-repeat 0px 0px;
}

#secondary .viewall#viewworks {
	width: 162px;
	background: transparent url("/images/selected_works.gif") no-repeat 0px 0px;
}

#secondary .viewall#viewworks:hover, #secondary .viewall#viewartists:hover, #schedule .viewall#viewcontest:hover, #contest-recent .viewall#viewsubs:hover { background-position: 0px -24px;}

/* note: pulled #secondary out of most of these to re-use in album pages. testing */
.album {
	position: relative;
	top: 0px;
	left: 0px;
	margin-bottom: 20px;
	border: 1px solid #c7d0cd;
	background: #fff;
	overflow: hidden;
}

.album.active { border: 1px solid #000; }
.album.inactive { background: #f8f8f8; color: #999; }

* html .album {
	height: 90px;
}

.contest-large {/* current contest display on contest index */
	position: relative;
	top: 0px;
	left: 0px;
	margin-bottom: 40px;
	background: #fff;
	overflow: hidden;
}

* html .contest-large { height: 1%; }

.thumb {
	width: 100px;
	float: left;
}

.contest-large .thumb { /* large thumb for current contest */
	width: 220px;
}

.contest-large .thumb img { margin: 0px; }

.albumdesc {
	width: 242px;
	float: right;
}

.image {
	position: relative;
	top: 0px;
	left: 0px;
	width: 167px;
	border: 1px solid #c7d0cd;
	background: #fff;
	/*min-height fast hack by dustin diaz http://www.dustindiaz.com/min-height-fast-hack/*/
	min-height: 222px;
  height:auto !important;
	_height: 222px;/*IE*/
}

.bigimage { /* for oversize image thumbs on aartist pages */
	padding-bottom: 24px;
	position: relative;
	top: 0px;
	left: 0px;
	width: 354px;
	border: 1px solid #c7d0cd;
	background: #fff;
}

#secondary .image {
	min-height: 242px;
  height:auto !important;
	_height: 242px;/*IE*/
}

.imagethumb a {
	display: block;
	margin-bottom: 4px;
}

.image p, #secondary .image p, #main .image p, #schedule .image p, .bigimage p {
	padding: 0px 10px 0px 6px;
	text-align: left;
	font-size: 1em;
	line-height: 1.3em;
}
.image p.title, .bigimage p.title { font-style: italic;}
span.image-date { font-style: normal;}

.imagerow {
	margin-bottom: 20px;
	overflow: hidden;
}

* html .imagerow {/height: 1%;}/*IE*/

#secondary .image.left { float: left;}

#secondary .image.right { float: right;}
/* end that note */

/* non location specific. nice. */
a.album-view, a.album-vote {
	position: absolute;
	bottom: 6px;
	right: 8px;
	width: 32px;
	height: 11px;
	display: block;
	background: transparent url("/images/btn_view.gif") no-repeat 0px 0px;
}

a.album-view:hover, .hover a.album-view {
	background: transparent url("/images/btn_view.gif") no-repeat 0px -11px;
}

* html a.album-view {
	height: 8px;
	background-position: 0px 1px;
}/*IE*/

* html a.album-view:hover, * html .hover a.album-view {
	background: transparent url("/images/btn_view.gif") no-repeat 0px -10px;
}

a.album-vote {
	background: transparent url("/images/btn_view.gif") no-repeat 0px 0px;
}

a.album-vote:hover, .hover a.album-vote {
	background: transparent url("/images/btn_view.gif") no-repeat 0px -11px;
}

* html a.album-vote {
	height: 8px;
	background-position: 0px 1px;
}/*IE*/

* html a.album-vote:hover, * html .hover a.album-vote {
	background: transparent url("/images/btn_view.gif") no-repeat 0px -10px;
}

/* similar: positioned divs for contest info on index */

.status {
	position: absolute;
	top: 10px;
	right: 10px;
	font-size: .9em;
}

.closed .status { color: #999; }

.winner {
	position: absolute;
	bottom: 6px;
	left: 112px;
	font-size: .9em;
	color: #999;
}

/* Works main styles -----(pagination is with event-pagination)------- */

#main {
	position: relative;
	top: 0px;
	left: 0px;
	margin: 20px 0px 20px 20px;
	overflow: hidden;
	text-align: left; /*IE*/
}
* html #main { height: 1%;}/*IE*/

#main.contest {
	margin: 0px 0px 20px 0px;
}

#contest-recent, #contest-leaders {
	position: relative;
	top: 0px;
	left: 0px;
	width: 480px;
	overflow: hidden;
	padding: 35px 0px 26px 0px;
}

h1.subhead {
	margin-bottom: 2px;
	width: 113px;
	height: 13px;
	background: url("/images/btn_vav.gif") no-repeat left top;
}

#contest-recent { background: transparent url("/images/tag-recentsubs.gif") no-repeat left top; }

#contest-leaders { background: transparent url("/images/tag-contest-index-leaders.gif") no-repeat left top; }

* html #contest-recent, * html #contest-leaders { height: 1%; padding-bottom: 13px; width: auto; }

#contest-recent hr, #contest-leaders hr { display: block; clear: both; margin: 0px; padding: 0px; height: 1px; background: #fff; color: #fff;}
#contest-recent h1, #contest-leaders h1 { display: none;}

#main .image {/* base container for thumbs on works page */
	margin: 0px 18px 18px 0px;
	float: left;
}
* html #main .image {display: inline;}

#main.contest .image, #images-contest .image {
	margin: 0px 21px 21px 0px;
	width: 144px;
	min-height: 155px;
  height:auto !important;
	_height: 155px;/*IE*/
}

#images-contest .image { margin: 0px 18px 18px 0px; }
* html #main.contest .image { margin: 0px 18px 18px 0px; }

#main.contest .image.last, * html #main.contest .image.last { margin-right: 0px;}

#main.contest .imagethumb a, .contest-text .imagethumb img {
	margin-bottom: 0px;
}

#images {
	padding-bottom: 30px;
	overflow: hidden;
	_height: 1%;/*IE*/
}
* html #images {padding-bottom: 48px;}/*IE*/

/* End Works main styles ------------ */

#main .album { /* wraps each artist album block */
	position: relative;
	top: 0px;
	left: 0px;
	margin-right: 19px;
	width: 291px;
	float: left;
}

#main .thumb img {
	width: 100px;
}

#main .albumdesc {
	margin-top: 12px;
	width: 179px;
}

#main .albumdesc h2 {
	padding: 0px 12px 4px 0px;
}
#main .albumdesc h2 a {
	color: #283b3f;
	text-decoration: none;
}



/* artist page styles ------------ */

#images-artist {
	margin: 0px;
	padding-bottom: 10px;
	width: 916px;
	background: url("/images/bg-primary-bottom.gif") no-repeat right bottom;
	overflow: hidden;
}
.artist-thumbs {
	width: 375px;
	float: left;
	overflow: hidden;
}

.artist-info {
	margin: 0px;
	width: 538px;
	float: right;
	background: #fff;
	border: solid #c7d0cd;
	border-width: 1px 1px 0px 1px;
}

.artist-info-inner {
	margin: 6px 6px 0px 6px;
	padding: 50px;
	border: solid #f1f1f1;
	border-width: 1px 1px 0px 1px;
}

.artist-info-inner h1 {
	font-size: 2em;
	font-weight: normal;
}

.artist-info-inner p.credit {
	font-size: 1.4em;
	margin-bottom: 24px;
}

.artist-info-inner p {
	font-size: 1.2em;
	text-align: left;
}


/* artist page styles ------------ */


/* album/image nav styles and works-text styles-------------*/
.album-nav {
	position: absolute;
	top: 15px;
	right: 19px;
	width: 375px;
	height: 24px;
}

.album-nav ul, .album-nav ul li {
	margin: 0px;
	padding: 0px;
	display: block;
	height: 24px;
	float: right;
	list-style-type: none;
}

.album-nav ul li {
	float: left;
}

li.next {
	width: 86px;
}

li.previous {
	width: 110px;
}

a.next, a.previous, a.artists, a.artist, a.works {
	margin: 0px;
	display: block;
	float: left;
	height: 24px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	overflow: hidden;/*041808*/
}
* html a.next, * html a.previous, * html a.artists, * html a.works {display: inline;}

a.next:hover, a.previous:hover, a.artists:hover, a.works:hover {
	background-position: 0px -24px;
}

a.next {
	margin-left: 19px;
	width: 67px;
	background-image: url("/images/btn_next.gif");
}

a.previous {
	margin-right: 19px;
	width: 91px;
	background-image: url("/images/btn_previous.gif");
}

a.artists {
	margin: 0px;
	width: 74px;
	background-image: url("/images/btn_artists.gif");
}

#location a.artist {/*041808: adding relative position and image styles to see if i can dynamically assign the correct artist btn and recreate hover function*/
	margin: 0px;
	padding: 0px;
	/*width: 90px;*/
	position: relative;/*041808*/
	top: 0px;
	left: 0px;/*041808*/
	/*background-image: url("/images/btn_artist.gif");*/
}

#location a.artist img {/*041808*/
	position: relative;
	top: 0px;
	left: 0px;
	margin: 0px;
	padding: 0px;
	display: block;
}

#location a.artist:hover {border: solid #000; border-width: 0px;} /*041808*/

#location a.artist:hover img {/*041808*/
	position: relative;
	top: -24px;
	left: 0px;
	margin: 0px;
	padding: 0px;
	display: block;
}

a.works {
	margin: 0px;
	width: 66px;
	background-image: url("/images/btn_works.gif");
}

.works-text {
	position: absolute;
	bottom: 19px;
	right: 22px;
	width: 425px;
}

.works-text p {text-align: right; color: #fff;}


/* end album/image nav styles -------------*/



/* individual image display styles -------------*/

#image-main {/* wrapper for ind. image + info */
	padding-bottom: 20px;
	width: 956px;
	overflow: hidden;
	text-align: left;
	background: transparent url("/images/bg-image-main.gif") repeat-y left top;
}
* html #image-main { height: 1%; }/*IE*/

#image {/* wraps image only */
	margin: 0px;
	padding: 0px;
	width: 448px;
	border-bottom: 2px solid #fff;
	float: left;
}

#imagemeta { /* wraps all image info */
	margin-right: 19px;
	width: 468px;
	float: right;
	display: inline;
}
* html imagemeta { height: 1%; }/*IE*/

/* image info styles */

#image a {
	display: block;
	text-align: center;
	background: #283b3e;
}

.info {
	margin-top: 20px;
	background: #fff;
	border: 1px solid #c7d0cd;
}

.info-inner {
	margin: 6px;
	padding: 12px;
	border: 1px solid #f1f1f1;
}

.info-inner h1 {
	margin-bottom: 10px;
	padding: 0px;
	font-size: 1.9em;
	font-weight: normal;
	font-style: italic;
}

.info-inner h2 {
	font-size: 1.6em;
	font-weight: normal;
}

p.artist-date, p.image-desc {
	margin-bottom: 10px;
	padding: 0px;
	font-size: 1.2em;
}

p.collection {
	font-size: 1em;
}

p.subdate {
	font-size: 1em;
	color: #c7d0cd;
}


/* Ratings div style. DIV only, see plugins/rating/rating.css for other styles */

#rating {
	position: relative;
	top: 0px;
	left: 0px;
	padding: 12px 24px 24px 24px;
	margin-bottom: 2px;
	border: solid #c7d0cd;
	border-width: 0px 0px 1px 0px;
}

#no-vote {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 100;
	width: 100%;
	height: 50px;
	background: transparent;
}

* html #rating {height: 1%;}

#rating h3 {
	font-size: 1.4em;
	padding-top: 2px;
	float: left;
}

#vote {
	position: absolute;
	top: 13px;
	right: 0px;
	width: 236px;
}

#rating p {
	margin: 0px;
	padding: 0px;
	font-size: 1.1em;
}

span.stars { font-weight: bold; }

#vote-help {
	padding: 24px 24px 0px 24px;
}

/* end ratings div */

/* Comment styles */
#comments {
	margin: 20px;
}

#comments h1 {
	font-weight: normal;
	margin-bottom: 20px;
}

.comment {
	margin-bottom: 20px;
}

.comment p {
	font-size: 1.2em;
	line-height: 1.6em;
}

.commentbody {
	margin-bottom: 10px;
}

.commentdate p {
	font-size: .9em;
	color: #999;
}
/* close comment styles */


/* comment FORM styles */
form {
	margin: 0px;
	padding: 0px;
	display: block;
	background: transparent;
}

.imgcommentform {
	margin: 20px;
	text-align: left;
	overflow: hidden;
}

.imgcommentform h3 {
	margin: 0px 0px 20px 0px;
	font-size: 1.4em;
}

.imgcommentname, .imgcommentemail {/* floats name label/input left */
	margin: 0px 0px 10px 0px;
	padding: 0px;
	width: 201px;
	float: left;
}

.imgcommentemail {/* floats email label/input right */
	float: right;
}

.imgcommentform label {
	padding-bottom: 4px;
	display: block;
	font-size: 1.1em;
	font-weight: bold;
}

.imgcommentform input.inputbox {/* use for name and email only. */
	margin: 0px;
	padding: 0px;
	width: 199px;
	height: 20px;
	border: 1px solid #c7d0cd;
}

.captcha {
	margin: 10px 0px;
	width: 350px;
	float: left;
	overflow: hidden;
}
.captcha label {
	display: inline;
}
.captcha img {
	display: inline;
	margin: 0px 6px;
	padding: 0px;
}
.captcha input.inputbox {
	display: inline;
	width: 63px;
}

.imgcommentform input.button {
	margin-top: 10px;
	padding: 24px 0px 0px 0px;
	width: 70px;
	height: 0px;
	overflow: hidden;
	float: right;
	border-width: 0px;
	background: #fff url("/images/btn_submit.gif") no-repeat left top;
	cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
}
.imgcommentform input.button {height: 24px;}/*IE*/

.error {
	margin: 12px 0px;
	padding: 12px;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.4em;
	color: #863e11;
	border: 1px solid #863e11;
	background: #f4eee3;
}

/* close comment FORM styles */


/* end individual image display styles -------------*/



/* Contest Styles ------------ */

#capture {
	margin-bottom: 24px;
	padding-top: 30px;
	overflow: hidden;
	background: transparent url("/images/tag-contest-updates.gif") no-repeat left top;
}

#capture-form { display: none; padding-top: 16px; }

#send {
	margin-bottom: 24px;
	padding-top: 30px;
	overflow: hidden;
	background: transparent url("/images/tag-contest-send.gif") no-repeat left top;
}

#upload {
	margin-bottom: 24px;
	padding-top: 30px;
	overflow: hidden;
	background: transparent url("/images/tag-contest-upload.gif") no-repeat left top;
}

* html #send, * html #capture, * html #upload { height: 1%; }

#send-form {
	display: none;
	width: 356px;
}

#schedule { /* current contest on landing page */
	margin: 34px 0px 0px 0px;
	padding-top: 0px;
	overflow: hidden;
	background: transparent /*url("/images/tag-contest-current.gif") no-repeat left top*/;
}

#schedule .contest-large .albumdesc h2, #secondary #albums .albumdesc h2, #contest-info h2 { font-size: 1.6em; padding-bottom: 4px;}

#schedule .contest-large .albumdesc h3, #secondary #albums .albumdesc h3, #contest-info h3 { font-size: 1.4em; font-weight: normal; margin-bottom: 10px;}

#schedule .contest-large .albumdesc p, #contest-info p { font-size: 1em; line-height: 1.1em; color: #999; margin-bottom: 10px;}
#contest-info p { line-height: 1.4em; }
#schedule .contest-large .albumdesc p.title, #contest-info p.title { font-size: 1.1em; color: #000;}

#prizes, #rules, #albums.schedule {
	margin-bottom: 24px;
	padding-top: 30px;
	overflow: hidden;
}

#albums.schedule { 	margin-bottom: 8px; background: transparent url("/images/tag-schedule.gif") no-repeat left top; }

#prizes { 	margin-bottom: 8px; background: transparent url("/images/tag-contest-prizes.gif") no-repeat left top; }
#rules { background: transparent url("/images/tag-contest-rules.gif") no-repeat left top; }

.winnerblock {/* new */
	margin-bottom: 24px;
	padding-bottom: 0px;
	border-bottom: 1px solid #ccc;
	overflow: hidden;
}

#schedule .winnerblock h2 { padding-bottom: 1.2em; }

/* contest text styles --------------------------------------------------  */

#secondary ul {
	margin: 4px 0px 16px 0px;
	padding: 0px 16px;
	font-size: 1.2em;
	line-height: 1.4em;
}

#secondary li {
	padding-bottom: 2px;
}

#secondary p.contest-prize {
	margin-bottom: 12px;
	font-size: 1.2em;
	line-height: 1.4em;
}

/* capture and send form styles. send input styles are grouped with upload styles  -------------------------------------------------- */
#capture p, #send p {
	font-size: 1.2em;
}

#capture form, #send form {
	display: block;
	margin: 0px;
	padding: 0px;
	width: 356px;
	height: 58px;
	overflow: hidden;
}
* html #capture form {
	height: 26px;
}

#capture form input {
	margin: 0px;
	padding: 3px 0px 0px 0px;
	width: 278px;
	height: 19px;
	display: block;
	float: left;
	border: 1px solid #c7d0cd;
}

#capture form input.button, #send form input.button, #upload form input.button {
	margin: 0px;
	padding: 24px 0px 0px 0px;
	width: 70px;
	height: 24px;
	overflow: hidden;
	float: right;
	border-width: 0px;
	background: #fff url("/images/btn_submit.gif") no-repeat left top;
	cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
}

/* upload and send form styles -------------------------------------------------- */

#upload form { position: relative; top: 0px; left: 0px; overflow: hidden; }

* html #upload form { height: 1%; }

#secondary #upload form a.help, #contest-info #upload form a.help {
	margin: 0px;
	padding: 0px;
	display: block;
	position: absolute;
	bottom: 7px;
	right: 90px;
	width: 145px;
	font-size: 1em;
	text-align: right;
}

* html #secondary #upload form a.help, * html #contest-info #upload form a.help { bottom: 22px; }

html>body #secondary #upload form a.help, html>body #contest-info #upload form a.help { *bottom: 22px; }

#upload form label, #send form label, #capture form label {
	font-size: 1em;
	margin-bottom: 2px;
	display: block;
	clear: both;
}

#upload form input, #upload form textarea, #send form input {
	margin: 0px 0px 10px 0px;
	padding: 3px;
	width: 161px;
	height: 16px;
	display: block;
	float: none;
	border: 1px solid #c7d0cd;
	font-family: Verdana, Arial, sans-serif;	
	font-size: 1em;
	line-height: 1.4em;
}

#upload form textarea.textarea {
	height: 112px;
}
* html #upload form textarea.textarea { height: 115px; }

#upload form input.file {
	/*margin-right: 17px;*/
}

#upload form input.checkbox {
	width: auto;
	height: auto;
	float: left;
	margin: 2px 0px 0px 0px;
	padding: 0px;
	border-width: 0px;
}

#contest-upload span { padding-left: 8px; } /* this extends the clickable area of the checkbox */

#upload form input.hidden { display: none; }

#upload form p, contest-info #upload form p {
	margin-bottom: 16px;
	padding: 0px;
	font-size: 1.2em;
	clear: both;
	color: #000;
}

#send form {height: auto; /*padding-top: 8px;*/}

#send form p, #capture p {
	margin-bottom: 6px;
}

#send form div, #upload form div {width: 169px;}

#send form div.left, #upload form div.left {float: left;}
#send form div.right, #upload form div.right {float: right;}

#contest-upload span {cursor: pointer;}

/* contest schedule styles. Inherits a lot from #secondary .album */
/*#schedule .winner {	position: absolute;	bottom: 8px;	left: 112px;	width: 100%;	height: 10px;	color: #999;	text-decoration: none;	font-size: 1em;}*/
#schedule p {
	font-size: 1.3em;
}

#secondary .album { float: none; }

p.subhead {
	color: #57848a;
}

/* contest album styles -------------------------------------------------- */

#contest-info {
	padding: 6px;
	width: 412px;
	float: left;
	background: #fff;
	border: 1px solid #c7d0cc;
}

#contest-info-inner {
	padding: 25px;
	border: 1px solid #eff1f1;
}

#contest-info .contest-image { margin-bottom: 12px; }

#contest-info #upload {
	margin: 35px auto 0px auto;
	background: transparent url("/images/tag-upload-white.gif") no-repeat left top;
}

#images-contest {
	margin-bottom: 20px;
	position: relative;
	top: 0px;
	left: 0px;
	width: 494px;
	float: right;
	overflow: hidden;
}

* html #images-contest { height: 1%; }

#winners, #leaders { /* --- this div contains the winners for closed contests --- */
	margin-bottom: 32px;
	padding-top: 30px;
	background: transparent url("/images/tag-contest-winners.gif") no-repeat left top;
	overflow: hidden;
}

#leaders { background: transparent url("/images/tag-contest-leaders.gif") no-repeat left top; }

* html #winners, * html #leaders { height: 1%; }

#winners p, #leaders p { margin-top: 8px; font-weight: bold; }

#main.contest .image p { margin: 8px 0px 0px 0px; font-weight: bold; }

#submissions { /* --- this div contains all submissions --- */
	padding: 30px 0px 36px 0px;
	position: relative;
	top: 0px;
	left: 0px;
	background: transparent url("/images/tag-contest-subs.gif") no-repeat left top;
	overflow: hidden;
}

* html #submissions { height: 1%; }

.no-upload {
	padding: 86px 30px;
	background: #eff1f1;
}

.no-upload h1 {
	padding: 12px;
	font-weight: normal;
	font-size: 1.6em;
	color: #999;
	text-align: center;
}

/* end contest styles ------------ */

/* Event styles ------------ */

div#events { /*primary event wrapper*/
	margin-bottom: 30px;
	position: relative;
	top: 0px;
	left: 0px;
	width: 918px;
	background: #fff;
	border: 1px solid #c7d0cd;
}

#events-inner {
	margin: 6px;
	padding: 12px;
	overflow: hidden;
	_height: 1%;/*IE*/
	border: 1px solid #f1f1f1;
}

#events-inner h1 {
	padding-top: 12px;
	font-size: 2em;
}

#event-filter {
	position: absolute;
	top: 30px;
	right: 12px;
	width: 205px;
	height: 24px;
	overflow: hidden;
	/*border: 1px solid #f1f1f1;*/
}

#event-filter label {
	font-size: 1.3em;
}

#event-filter select {
	width: 145px;
	height: 22px;
	border: 1px solid #f1f1f1;
}

#event-filter form {
	margin: 0px;
	padding: 0px;
	float: right;
}
/* Works and event pagination */
.event-pagination {
	margin: 20px 12px 10px 12px;
	float: right;
	font-size: 1.1em;
}

.pagelist {
	position: absolute;
	bottom: 0px;
	right: 20px;
	width: 275px;
	height: 24px;
}

.pagelist p {	font-size: 1.3em; text-align: right;} /*i put these styles here to keep them consistent */
.event-pagination span, .pagelist span, .pagelist span a.current { font-weight: bold; text-decoration: none;}
.event-pagination span a, .pagelist span a { font-weight: normal; color: #444;}
 
#events-inner h1 { margin-bottom: 24px;}/*IE*/

/*event table styles*/

#events-master { /* the table */
	margin: 0px auto;
}

td, th {padding: 0px;}

th {
	font-size: 1.3em;
	background: #eff1f0;
	border-bottom: 1px solid #c6d1cd;
}

td {
	vertical-align: top;
	border-bottom: 1px solid #f1f1f1;
}

td.event-title, th.event-title {
	width: 498px;
	border-right: 2px solid #fff;
}

td.event-date, th.event-date {
	width: 226px;
	border-right: 2px solid #fff;
}

td.event-time, th.event-time {
	width: 147px;
}

td p { padding: 9px 6px;}

th p {
	padding: 4px 6px;
	font-weight: normal;
	font-size: 1.1em;
}

td.event-title p { padding: 9px 18px 9px 6px;}

/* event detail styles */

#primary-inner.event-detail p.event-category {
	margin: 0px;
	padding: 0px;
	font-size: 1.6em;
	color: #57848a;
}

#primary-inner h1.event-title {
	padding: 0px 0px 24px 0px;
	font-size: 2.1em;
	font-weight: normal;
}

#primary-inner.event-detail p.event-date {
	font-size: 1.4em;
}

a#viewallevents-detail {
	bottom: 8px;
	width: 132px;
	background-image: url("/images/btn_viewallevents.gif");
}

#otherevents {
	margin-bottom: 24px;
	padding-top: 35px;
	overflow: hidden;
	background: transparent url("/images/tag-otherevents.gif") no-repeat left top;
}

#otherevents p {
	padding: 0px;
	font-size: 1.2em;
	line-height: 1.4em;
}

#otherevents div { margin-bottom: 24px;}

/* End Event styles ------------ */

/* Footer Styles ------------ */

#footer div {
	position: relative;
	top: 0px;
	left: 0px;
	margin-right: 1px;
	float: left;
}

#footer p {
	padding-right: 6px;
	font-size: 1em;
	text-align: left;
}

#footer a {
	color: #999;
}

#footer-exhibitinfo {
	width: 347px;
}

#footer-exhibitinfo a {
	font-weight: bold;
}

#footer-jpmorgan {
	width: 174px;
}

#footer-sponsor {
	width: 220px;
	text-align: center;
}

#footer-sponsor h1 {
	position: absolute;
	left: 68px;
	width: 84px;
	display: block;
	margin: 0px;
	padding: 0px;
	/*background: url("shim.gif") repeat 0px 0px;*/
}

#footer-sponsor h1#aa {/* used to be an anchor*/
	top: 20px;
	left: 68px;
	height: 9px;
}

#footer-sponsor h1#st {/* used to be an anchor*/
	top: 32px;
	height: 13px;
}

#footer-sponsor h1#tm {/* used to be an anchor*/
	top: 64px;
	height: 13px;
}

#footer #footer-sponsor p {
	margin-bottom: 4px;
	text-align: center;
}

#footer-sponsor img {
	margin: 0px;
}

#footer-kimbellinfo {
	margin-right: 0px;
	width: 211px;
	text-align: right;
}

#footer-kimbellinfo p {
	padding-right: 0px;
	text-align: right;
}

#footer-kimbellinfo a {
	padding-right: 11px;
	line-height: 1.6em;
	background: transparent url("/images/icon-external-link.gif") no-repeat right bottom;
}


/* end Footer Styles ------------ */

#logo {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 94px;
	width: 250px;
	background: #fff url("/images/btn_logo.gif") no-repeat 0px 0px;
}

#logo a {
	display: block;
	height: 94px;
	width: 248px;
}

#global-nav-holder {
	position: absolute;
	top: 0px;
	left: 250px;
	width: 706px;
	height: 94px;
	background: #283b3f;
}

ul#global-nav {
	display: block;
	width: 706px;
	height: 94px;
	background: url("/images/nav_revised.gif") no-repeat 0px 0px;
	list-style-type: none;
}

ul#global-nav li { display: inline; }

ul#global-nav a {
	position: absolute;
	top: 0px;
	width: 116px;
	height: 94px;
	background: url("/images/nav_revised.gif") no-repeat 0px 0px;
}

ul#global-nav li a#home {
	left: 0px;
	background-position: 0px 0px;
}

ul#global-nav li a#home:hover, ul#global-nav li.active a#home:hover {background-position: 0px -94px;}
ul#global-nav li.active a#home {background-position: 0px -188px;}

ul#global-nav li a#exhibition {
	left: 118px;
	background-position: -118px 0px;
}

ul#global-nav li a#exhibition:hover, ul#global-nav li.active a#exhibition:hover {background-position: -118px -94px;}
ul#global-nav li.active a#exhibition {background-position: -118px -188px;}

ul#global-nav li a#artists {
	left: 236px;
	background-position: -236px 0px;
}

ul#global-nav li a#artists:hover, ul#global-nav li.active a#artists:hover {background-position: -236px -94px;}
ul#global-nav li.active a#artists {background-position: -236px -188px;}

ul#global-nav li a#works {
	left: 354px;
	background-position: -354px 0px;
}

ul#global-nav li a#works:hover, ul#global-nav li.active a#works:hover {background-position: -354px -94px;}
ul#global-nav li.active a#works {background-position: -354px -188px;}

ul#global-nav li a#events {
	left: 472px;
	background-position: -472px 0px;
}

ul#global-nav li a#events:hover, ul#global-nav li.active a#events:hover {background-position: -472px -94px;}
ul#global-nav li.active a#events {background-position: -472px -188px;}

ul#global-nav li a#contest {
	left: 590px;
	background-position: -590px 0px;
}

ul#global-nav li a#contest:hover, ul#global-nav li.active a#contest:hover { background-position: -590px -94px;}
ul#global-nav li.active a#contest { background-position: -590px -188px;}

/* Special hover styles for divs acting as links ------------ */
.hover, .active.hover {
	border: 1px solid #863d10;
}

.hot {
	cursor: pointer;
  cursor: hand; /* for IE 5.x */
}


/* Specialstyles for Chase events ------------ */
.chase {
	margin: 0px;
	padding: 0px;
	width: 100px;
	height: 19px;
	background: url("/images/Logo2005_Chase_C_Blue300.jpg") no-repeat left top;
}

/* Special contest styles --------------------- */

#upload form #terms-div, #upload #help-div { display: none; width: 356px; float: none; }

#upload #help-div { padding-top: 8px; }

#upload p.small, #contest-info #upload p.small {
	font-size: 1em;
	color: #000;
}

#secondary #help-div ul li a { font-size: .8em; }
#secondary #help-div ul, #secondary #help-div ul li { list-style-type: none; }

.contest-text img {
	margin-bottom: 24px;
}

span.not {
	margin-top: 8px;
	padding-left: 8px;
	display: block;
	color: red;
	font-style: normal;
	font-weight: normal;
}

span.caps { text-transform: uppercase; font-weight: bold; }

.texmo {
	margin: 48px auto;
	padding: 0px;
	width: 260px;
	overflow: hidden;
}

.texmo p, #secondary .texmo p { margin: 0px auto; padding: 0px; font-size: 1em; color: #8f9f9f; text-align: center; }
.texmo span { margin: 4px 4px 0px 0px; padding: 0px; float: left; color: #8f9f9f; }

/* admin toolbox --------------------------------------------------------------------------------------------------------- */


#admin, #admin_data {
	position: absolute;
	right: 60px;
	top: 0px;
	padding: 0px 10px 2px 10px;
	width: 130px;
	background: #eee;
	border: 1px solid #ccc;
	text-align: left;
}

#admin_data { top: 34px; padding: 4px 10px 16px 10px; }
#admin h3 { padding: 6px; color: #666 }
#admin_data a { padding: 6px 6px 0px 6px; display: block; color: #666 }
#admin_data a:hover { color: #444 }