#header {
	position: relative;
	z-index: 1000;
	float: left;
	width: 1024px;
	height: 101px;
	background-image: url(/images/grey/interior/header.gif);
}
#header a#logo {
	position: absolute;	
	display: block;
	left: 50px;
	top: 20px;
	width: 270px;
	height: 33px;
}

/* ---------- Main Navigation --------- */

	#header ul {
		position: absolute;
		z-index: 1000;
		width: 921px;
		left: 51px;
		top: 55px;
		list-style-type: none;
	}
	#header ul li { 
		float: left;
		position: relative;
	}
	#header ul li a {
		float: left;
		display: block;
		height: 24px;
	}
	#header ul li a:hover, #header ul li.hovered a { background-position: 0 -24px; }
	#header ul li.hovered ul li a:hover { background-position: 0 -16px; }
	#header ul li.hovered ul li a { background-position: 0 0; }
	li#home a { 
		width: 45px;
		background-image: url(/images/grey/interior/nav/home.gif);
	}
	li#about a { 
		width: 52px;
		background-image: url(/images/grey/interior/nav/about.gif);
	}
		li#about ul, li#about ul li ul, li#about ul li, li#about ul li a { width: 110px; }
		li#overview a { background-image: url(/images/subnav/overview.gif); }
		li#history a { background-image: url(/images/subnav/history.gif); }
		li#board_of_trustees a { background-image: url(/images/subnav/board_of_trustees.gif); }
		li#staff a { background-image: url(/images/subnav/staff.gif); }
	li#completed_projects a { 
		width: 129px;
		background-image: url(/images/grey/interior/nav/completed_projects.gif);
	}
	li#in_progress_projects a { 
		width: 139px;
		background-image: url(/images/grey/interior/nav/in_progress_projects.gif);
	}
	li#events a { 
		width: 54px;
		background-image: url(/images/grey/interior/nav/events.gif);
	}
	li#artist_resources a { 
		width: 111px;
		background-image: url(/images/grey/interior/nav/artist_resources.gif);
	}
		li#artist_resources ul, li#artist_resources ul li ul, li#artist_resources ul li, li#artist_resources ul li a { width: 160px; }
		li#overview_of_the_process a { background-image: url(/images/subnav/overview_of_the_process.gif); }
		li#assembling_the_entry a { background-image: url(/images/subnav/assembling_the_entry.gif); }
		li#project_examples a { background-image: url(/images/subnav/project_examples.gif); }
		li#artist_registry a { background-image: url(/images/subnav/artist_registry.gif); }
		li#other_registry_opportunities a { background-image: url(/images/subnav/other_registry_opportunities.gif); }
		li#other_resources_for_artists a { background-image: url(/images/subnav/other_resources_for_artists.gif); }
		li#competitions a { background-image: url(/images/subnav/competitions.gif); }
	li#news a { 
		width: 47px;
		background-image: url(/images/grey/interior/nav/news.gif);
	}
	li#donate a { 
		width: 59px;
		background-image: url(/images/grey/interior/nav/donate.gif);
	}
	li#links a { 
		width: 47px;
		background-image: url(/images/grey/interior/nav/links.gif);
	}
	li#partner_login a { 
		width: 100px;
		background-image: url(/images/grey/interior/nav/partner_login.gif);
	}
	li#sponsors a { 
		width: 72px;
		background-image: url(/images/grey/interior/nav/sponsors.gif);
	}
	li#contact a { 
		width: 66px;
		background-image: url(/images/grey/interior/nav/contact.gif);
	}

	/* -------- Sub Navigation --------- */

	#header ul li ul {
		position: absolute;
		display: none;
		top: 24px;
		left: 0;
		background-color: #E66C00;
		padding: 6px 0 20px 0;
	}
	#header ul li ul li a { height: 16px; }
	#header ul li.hovered ul { display: inline; }
	
/* ----------- Project Styles ------------ */

#page_top {
	float: left;
	position: relative;
	z-index: 999;
	width: 1024px;
	height: 104px;
	margin-top: 5px;
}
#page_title {
	position: absolute;
	left: 55px;
	top: 53px;
	z-index: 1;
}
#page_callout {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2;
}
#page_image {
	float: left;
	width: 1024px;
}

	/* ------- Page Body Styles --------- */
	
	#page_body {
		float: left;
		display: inline;
		width: 971px;
		margin-left: 27px;
	}
	#page_body_inner {
		float: left;
		display: inline;
		width: 971px;
	}
	#page_body_main {
		float: left;
		display: inline;
		width: 971px;
		background-image: url(/images/project_body_repeat.gif);
		background-repeat: repeat-y;
	}
	#page_body_main_inner {
		float: left;
		display: inline;
		width: 971px;
		background-image: url(/images/project_body_bg.gif);
	}
	h1 {
		font-size: 22px;
		color: #E66C00;
		font-weight: normal;
		margin-bottom: 15px;
	}
	h1 a, h1 a:active, h1 a:visited, h1 a:hover {
		color: #E66C00;
		text-decoration: none;
	}
	h2 {
		font-size: 17px;
		color: #636;
		margin-bottom: 5px;
		font-weight: normal;
	}
	h2 a, h2 a:active, h2 a:visited, h2 a:hover {
		color: #636;
		text-decoration: none;
	}
	#page_body_left {
		float: left;
		display: inline;
		width: 653px;
		padding: 40px 0;
	}
		#page_body_left div {
			float: left;
			display: inline;
			width: 593px;
			margin-left: 30px;
		}
		#page_body_left img {
			padding: 6px;
			border: 1px solid #E2E2E2;
			margin-left: 15px;
		}
		#page_body_left #sponsor_page img {
			padding: 0;
			border: 0;
			margin: 0;
		}
		#page_body_left a img {
			padding: 0;
			border: 0;
			margin: 0;
		}
	#page_body_right {
		position: relative;
		float: left;
		display: inline;
		width: 318px;
		padding: 60px 0;
	}
		#page_body_right div {
			float: left;
			display: inline;
			width: 258px;
			margin-left: 30px;
		}
		#page_body_right div p { margin-bottom: 30px; }
		#page_body_right div h2 { margin-bottom: 5px; }

	/* --------- Page Navigation -------- */
	
	ul#page_nav {
		position: absolute;
		bottom: 0;
		left: 55px;
	}
	ul#page_nav li {
		float: left;
		display: inline;
	}
	ul#page_nav li a {
		display: block;
		height: 18px;
	}
	ul#page_nav li a:hover, ul#page_nav li.selected a { background-position: 0 -18px; }
	
	/* --- individual links ---- */
	
		ul#page_nav li#artist_registry a {
			width: 103px;
			background-image: url(/images/grey/interior/page_nav/artist_registry.gif);
		}
		ul#page_nav li#assembling_an_entry a {
			width: 139px;
			background-image: url(/images/grey/interior/page_nav/assembling_an_entry.gif);
		}
		ul#page_nav li#board_of_trustees_inner a {
			width: 127px;
			background-image: url(/images/grey/interior/page_nav/board_of_trustees.gif);
		}
		ul#page_nav li#competitions a {
			width: 117px;
			background-image: url(/images/grey/interior/page_nav/competitions.gif);
		}
		ul#page_nav li#description a {
			width: 85px;
			background-image: url(/images/grey/interior/page_nav/description.gif);
		}
		ul#page_nav li#feedback_about_this_project a {
			width: 107px;
			margin-left: 75px;
			background-image: url(/images/grey/interior/page_nav/feedback_about_this_project.gif);
		}
		ul#page_nav li#interactive_map a {
			width: 115px;
			background-image: url(/images/grey/interior/page_nav/interactive_map.gif);
		}
		ul#page_nav li#history_inner a {
			width: 62px;
			background-image: url(/images/grey/interior/page_nav/history.gif);
		}
		ul#page_nav li#other_registry_opportunities a {
			width: 187px;
			background-image: url(/images/grey/interior/page_nav/other_registry_opportunities.gif);
		}
		ul#page_nav li#other_resources a {
			width: 118px;
			background-image: url(/images/grey/interior/page_nav/other_resources.gif);
		}
		ul#page_nav li#overview_of_the_process a {
			width: 159px;
			background-image: url(/images/grey/interior/page_nav/overview_of_the_process.gif);
		}
		ul#page_nav li#overview_inner a {
			width: 73px;
			background-image: url(/images/grey/interior/page_nav/overview.gif);
		}
		ul#page_nav li#project_examples a {
			width: 117px;
			background-image: url(/images/grey/interior/page_nav/project_examples.gif);
		}
		ul#page_nav li#staff_inner a {
			width: 54px;
			background-image: url(/images/grey/interior/page_nav/staff.gif);
		}
	
	/* ----------- Project Only Styles ---------- */
	
	#main_image_container { 
		float: left;
		display: inline;
		width: 1024px;
	}
	#project_thumbs {
		position: relative;
		float: left;
		display: inline;
		width: 653px;
		height: 76px;
		padding-top: 12px;
	}
		#project_thumbs a#arrow_left {
			position: absolute;
			top: 10px;
			left: 0;
			display: block;
			width: 7px;
			height: 60px;
			background-image: url(/images/grey/interior/arrow_left.gif);
			background-position: 0 23px;
		}
		#project_thumbs a#arrow_right {
			position: absolute;
			display: block;
			width: 7px;
			height: 60px;
			left: 625px;
			background-image: url(/images/grey/interior/arrow_right.gif);
			background-position: 0 23px;
		}
		#project_thumbs #slider_container {
			float: left;
			display: inline;
			position: relative;
			width: 600px;
			height: 64px;
			margin-left: 23px;
			overflow: hidden;
		}
		#project_thumbs #slider_container #slider {
			position: absolute;
			top: 0;
			left: 0;
			height: 64px;
			width: 5000px;
		}
		#project_thumbs a img { 
			border: 2px solid #333;
			margin-right: 11px;
		}
		#project_thumbs a:hover img { border: 2px solid #E66C00; }
	#project_updates {
		float: left;
		display: inline;
		position: relative;
		width: 318px;
		height: 88px;
		background-image: url(/images/grey/interior/project_updates_bg.gif);
	}
		#project_updates div {
			float: left;
			display: inline;
			width: 282px;
			padding-top: 20px;
			color: #636;
			font-size: 12px;
			font-weight: bold;
			margin-left: 18px;
		}
		#project_updates p { margin-bottom: 3px; }
		#project_updates input {
			width: 195px;
			height: 17px;
			border: 0;
			font-size: 11px;
			font-family: Helvetica, Arial;
			color: #000;
			padding: 5px 0 0 5px;
			background-image: url(/images/text_field.gif);
		}
		
		#project_updates #updates_button {
			position: absolute;
			display: block;
			top: 47px;
			left: 225px;
			width: 7px;
			height: 14px;
			background-image: url(/images/grey/interior/arrow_right.gif);
		}
	#project_list h1 { margin-left: 30px; }
	#project_list span {
		float: left;
		width: 100%;
		border-bottom: 1px solid #E3E3E3;
		padding-bottom: 8px;
		margin-bottom: 13px;
	}
	#project_list span.first {
		padding-top: 20px; 
		background: transparent url(/images/project_separator.gif) no-repeat 0 0;
	}
	#project_list span img {
		float: left;
		display: inline;
		margin: 0 20px 0 30px;
		border: 2px solid #333;
	}
	#project_list span p.no_image {
		float: left;
		display: inline;
		margin: 0 20px 0 30px;
		width: 64px;
	}
	#project_list span h2 {
		float: left;
		display: inline;
		height: 60px;
		line-height: 60px;
	}
	#project_list a, #project_list a:active,
	#project_list a:visited, #project_list a:hover {
		color: #636;
		text-decoration: none;
	}
	
/* ------ email signup ------- */

#page_body_right div #email_signup {
	width: 100%;
	clear: both;
	margin-bottom: 30px;
}
#page_body_right div #email_signup p {
	color: #636;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 5px;
}
#page_body_right div #email_signup .text_field,
#page_body_right div #email_signup .text_field_selected { 
	width: 195px;
	height: 17px;
	font-size: 11px;
	font-family: Helvetica, Arial;
	color: #000;
	padding: 5px 0 0 5px;
	border: 0;
	margin: 0;
	border: 1px solid #E5E5E5;
}
#page_body_right div #email_signup .text_field_selected { 
	border: 1px solid #888;
	color: #000;
}
#page_body_right div #email_signup #updates_button {
	position: absolute;
	display: block;
	top: 89px;
	left: 239px;
	width: 7px;
	height: 14px;
	background-image: url(/images/arrow_right.gif);
}
		
/* ------ form styles -------- */

form { 
	float: left;
	display: inline;
	padding: 0;
	margin: 0;
}
.field {
	float: left;
	display: inline;
	width: 100%;
	margin: 0 0 10px 0;
	padding: 0;
}
label {
	float: left;
	display: inline;
	width: 110px;
	font-size: 12px;
}
.text_field, .text_field_selected {
	float: left;
	display: inline;
	padding: 5px;
	border: 1px solid #E5E5E5;
	width: 400px;
	font-size: 11px;
	font-family: Helvetica, Arial;
	color: #666;
}
.text_field_selected { 
	border: 1px solid #888;
	color: #000;
}
.button {
	padding: 2px 5px;
	text-transform: uppercase;
}
#page_body_right label { width: 75px; }
#page_body_right .text_field, #page_body_right .text_field_selected { width: 150px; }

/* ------ pagination --------- */

p.pagination a { 
	font-size: 12px;
	margin: 0 3px;
	text-decoration: none;
}
p.pagination a:hover { text-decoration: underline; }
p.pagination a.selected { 
	font-weight: bold;
	text-decoration: underline;
}
		
/* ------ misc styles -------- */

a, a:active, a:visited {
	color: #000;
	text-decoration: underline;
}
a:hover { text-decoration: none; }
p.half {
	float: left;
	display: inline;
	width: 45%;
}
.link { margin-bottom: 5px; }
p.error { 
	font-size: 14px;
	color: #F00;
}
p.success {
	font-size: 14px;
}
p.separator {
	border-bottom: 1px dashed #CCC;
	height: 1px;
	line-height: 1px;
	font-size: 1px;
	padding-top: 10px;
}
#page_body_left ul, #page_body_left ol {
	padding-left: 20px;
	margin-bottom: 15px;
}