@charset "UTF-8";
/* CSS Document */

/* default font size*/
@import url(http://www.vsartsnm.org/Web%20Notes/x-small.css);


/* overall styles */

body {
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0;
	padding: 0;
	text-align: center;
	background-color: #000; /* #b2a1b2 original color */

}

h1 {
	font-size: 2.2em;
	line-height: 1.2em;
	margin: 0;
	padding: 10px 0 0 0;
	color: #333;
	font-family: "Lucida Grande", Helvetica, Verdana, sans-serif;
	font-weight: normal;
}

h2 {
	font-size: 1.6em;
	line-height: 1.2em;
	margin: 0;
	padding: 10px 0 0 0;
	border-top: 1px solid #ccc;
	background: #dedede;
	color: #000;
	font-family: "Lucida Grande", Helvetica, Verdana, sans-serif;
	font-weight: normal;
}

h3 {
	font-size: 1.4em;
	line-height: 1.2em;
	margin: 0 0 0.3em 0;
	padding: 10px 0 0 0;
	border-top: 1px solid #ccc;
	background: #eee;
	color: #000;
	font-family: "Lucida Grande", Helvetica, Verdana, sans-serif;
	font-weight: normal;
}


p, blockquote {
	line-height: 1.4em;
	margin: 0.4em 0 1em 0;
	padding-right: 20px;
}

p.more {
	border-top: 1px solid #ddd;
	text-align: right;
	margin: 0;
}
p.more a:link, p.more a:visited {
	padding: 0 15px 0 0;
	background: url(../img/next.gif) no-repeat 100% 50%;
}
p.more a:hover {
	padding: 0 15px 0 0;
	background: url(../img/next_active.gif) no-repeat 100% 50%;
}

p.intro, blockquote.intro {
	font-size: 1.1em;
	color: #000;
	line-height: 1.2em;
	margin: 0 0 0.4em 0;
	border-top: 1px dashed #dedede;
	padding-top: 0.3em;
}

p.section-intro {
	font-size: 1.2em;
	font-style: italic;
	color: #000;
	line-height: 1.3em;
	margin: 0 0 0.4em 0;
	padding-top: 0.3em;
	border-top: 1px dashed #dedede;
}

p.gallery-side-info {
	font-size: 0.95em;
	line-height: 1.2em;
	color: #000;
	margin: 0;
	padding: 0.2em 0 0.2em 25px;
	border-bottom: 1px solid #000;
}
p.attribution {
	color: #666;
	text-align: right;
}



a, a:visited {
	color: #b6316c;
	padding: 0;
	text-decoration: none;
}
/* border-bottom: 1px solid #888; */

h2 a, h2 a:visited {
	color: #551a8b;
	padding: 0;
	text-decoration: none;
	border-bottom: 1px solid #fff;
}

a:hover, h2 a:hover {
	color: #2d0c56;
	font-style: normal;
}

a:active {
	color: #b6316c;
}

img a  {
	border: none;
}

.leftImage {
	float: left;
	margin: 0 14px 5px 0;
}

.rightImage {
	float: right;
	margin: 0 0 5px 14px;
}

}
.footer {
	font-family: "Lucida Grande";
	font-size: 11px;
	text-align: center;
}


/* inline quote rules for standards compliant browsers 
-------------------------------------------- */

q:before {
	content: '\201C';
}

q:after {
	content: '\201D';
}

blockquote q:before, q q:before {
	content: '\2018' ;
}

blockquote q:after, q q:after {
	content: '\2019';
}


/* containers 
-------------------------------------------- */


#pageContainer {
	width: 100%;
	margin: 0;
	padding: 0;
}

#content {
	width: 780px;
	margin: 0 auto;
	padding: 0;
	background: #fff;
	text-align: left;
}

#main-column {
	width: 560px;
	margin: 0;
	padding: 20px 0;
	float: right;
}

#banner {
	width: auto;
	height: 220px;
	margin: 0;
	padding: 0;
	border: 0;
	background: url(../img/bg-banner.png) no-repeat 0 0;
}

#side {
	width: 310px;
	margin: 20px 0 0 0;
	padding: 0px;
	float: right;
	}

#category-side {
	width: 203px;
	margin: 0;
	padding: 0;
	float: left;
	}

#font_select {
	display: inline;
	padding: 0;
	margin: 0;
}

#disclaimer {
	width: 780px;
	margin: 0 auto;
	padding: 0;
	border-top: solid 1px #000;
	background: #fff;
}

#disclaimer p {
	margin: 0;
	padding: 5px 20px;
	font-size: 0.9em;
	line-height: 1.2em;
	color: #333;
}

#copyright {
	width: 780px;
	margin: 0 auto;
	padding: 0;
	border-top: solid 1px #000;
	background: #ccc;
}

#copyright p {
	margin: 0;
	padding: 5px 20px;
	font-size: 0.85em;
	color: #666;
	line-height: 1em;
}

#main-column p.caption {
	color: #000;
	font-size: 80%;
	line-height: 100%;
	text-align: center;
	margin: 0 20px 0 0;
	padding: 2px 10px;
	background: #ccc;
	float: right;
}

#main-column ul {
	margin:  0 0 1em 2em;
	padding: 0;
}
#main-column li {
	margin:  0 20px 0.3em 0;
	padding: 0 0 0 15px;
	list-style: none;
	background: url(../img/bullet-round.gif) no-repeat left 0.2em;
}



/* promo banner 
-------------------------------------------- */

#banner-button01 {
	width: 280px;
	height: 150px;
	margin: 37px 0 0 0;
	padding: 0;
	float: right;
	}
	
#banner-button01 a {
	margin: 0;
	padding: 13px;
	background-color: #2E0854;
	border-bottom: none;
	display: block;
	line-height: 0em;
	}

#banner-button01 a:hover {
	background-color: #450D7E;
	border-bottom: none;
	}

#banner-button01 a img {
	border: 0;
	}


#banner-button02 {
	width: 280px;
	height: 150px;
	margin: 37px 0 0 0;
	padding: 0;
	float: right;
	}

#banner-button02 a {
	margin: 0;
	padding: 13px;
	background-color: #9E070B;
	border-bottom: none;
	display: block;
	line-height: 0em;
	}

#banner-button02 a:hover {
	background-color: #D30C14;
	border-bottom: none;
	}

#banner-button02 a img {
	border: 0;
	}



/* promo box 
-------------------------------------------- */


#promo-bottom {
	width: auto;
	margin: 0;
	padding: 20px 0 0 0;
	background: #000;
	border: 0;
	clear: both;
}

#promo-bottom h2 {
	margin: 0;
	padding: 0 0 .2em 0;
	background: #000;
	color: #999999;
	border: 0;
	font-size: 1.5em;
	line-height: 1em;
}


#promo-nav-one {
	margin: 0;
	padding: 0;
	text-align: left;
	float: left;
	width: 203px;
}
#promo-nav-one-pad {
	padding-left: 25px;
}

#promo-nav-two {
	margin: 0;
	padding: 0;
	text-align: left;
	float: left;
	width: 187px;
}
#promo-nav-two-pad {
	padding-left: 17px;
}

#promo-nav-three {
	margin: 0;
	padding: 0;
	text-align: left;
	float: left;
	width: 185px;
}
#promo-nav-three-pad {
	padding-left: 15px;
}

#promo-nav-four {
	margin: 0;
	padding: 0;
	text-align: left;
	float: left;
	width: 185px;
}
#promo-nav-four-pad {
	padding-left: 15px;
}


#promo-bottom ul {
	margin: 0 0 2em 0;
	padding: 0;
	border-top: 1px solid #333;
}

#promo-bottom li {
	font-size: 0.85em;
	line-height: 1.4em;
	margin: 0;
	padding: 0;
	width: 100%;
	list-style-type: none;
	border-bottom: 1px solid #333;
}

#promo-bottom li a:link, #promo-bottom li a:visited {
	text-decoration: none;
	padding: 2px 0;
	color: #fff;
	display: block;
	border-bottom: 0;
}

#promo-bottom li a:hover {
	background-color: #333;
	color: #fff;
}

#promo-bottom li span a:link, #promo-bottom li span a:visited {
	background-color: #4a4a4a;
	color: #fff;
}


#promo-box01 {
	width: 280px;
	height: 280px;
	margin: 0;
	padding: 0;
	float: right;
	background-color: #1b8100;
	}
	
#promo-box01 a {
	margin: 0;
	padding: 13px;
	background-color: #7CB434;
	border-bottom: none;
	display: block;
	line-height: 0em;
	}

#promo-box01 a:hover {
	background-color: #1b8100;
	border-bottom: none;
	}

#promo-box01 a img {
	border: 0;
	}


#promo-box02 {
	width: 280px;
	height: 280px;
	margin: 0;
	padding: 0;
	float: right;
	background-color: #FF497C;
	}

#promo-box02 a {
	margin: 0;
	padding: 13px;
	background-color: #ff809e;
	border-bottom: none;
	display: block;
	line-height: 0em;
	}

#promo-box02 a:hover {
	background-color: #FF497C;
	border-bottom: none;
	}

#promo-box02 a img {
	border: 0;
	}

/* access header and contact footer styles 
-------------------------------------------- */


#access {
	line-height: 1.2em;
	background: #000;
	color: #fff;
	padding: 5px 0;
	}

#access ul {
	margin: 0;
	padding: 4px 0;
}

#access li {
	display: inline;
	font-size: 0.85em;
	padding: 0 8px;
	border-left: solid 1px #fff;
}

#access h1 {
	display: inline;
	border-left: none;
	font-size: 0.85em;
	font-weight: normal;
	background: #000;
	color: #fff;
	}

#contact {
	line-height: 1.2em;
	background: #000;
	color: #fff;
	padding: 5px 0;
}

#contact ul {
	margin: 0;
	padding: 4px 0;
}

#contact li {
	display: inline;
	font-size: 0.85em;
	padding: 0 8px;
	border-left: solid 1px #666;
}
#contact li.first {
	border-left: none;
}



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

#nav {
	height: 30px;
	text-indent: -9999px;
	margin: 0;
	padding: 0;
	width: 780px;
	background-color: #2e0854;
    overflow: hidden;
}

#nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#nav li {
	float: left;
	margin: 0;
	padding: 0;
}

#nav li a, #nav li a:visited {
	display: block;
	height: 30px;
	padding: 0;
	background: url(../img/nav.png) no-repeat;
	text-decoration: none;
	outline: none;
	border-right: 1px solid #fff;
	border-bottom: 0;
}

#nav li.home a, #nav li.home a:visited {
	width: 82px;
	background-position: 50% -8px;
	margin-left: 25px;
	border-left: 1px solid #fff;
}
#nav li.theater a, #nav li.theater a:visited {
	width: 110px;
	background-position: 50% -38px;
}
#nav li.gallery a, #nav li.gallery a:visited {
	width: 110px;
	background-position: 50% -68px;
}
#nav li.day-arts a, #nav li.day-arts a:visited {
	width: 116px;
	background-position: 50% -98px;
}
#nav li.community-arts a, #nav li.community-arts a:visited {
	width: 190px;
	background-position: 50% -128px;
}
#nav li.about-us a, #nav li.about-us a:visited {
	width: 118px;
	background-position: 50% -158px;
}



#nav li a:hover {
	display: block;
	padding: 0;
	text-decoration: none;
	border-bottom: 0;
}

#nav li.home a:hover {
	width: 82px;
	background-position: 50% -218px;
	margin-left: 25px;
	border-left: 1px solid #fff;
}
#nav li.theater a:hover {
	width: 110px;
	background-position: 50% -248px;
}
#nav li.gallery a:hover {
	width: 110px;
	background-position: 50% -278px;
}
#nav li.day-arts a:hover {
	width: 116px;
	background-position: 50% -308px;
}
#nav li.community-arts a:hover {
	width: 190px;
	background-position: 50% -338px;
}
#nav li.about-us a:hover {
	width: 118px;
	background-position: 50% -368px;
}



#nav li a#active {
	display: block;
	padding: 0;
	text-decoration: none;
}

#nav li.home a#active {
	width: 82px;
	background-position: 50% -218px;
	margin-left: 25px;
	border-left: 1px solid #fff;
}
#nav li.theater a#active {
	width: 110px;
	background-position: 50% -248px;
}
#nav li.gallery a#active {
	width: 110px;
	background-position: 50% -278px;
}
#nav li.day-arts a#active {
	width: 116px;
	background-position: 50% -308px;
}
#nav li.community-arts a#active {
	width: 190px;
	background-position: 50% -338px;
}
#nav li.about-us a#active {
	width: 118px;
	background-position: 50% -368px;
}



/*  Sub-navigation 
-------------------------------------------- */


#category-nav {
	margin: 20px 0 20px 0;
	padding: 0;
	text-align: right;
	border-bottom: 4px solid #2e0854;
	border-top: 4px solid #2e0854;
}

#category-nav ul {
	margin: 0;
	padding: 0;
	border-top: 1px solid #fff;
}

#category-nav li {
	font-size: 0.9em;
	line-height: 1.5em;
	width: 100%;
	list-style-type: none;
	border-bottom: 1px solid #fff;
	background: url(../img/bg-nav-section.png) repeat-y right;
}

#category-nav li a:link, #category-nav li a:visited {
	font-weight: normal;
	text-decoration: none;
	padding: 2px 5px;
	color: #fff;
	display: block;
	border-bottom: 0;
}

#category-nav li a:hover {
	color: #fff;
	background: url(../img/bg-nav-section.png) repeat-y left;
}

#category-nav li a#active, #category-nav li a:hover#active {
	background: #fff url(http://www.vsartsnm.org/css/none);
	color: #2e0854;
}

#category-side img {
	margin-left: 25px;
}


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

#home-main-column {
	line-height: 1.4em;
	margin: 20px 0 0 0;
	padding: 0 0 20px 0;
	float: left;
	width: 450px;
	background-color: #fff;
}

#home-main-column-pad {
	padding-left: 25px;
}

#home-main-column h1 {
	margin: 0;
	color: #7CB434;
}

#home-main-column p.caption {
	color: #333;
	font-size: 80%;
	line-height: 110%;
	text-align: right;
	margin: 0;
	padding: 2px 5px;
	background: #ccc;
}
.currently-indent {
	color: #646464;
	text-align: left;
	margin: 0;
	padding: 0 0 0 25px;
	border-top: 1px solid #ccc;
}


#home-main-column h1 span, #home-main-column h2 span {
	color: #000;
}  

#home-main-column ul {
	clear: left;
	margin: 0;
	padding: 1em 0 0 0;
	list-style: none;
}

#home-main-column li {
	font-size: 120%;
	line-height: 115%;
}

#home-main-column li span {
	font-style: normal;
	font-weight: bold;
}

#current-feature-one, #current-feature-two {
	padding: 10px 200px 10px 10px;
	margin-bottom: 25px;
	background-color: #eee;
	border: solid 1px #ccc;
}
#current-feature-one {
	background: url(../img/gallery/Merlin-Nyakam.jpg) no-repeat -150% 50%;
}
#current-feature-two {
	background: #000 url(../img/theater/Harriets-Return.jpg) no-repeat 100% 50%;
}

#current-feature-one h2, #current-feature-two h2, #current-feature-one p.intro, #current-feature-two p.intro {
	background-color: #fff;
	padding: 0;
	margin-bottom: 0;
	color: #FF4F00;
}
#current-feature-one p, #current-feature-two p {
	background-color: #fff;
	padding: 5px 0;
	margin: 0;
}



/* home events sidebar 
-------------------------------------------- */

#upcomingList {
	margin: 0px;
	padding: 0 0 10px 20px;
}

#upcomingList ul {
	margin: 0;
	list-style: none;
}


.mainAct {
	color: #86007f;
}

#upcomingList h1 {
	text-align: left;
	margin: 0;
	color: #7CB434;
}

#upcomingList h2 {
	font-size: 150%;
	font-weight: normal;
	text-align: left;
	margin: 0;
	padding: 0;
}

#upcomingList h3 {
	color: #cc00c2;
	font-size: 1.4em;
	font-weight: bold;
	text-align: left;
	margin: 1em 0 0;
	padding: 0;
}

#upcomingList p {
	color: #000;
	font-size: 1.1em;
	line-height: 1.1em;
	text-align: left;
	margin: 0.4em 1em 1em 0;
}

#upcomingList ul {
	margin: 1em 0 0;
}

#upcomingList li {
}

#upcomingList li li {
	color: #000;
	font-size: .9em;
	font-weight: bold;
}

#upcomingList ul, #upcomingList h2, #upcomingList h3, #upcomingList p {
	padding: 0;
}

#upcomingList ul ul {
	margin: .25em 0 0;
	padding: 0;
}

#upcomingList li li span {
	font-weight: normal;
	font-style: normal;
}


/* begin upcoming Gallery box 
-------------------------------------------- */

#upcomingGallery {
	background-color: #86007f;
	color: #fff;
	text-align: right;
/*	height: 20em;	*/
	margin: 10px 18.4em 0 0;
	padding: 18px 8px 8px 3em;
}

#upcomingGallery .credit p {
	margin-bottom: 0;
	padding-bottom: 0;
}

#upcomingGallery img {
	float: right;
	margin: 0 0 0 1.4em;
}

#upcomingGallery h1 {
	font-size: 180%;
	margin: 0;
	padding: .1em 0 0 0;
}

#upcomingGallery h2 {
	font-size: 150%;
	margin: 0;
}

#upcomingGallery p {
	text-align: right;
	padding: 1em 0 0 0;
}

#upcomingGallery li {
	font-size: 120%;
	list-style: none;
}

#upcomingGallery li span {
	font-weight: bold;
}

#upcomingGallery a:link {
	color: #fff;
}

#upcomingGallery a:visited {
	color: #ccc;
}

#upcomingGallery a:hover {
	color: #fcf;
}

#upcomingGallery a:active {
	color: #fcf;
}

.side-bar-box {
	line-height: 1.2em;
	margin: 0;
	padding: 10px 10px 10px 25px;
	color: #333;
	border-bottom: 1px solid #000;
	background-color: #F9FF7C;
	border-top: 1px solid #000;
}
.side-bar-box2 {
	line-height: 1.6em;
	margin: 0;
	padding: 10px 10px 10px 25px;
	color: #333;
	border-bottom: 1px solid #000;
	background-color: #99FFCC;
	border-top: 1px solid #000;
}

/* end gallery box */

#rental {
	background-color: #1B8100;
	color: #fff;
	margin-right: 18.4em;
	padding: 2.2em 2.2em 2.2em 170px;
}

#rental h1 {
	margin: 0;
	padding: 0;
	margin-left: 14px;
}

#rental p {
	text-align: left;
	margin-bottom: 0;
	margin-left: 14px;
}

/* bottom-info-box 
-------------------------------------------- */

#bottom-info-box {
	background-color: #000;
	color: #999;
	padding: 15px 20px 15px 220px;
	clear: both;
}
#bottom-info-box.home {
	padding: 15px 20px 15px 25px;
}

#bottom-info-box h1 {
	background: none;
	color: #fff;
	margin: 0;
	padding: 0;
	font-size: 1.5em;
	font-weight: bold;
}

/* calendar 
-------------------------------------------- */

#exhibitionBox {
	background-color: #FFEFB0;
	clear:left;
	margin: 10px 18.6em 0 0;
	padding: 1.2em 8px 1.2em 8px;
	border: 1px #86007f solid;
}

#exhibitionBox table {
	float: right;
	margin: 2em 0 0 12px;
}

#exhibitionBox td span {
	font-style: italic;
}

#calendarMonth {
	float: right;
	padding: 1.2em 0 0;
}

#calendarMonth #legend td {
	text-align: left;
}

#calendarMonth table {
	font-weight: bold;
	margin: 0 0 1em 0;
	padding: .3em;
	border-collapse: collapse;
}

#calendarMonth td {
	font-size: 135%;
	text-align: right;
	padding: 0 .3em;
}


/* Hide from ie-Mac \*/

#calendarMonth th, #calendarMonth td {
	border: .1em #86007f solid;
}

/* End hide */

#calendarMonth caption, #calendarMonth td.month {
	font-size: 140%;
	text-align: center;
	font-variant: small-caps;
	padding : .2em 0;
/*	border: .1em #86007f solid;	*/
}

#calendarMonth a:hover {
	font-style: normal;
}


td.day {
	color: #606;
	text-align: center;
	border: .1em #86007f solid;
}

#calendarMonth th {
	color: #606;
	text-align: center;
	padding: .4em 0;
}

td.event {
	background-color: #000;
	color: #fff;
}

td.exhibition {
	background-color: #FFEFB0;
	color: #000;
}

td.eventExhibition {
	background-color: #000;
	color: #FFEFB0;
}

td.eventExhibition a:link {
	color: #FFEFB0;
}

td.eventExhibition a:visited {
	color: #FFEFB0;
}

td.eventExhibition a:hover {
		color: #fff;
}

td.eventExhibition a:active {
	color: #fff;
}

td.event a:link {
	color: #fff;
}

td.event a:visited {
	color: #fff;
}

td.event a:hover {
		color: #c69;
}

td.event a:active {
	color: #c69;
}

div#eventDescription {
	margin: 0 20em 0 0;
}

#eventDescription h1, #exhibitionBox h1 {
	color: #606;
	font-size: 180%;
	font-variant: small-caps;
	margin: 0 0 0 16px;
}

#eventDescription h2, #exhibitionBox h2 {
	color: #444;
	font-size: 165%;
	margin: 1.5em 0 0 0;
}

#exhibitionBox h2 {
	color: #000;
}

#eventDescription h2 span {
	color: #000;
}

#eventDescription ul, #exhibitionBox ul {
	margin: .5em 0 0 0;
	padding: 0;
	list-style: none;
}

#eventDescription li, #exhibitionBox li {
	color: #444;
	font-size: 130%;
	line-height: 130%;
	margin: 0 0 0 16px;
}

#exhibitionBox li {
	color: #333;
}

#eventDescription li span,  #exhibitionBox li span {
	color: #000;
	font-weight: bold;
}

#eventDescription p, #exhibitionBox p {
	color: #000;
	line-height: 140%;
	margin: .75em 0 0 16px;
}

#eventDescription p span, #exhibitionBox p span {
	font-weight: bold;
}


/* Two Worlds 
-------------------------------------------- */

#two-worlds-side {
	background-color: #fff;
	margin: 0;
	padding: 10px 0 160px 0;
}

#two-worlds-2000-side {
	background-color: #fff;
	margin: 0;
	padding: 0 0 0 0;
}

#two-worlds-side p {
	margin: 0;
	padding: 30px 10px;
	text-align: center;
	color: #fff;
}

#two-worlds-2000-side p {
	margin: 0;
	padding: 30px 10px;
	text-align: center;
	color: #7a3323;
}

#two-worlds-side img, #two-worlds-2000-side img {
	margin: 0;
}

#two-worlds-side a, #two-worlds-side a:visited {
	color: #FCD457;
	border-bottom: dotted 1px #FCD457;
}



/* Out of the Ordinary 
-------------------------------------------- */

#ooo-side {
	background-color: #fff;
	margin: 0;
	padding: 0;
}
#ooo-side p {
	margin: 10px;
	padding: 0px;
	text-align: left;
}
#ooo-side p.intro {
	font-size: 1em;
}


#ooo-side img {
	margin: 0;
}

p.ooo-head {
	color: #C3713D;
	font-size: 1.2em;
}


.ooo-color {
	color: #CE7E44;
}

#ooo-side-theater-page {
	background: #ccc url(../img/gdf/gdf09cover_web-sidebar.jpg) no-repeat 50% 0;
	text-align: center;
	overflow: hidden;
	height: 440px;
	margin: 0;
	padding: 230px 10px 0 10px;
}

#ooo-side-theater-page p {
	margin: 10px;
	padding: 0;
}


/* Theater sidebars 
-------------------------------------------- */

div.theater-side-box {
    margin: 20px 0;
    padding: 20px 0 0 25px;
}

/* Americorps 
-------------------------------------------- */

#americorps-side {
	background-color: #fff;
	margin: 0;
	padding: 25px;
	text-align: center;
}

#americorps-side h1 {
	color: #CC0000;
	margin: 0 0 20px 0;
	padding: 0;
	text-align: center;
	background: none;
	font-size: 2em;
}
#americorps-side p {
	color: #666;
	margin: 20px 0 0 0;
	padding: 0;
	text-align: center;
	font-size: 1.2em;