/*
POINT CONCEPTS CSS
Colors
	bg gray: 242424
	gold: b98100
	intro bg lt. gray: 7e7e7e
	dk. gray: 4b4b4b


*/
/*.clearfix:after { content: "."; display: block; height: 0; clear: both; font-size:0.01px; line-height:0.01px;}*/

/* Hides from IE-mac \*/
/* html .clearfix {height: 1%;}*/
/* End hide from IE-mac */
* {
	margin: 0;	
	padding: 0;
}

html {
	height:100%;
	margin: 0;	
	padding: 0;
}

body {
	width:100%;
	margin:0;
	padding:0;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	background: url(/elements/img/bg_repeat_paisley.jpg) repeat fixed left top;
}

/* DIV LAYOUT */
#container {
	text-align:left;
	width:980px;
	margin:0 auto;
	padding:0;
	text-align:center;
}

#header {
	height:69px;
	text-align:left;
	position:relative;
}

#content {
	height:100%;
	position:relative;
	width:960px;
	margin:0;
}
#contentwell {
	text-align:left;
	margin:0 0 10px 0;
	padding:0;
	min-height:401px;
}
	#content-left{
		position:relative;
		float: left;
		background-color:#ffffff;
		margin:0;
		padding:0 0 40px 0;
		display:inline;
		width: 480px;
		min-height:361px;
	}
	#content-right {
		position:relative;
		float:left;
		text-align:right;
		background-color:#ffffff;
		display:inline;
		width: 480px;
		padding:0;
		min-height:401px;
	}
	#content-wide {
		position:relative;
		float: left;
		background-color:#ffffff;
		margin:0;
		padding:0 0 21px 0;
		display:inline;
		width: 960px;
		min-height:361px;
	}
#contentwell.flash {
	text-align:left;
	margin:0;
	padding:0;
}
#flashcontent {
	/*z-index:0;*/
}

#bottombar-left {
	position:absolute;
	bottom:0;
	height:22px;
	width:480px;
	display:block;
	background-color:#eeebab;
	padding:0;
	margin:0 0 -1px 0;
}
#bottombar-wide {
	position:absolute;
	bottom:0;
	height:22px;
	width:960px;
	display:block;
	background-color:#eeebab;
	padding:0;
	margin:0 0 -1px 0;
}

#bottombar-whitespace {
	position:absolute;
	bottom:20px;
	height:15px;
	width:480px;
	display:block;
	background-color:#eeebab;
	padding:0;
	margin:0;
}

#bottombar-right {
	position:absolute;
	bottom:0;
	left:0;
	height:22px;
	width:480px;
	display:block;
	background-color:#eeebab;
	margin:0 0 -1px 0;
	padding:0;
}
#bottombar-right a {
	color:#4b4b4b;
	text-decoration:none;
	line-height:22px;
	height:22px;
	display:block;
	width:450px;
	padding:0 30px 0 0;
}
#bottombar-right a:hover {
	background-color:#4b4b4b;
	color:#eeebab;
}

div#nav-global1 {
	width: 960px;
	background-color:#eeebab;
	z-index:2;
}
div#nav-global2 {
	margin:0;
	width:960px;
	padding:4px 0 8px 0;
}

div#nav-global2-portfolio {
	margin:0;
	width:520px;
	padding:4px 0 8px 0;
}
div#nav-global3 {
	background-repeat:no-repeat;
	text-align:right;
	margin-left:23px;
	height:18px;
	width:910px;
}

/* DIV CLASSES */ 
.floatdivright {
	float:right;
	margin:0px;
}

/* GLOBAL 1 NAV DROP DOWNS */
#nav, #nav ul {
	list-style: none;
	display: inline;
	z-index:3;
}
#nav a {
	display: block;
}
#nav li {
	position:relative;
	float: left;
	z-index:4;
	/*width: blows this up;*/
}
#nav li a {
	color:#4b4b4b;
	padding:0 10px;
	line-height:21px;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	text-transform:uppercase;
	letter-spacing:0.5px;
	text-decoration:none;
	background-color:#eeebab;
}
#nav li a:hover {
	color:#eeebab;
	background-color:#4b4b4b;
}
#nav li ul {
	position: absolute;
	display:block;
	border-left:1px dashed #4b4b4b;
	border-bottom:1px dashed #4b4b4b;
	width: 240px;
	padding: 0 0 10px 0;
	left: -999em;
	background:url(/elements/img/dropdownBG.png) top left repeat-y;
	filter:alpha(opacity=80);
	color:#ffffff;
	z-index:5;
}
#nav li ul li {
	text-align:left;
	width: 100%;
	padding: 0;
	z-index:6;
}
#nav li ul li.last {
	text-align:right;
	width: 100%;
	padding: 0;
}

#nav li ul li a {
	font-size:90%;
	font-family: Arial, Helvetica, sans-serif;
	color: #4b4b4b;
	background-color:transparent;
	text-decoration: none;
	text-transform:uppercase;
	line-height: 15px;
	padding:2px 15px;
	z-index:7;
}

#nav li ul li a:hover {
	color:#242424;
	background:#eeebab;/*makes Safari flicker */
}
#nav li ul li a.activestate {
	background:#eeebab;
	font-weight:normal;
	text-decoration: none;
}
#nav li:hover ul {
	position:absolute;
	left: 0;
	/*background-image: url(/elements/nav_images/globalDropDownBg.gif);
	background-repeat: repeat;*/
}
#nav li:hover ul, #nav li.sfhover ul {
	position:absolute;
	left: 0;
}
#nav li:hover ul.last {
	position:absolute;
	left:-119px;
}


#nav span {
	display:none;
}
img#exhibits {
	width:100px;
	height:21px;
}
img#museum-custom {
	width:185px;
	height:21px;
}
img#graphics {
	width:109px;
	height:21px;
}
img#portfolio {
	width:116px;
	height:21px;
}
img#contact {
	width:102px;
	height:21px;
}
img#about {
	width:82px;
	height:21px;
}

/* GLOBAL 2 NAV */
#nav-global2 ul {
	list-style-type: none;
	display: inline;
}
div#nav-global2 li {
	float: left;
	padding:4px 0 0 15px;
}
div#nav-global2 a {
	text-transform:uppercase;
	font-variant:small-caps;
	letter-spacing:1px;
	font: normal 9px Verdana, Arial, Helvetica, sans-serif;
	color: #eeebab;
	text-decoration: none;
	padding: 0;
}
div#nav-global2 a:hover {
	text-decoration: none;
	color:#ffffff;
}
div#nav-global2 a.selected {
	font: normal 9px Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	text-decoration: none;
	padding: 0;
}

/* GLOBAL 3 NAV */
/*#nav-global3 ul {
	list-style: none;
	display: inline;	
}
div#nav-global3 li {
	float: left;
}
div#nav-global3 a {
	display: block;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	text-decoration: none;
	padding: 3px 10px 2px 10px;
}
div#nav-global3 a:hover {
	text-decoration: underline;
}
div#nav-global3 a.activestate {
	display: block;
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	background-color:#ffffff;
	text-decoration: none;
	padding: 3px 10px 2px 10px;
}
*/
/* FOOTER */
#footer {
	text-align:center;
	padding:0;
	margin:0 0 10px 0;
	color:#eeebab;
}

#footer-portfolio {
	text-align:right;
	position:absolute;
	top:491px;
	left:0;
	padding:0 0 0 0;
	margin:10px 0 10px 480px;
	width:470px;
	color:#eeebab;
}
#footer-openhouse {
	text-align:left;
	position:absolute;
	top:828px;
	left:0;
	padding:0 0 0 10px;
	margin:10px 0 10px 480px;
	width:520px;
	color:#eeebab;
}
#affiliations {
	text-align:center;
	position:absolute;
	top:515px;
	left:0;
	padding:0;
	margin:10px 0 0 480px;
	width:480px;
	height:60px;
	background-color:#fff;
}
#affiliations-openhouse {
	text-align:center;
	position:absolute;
	top:850px;
	left:0;
	padding:0;
	margin:10px 0 0 480px;
	width:480px;
	height:60px;
	background-color:#fff;
}
#affiliations a,
#affiliations-openhouse a {
	display:inline;
	margin:0 15px;
	padding:0;
	color:#eeebab;
}
#affiliations a img,
#affiliations-openhouse a img {
	border:none;
	margin:0;
	padding:0;
}
#footer-nav {
	font:normal 9px Verdana, Arial, Helvetica, sans-serif;
	color:#eeebab;
	padding:0 0 0 0;
	margin:0;
}

#footer-nav ul {
	color:#eeebab;
	list-style: none;
	display: inline;
}

#footer-nav ul li {
	color:#eeebab;
	float: left;
	padding:0 5px 0 0;
}

#footer-nav ul li a, #footer-nav span a {
	text-transform:uppercase;
	font-variant:small-caps;
	letter-spacing:1px;
	color:#eeebab;
	text-decoration:none;
}

#footer-nav ul li a:hover, #footer-nav span a:hover {
	color:#fff;
	text-decoration:none;
}

/* FACEBOOK ICON */
a#fb-icon.portfolio {
	display:block;
	width:40px;
	height:40px;
	background:transparent url(../img/fb-icon.png) no-repeat left top;
	margin:0;
	position:relative;
	left:914px;
	top:-172px;
}

/* IMAGES */
img {
	border:none 0px;
}
img.floatright {
	float:right;
	margin: 0px 0px 10px 10px;
}
img.floatleft {
	float:left;
	margin: 0px 10px 10px 0px;
}


/* TEXT STYLES */
h1 {
	font-size: 15px;
	font-weight:bold;
	color:#b98100;
	padding:35px 15px 0 15px;
}
h2 {
 	font-size: 11px;
	font-weight:bold;
	color:#4b4b4b;
	padding:12px 15px 8px 15px;
}
h3 {
	font-size: 11px;
	font-weight:normal;
	color:#7e7e7e;
	padding:10px 15px 8px 15px;
}
h4 {
	font-size: 11px;
	font-weight:normal;
	padding:10px 15px 8px 15px;
}
h5 {
	/* used for separating blocks of distinct copy
	this style has lots of space above it
	otherwise it is just like h2*/
 	font-size: 11px;
	font-weight:bold;
	color:#4b4b4b;
	padding:26px 15px 8px 15px;
}
p {
	font-size: 11px;
	font-weight:normal;
	margin:7px 0px 7px 0px;
	padding:0 15px 0 15px;
}

p.copyright {
	font-size: 9px;
	color:#eeebab;
	float: left;
	display:inline;
	padding:0;
	margin:0;
}

span.copyright {
	font-size: 9px;
	color:#eeebab;
	padding:0;
	margin:0;
	display:block;
	letter-spacing:0;
}

p.copyright a {
	text-transform:uppercase;
	font-variant:small-caps;
	letter-spacing:1px;
	color:#eeebab;
	text-decoration:none;
}

p.copyright a:hover {
	text-decoration:none;
	color:#fff;
}

.subhead {
 	font-size: 12px;
	color: #000000;
}
.hidediv {
	display:none;
}
a.external {
	padding-left: 8px;
	background: url(/elements/img/link_external.gif) no-repeat left top;
}

a.pdf {
	padding-left: 15px;
	padding-top: 4px;
	background: url(/elements/img/link_pdf.gif) no-repeat left top;
}
.sitemapglobal1 {
}
.sitemapglobal2 {
	margin-left:15px;
}
.sitemapglobal3 {
	margin-left:30px;
}
.calloutquote {
	padding:0px 15px 0px 15px;
	font: italic 12px Verdana, Arial, Helvetica, sans-serif;
	color:#809417;
	text-indent:-6px;
}
.callout {
	padding:0px 15px 0px 15px;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	color:#809417;
}

/* FORM STYLES */

input, select {
	width:200px;
	border:#b98100 solid 1px;
	margin:3px 0 3px 15px;
	padding:2px;
}

input.submitbutton {
	width:80px;
	color:#fff;
	border:none;
	background-color:#b98100;
	margin:3px 0 3px 15px;
	padding:2px;
}

input.submitbutton:hover {
	width:80px;
	color:#fff;
	border:none;
	background-color:#242424;
	margin:3px 0 3px 15px;
	padding:2px;
}

input.browsebutton {
	width:80px;
	color:#fff;
	border:#b98100 solid 1px;
	background-color:#fff;
	margin:3px 0 3px 15px;
	padding:2px;
}

input.browsebutton:hover {
	width:80px;
	color:#fff;
	border:#b98100 solid 1px;
	background-color:#fff;
	margin:3px 0 3px 15px;
	padding:2px;
}

textarea {
	width:400px;
	border:#b98100 solid 1px;
	margin:3px 0 3px 15px;
	padding:4px;
}

label {
	font-size:1.2em;
	color:#242424;
	margin:0;
	padding:2px;
}

table {
	padding:0 15px 0 15px;
}

.indenttext {
	color:#b98100;
	font-size:12px;
	font-weight:bold;
	margin:10px 0 10px 30px;
	padding:0;
}

img.ete_logo {
	position:absolute;
	top:0;
	right:0;
	display:block;
}
img.open_house_teaser {
	position:absolute;
	top:0;
	right:300px;
	display:block;
}

#content-left a:link,
#content-left a:active,
#content-left a:visited {
	font-weight:bold;
	color:#4b4b4b;
	text-decoration:none;
}
#content-left a:hover {
	color:#b98100;
	text-decoration:underline;
}
#content-left ul {
	width:auto;
	margin:10px 0;
	padding:0 28px;
	list-style-type:disc;
}
#content-left ul li {
	margin:0;
	padding:0;
	list-style-type:disc;
}

.clearfix {
	font-size:0.01px;
	height:0;
	line-height:0.01px;
	clear:both;
}