/* Text class styles */
.bodyText {
	text-align: justify;
}

.bold {font-weight:bold;}

.captions {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.HeadingCaption {
	color:#999999;
	font-size: 14px;
	margin-bottom: 0px;
}

.captionsItalic {
	font-style: italic;
}

h1 {
	font-size: 1em;
	font-family: "Futura Book", Arial, Helvetica, Verdana, sans-serif;
	text-transform: uppercase;
	color: #999999;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	border: 0;
	padding: 0;
	margin: 1.1em 0 0.5em 0;
	line-height: 1em;
}
h2 {
	font-size: 1em;
	font-family: "Futura Book", Arial, Helvetica, Verdana, sans-serif;
	color: #999999;
	font-style: normal;
	font-weight: normal;
	text-transform: none;
	text-decoration: none;
	border: 0;
	padding: 0;
	margin: 1.1em 0 0.5em 0;
	line-height: 1em;
}

h3 {
	font-size: 0.8em;
	font-style: normal;
	font-weight: bold;
	text-transform: none;
	text-decoration: none;
	font-variant: normal;
	font-family: Arial, Helvetica, sans-serif;
	border: 0;
	padding: 0;
	margin: 1em 0 0.5em 0;
	line-height: 1em;
}

h4 {
	font-size: 0.8em;
	font-style: normal;
	font-weight: bold;
	text-transform: none;
	text-decoration: none;
	font-variant: normal;
	font-family: Arial, Helvetica, sans-serif;
	border: 0;
	padding: 0;
	margin: 1em 0 0.5em 0;
	line-height: 1em;
	color: #8A8A8A;
}
	
.HeadingCaptionMultiple {
	font-size:14px;
	color:#999999;
	margin-bottom: 0px;
	margin-top: 0px;
}
.parayellow {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #00FF00;
}
.parayellowctr {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #00FF00;
	text-align: center;
}
.yearActive {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CCCC00;
}

/* Layer class styles */

.thumbnails2 {
	position: relative;
	float: right;
	padding-top: 3px;
	padding-bottom: 10px;
	padding-left: 20px;
}


/* Redefined tags */
a {
outline: none;
}

a:link {
	color: #999999;
	text-decoration: underline;
}
a:visited {
	text-decoration: underline;
	color: #999999;
}
a:hover {
	color: #CCCC00;
}
a:active {
	color: #999999;
}

/* This tag is to be renamed as "body" in the future to be active*/
bodytest {
	background-image: url(EFA%202009/Images/Masterpages/background_sides.gif);
	background-repeat: repeat-y;
	background-position: 50% 0px;
}

img {border-style: none;}


/* CSS Selectors - Layer specific */
#navBar a:link {
	color: #999999;
	text-decoration: none;
}
#navBar a:visited {
	text-decoration: none;
	color: #999999;
}
#navBar a:hover {
	color: #CCCC00;
}
#navBar a:active {
	color: #999999;
}

#navlist a:link {
	color: #999999;
	text-decoration: none;
}
#navlist a:visited {
	text-decoration: none;
	color: #999999;
}
#navlist a:hover {
	color: #CCCC00;
}
#navlist a:active {
	color: #CCCC00;
}

/* Thumbnails */
.thumbnails {
	border: 1px solid #E4E4E4;
}
#LayerThumbnails {
	position: relative;
	float: right;
	padding: 10px;
	margin: 4px 0 10px 10px;
}
#LayerThumbnailsCaption {
	position: relative;
	float: right;
	padding: 10px;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 10px;
}
.thumbnailsCaption {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	text-align:right;
	padding-top: 10px;
}

/* Navigation List Past Exhibition */
#Layernavlist {
	width:auto;
	padding-bottom: 10px;
}

#navlist li {
	display: inline;
	text-decoration: none;
	padding-right: 14px;
}

#navlist {
	width:auto;
	text-align:left;
}



/* Header */
#header {
	position:relative;
	width:1000px;
	height:120px;
	z-index:1;
}

#navBar {
	position:absolute;
	left:300px;
	top:90px;
	width:700px;
	height:128px;
	z-index:2;
	color: #999999;
	font-family: "Futura Book", Arial, Helvetica, Verdana, sans-serif;
	text-transform: uppercase;
	font-size: 10px;
	line-height: 31px;
	padding: 0px;
	text-align: center;
	visibility: visible;
}

#LayerHome {
	position:absolute;
	width:50px;
	height:30px;
	z-index:2;
	left: 0;
}
#LayerAboutUs {
	position:absolute;
	width:67px;
	height:30px;
	z-index:2;
	left: 60px;
}
#LayerArtists {
	position:absolute;
	width:50px;
	height:30px;
	z-index:3;
	left: 140px;
}
#LayerExhibitions {
	position:absolute;
	width:80px;
	height:30px;
	z-index:8;
	left: 200px;
}
#LayerSculpture {
	position:absolute;
	width:120px;
	height:30px;
	z-index:5;
	left: 290px;
}
#LayerPrograms {
	position:absolute;
	width:80px;
	height:30px;
	z-index:6;
	left: 420px;
}
#LayerPublic {
	position:absolute;
	width:90px;
	height:30px;
	z-index:6;
	left: 510px;
}
#LayerContact {
	position:absolute;
	width:80px;
	height:30px;
	z-index:6;
	left: 610px;
}
#LayerExhDropHide {
	position:absolute;
	width:101px;
	height:127px;
	z-index:7;
	left: 190px;
	top: -10px;
}
#LayerExhDrop {
	position:absolute;
	width:70px;
	height:95px;
	z-index:9;
	top: 30px;
	left: 210px;
	visibility: hidden;
}
#LayerCurrent {
	position:absolute;
	width:80px;
	height:20px;
	z-index:9;
	left: 0px;
	text-align: left;
}
#LayerPast {
	position:absolute;
	width:80px;
	height:20px;
	z-index:9;
	top: 20px;
	left: 0px;
	text-align: left;
}
#LayerUpcoming {
	position:absolute;
	width:80px;
	height:20px;
	z-index:9;
	top: 40px;
	left: 0;
	text-align: left;
}

/* Body */

#bodyPrg {
	position:absolute;
	width:1000px;
	height:1600px;
	z-index:1;
	left: 0px;
	top: 120px;
}
p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.6em;
	text-align: justify;
	margin: 0;
	padding: 0.1em 0 0.5em 0;
}
#LayerBodyArt {
	z-index:1;
	padding-top: 50px;
	padding-left: 140px;
	padding-bottom: 420px;
	padding-right: 140px;
}
#LayerBodyText {
	z-index:1;
	margin-top: 50px;
	padding-left: 140px;
	padding-bottom: 60px;
	padding-right: 140px;
}
#LayerBodyTextExh {
	width:400px;
	z-index:1;
	padding-top: 50px;
	padding-left: 30px;
	padding-bottom: 60px;
	padding-right: 30px;
}
#LayerBodyTextHome {
	z-index:1;
	padding-top: 50px;
	padding-left: 100px;
	padding-bottom: 60px;
	padding-right: 100px;
}

#LayerCaption{
	width:auto;
	padding-left: 60px;
	padding-right: 60px;
}

#LayerEmpty {
	width:auto;
}
#LayerEmptyCtr {
	width:auto;
	text-align: center;
	margin-top: 50px;
}

#LayerLeftMap {
	float: left;
	padding: 0 10px 0 0;
}
#LayerRightMap {
	float: right;
	padding: 0;
	margin: 0 150px 0 0;
}
ul.artists {
	width: 180px;
	float: left;
	padding: 0px;
	margin: 0px;
	padding-top: 10px;
	list-style-type: none;
}


/* Footer */
#footerSub {
	position:absolute;
	width:900px;
	height:40px;
	z-index:10;
	left: 0px;
	text-align: center;
}
#footerOriginal {
	position:absolute;
	width:100%;
	height:80px;   /* Height of the footer */
	z-index:5;
	left: 0px;
	background-color: #CCCCCC;
}
#footerSub1 {
	position:absolute;
	width:220px;
	height:20px;
	z-index:10;
	left: 40px;
	top: 20px;
}
#footerSub2 {
	position:absolute;
	width:480px;
	height:20px;
	z-index:10;
	left: 280px;
	top: 20px;
}
#footerSub3 {
	position:absolute;
	width:120px;
	height:20px;
	z-index:10;
	left: 780px;
	top: 20px;
}
ul.footer {
	list-style-type: none;
	padding-left: 0;
	margin-left: 0;
	padding-top: 30px;
 	margin-top: -50px; /* this has to match footer's height */
}
ul.footer li {
	display: inline;
	padding: 0px 15px 0px 0px;
}

/* Sticky Footer */

html, body, #container { height: 100%; margin: 0; padding: 0; }
body > #container { height: auto; min-height: 100%; }

#footer {
	clear: both;
	position: relative;
	z-index: 10;
	height: 80px; /* this has to match footer's height */
	margin-top: -80px; /* this has to match footer's height */
	text-align: center;
	background-color:#666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CCCCCC;
}

/* header and body go here */
#content {
	padding-bottom: 80px; /* this has to match footer's height */
	height: 100%;
}

/* this is an example of what goes inside content */
#about {
	background-color:#666666;
	padding: 10px; /* have to add some padding to avoid white edges */
	height: 500px;
}


/* Wrappers */
#wrapper {
	text-align:left;
	width:1000px;
	position:relative;
	margin-right: auto;
	margin-left: auto;
	clear: both;
		
}
#wrapperFooter{
	width:1000px;
	position:relative;
	margin-right: auto;
	margin-left: auto;
	clear: both;
}