/* overall styles */

body {
	font-size: x-small;
	margin: 0;
	padding: 0;
}

p, a, li, h1, h2, h3, h4, td, th, caption {
	font-family: "Arial Unicode MS", Arial, Helvetica, sans-serif;
}

h1 {
	font-size: 180%;
	margin: 0;
	padding: 5em 0 0 0;
}

p {
	font-size: 130%;
	line-height: 150%;
	text-align: justify;
}

p span, h1 span, h2 span, #upcomingList span {
	font-style: italic;
}

/* 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';
}

/* end inline quote rules */

a:link {
	color: #86007f;
}

a:visited{
	color: #666;
}

a:hover {
	color: #e00012;
	font-style: italic;
}

a:active {
	color: #e00012;
}

.credit {
	font-size: 110%;
	font-weight: bold;
}

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

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

.language {
	font-style: inherit;
	font-weight: inherit;
}

#eventDescription span.language {
	font-weight: inherit;
}

#redesignWarning {
	font-size: 140%;
	font-weight: bold;
}

#pageContainer {
/*	background-color: #f00;	*/
	width: auto;
	margin: 12px 12px 0;
	padding: 1em;
/*	border: 1px #86007f solid;	*/
}

/* begin header styles */

#contact {
	background-color: transparent;
	height: 145px;
	background-image: url(../images/cambodian_bckgrnd_106.jpg);
	background-repeat: repeat-x;
	background-position: 84px 29px;
}

#contact img {
	float: left;	/**/
	margin: 0;
	padding: 0;
}

#contact ul {
	background-color: #fff;
	margin: 0;
	padding: 12px 0 0 0;
}

#contact li, #primaryNav li {
	font-size: 110%;
	display: inline;
}

#contact li {
	color: #86007f;
	font-size: 110%;
	font-weight: bold;
	padding: 0 .5em 0 0 ;
}

/*#contact li a, #upcomingList li a, #upcomingList p a {
	color: #86007f;
}	*/

/* begin Primary Nav styles */

#primaryNav ul {
	margin: 0;
	padding: 0;
}

#primaryNav li a {
	line-height: 200%;
	font-weight: bold;
	text-decoration: none;
	padding: .2em .4em;
}

#primaryNav li a:link {
	background-color: #fff;
	color: #86007f;
	border: 1px solid #86007f;
}

#primaryNav li a:visited {
	background-color: #fff;
	color: #555;
	border: 1px solid #86007f;
}	

#primaryNav li a:hover {
	background-color: #86007f;	/* replace with #86007f	*/
	color: #fff;
	border: 1px solid #86007f;
}

#primaryNav li a:active {
	background-color: #555;	/* replace with #555	*/
	color: #fff;
	border: 1px solid #555;
}

#primaryNav li span a:link {
	background-color: #e00012; /* replace with #e00012 */
	color: #fff;
	border: 1px solid #e00012;
}

#primaryNav li span a:visited {
	background-color: #e00012; /* replace with #e00012 */
	color: #fff;
	border: 1px solid #e00012;
}

/* end rules for all page heads and navigation */

#leftSide {
	margin-right: 18.4em;
}

/* begin home event box */

#upcomingTheater {
	line-height: 150%;	/* line-height fixes peek-a-boo bug under Win IE 6, thanks all you good folks at positioniseverything.net */
	margin: 10px 0 0 0;
	padding: 1.2em 4em 1.2em 8px;
	border: 1px #86007f solid;
}

#upcomingTheater table {
	float: left;	/**/
	margin: 0 1.4em 0 0;
	padding: 0;
}

#upcomingTheater td {
	line-height: 110%;
	text-align: left;
}

#upcomingTheater h1, #upcomingTheater h2 {
	font-weight: bold;
	padding: 0;
}

#upcomingTheater h3 {
	font-size: 180%;
	line-height: 125%;
	margin: 0;
	padding: 0;	
}

#upcomingTheater h2 {
/*	background-color: #fc0;	*/
	font-size: 120%;
	color: #1B8100;
	margin: 0;
	padding: 12px 0 0 0;
}

#upcomingTheater h1 {
	font-size: 180%;
	margin: 1em 0 0 0;
	padding: 0.4em 0;
	line-height: 1.2em;
	border-top: solid #fff 4px;
}

#upcomingTheater p {
	line-height: 150%;
	text-align: left;
	margin: 0;
	padding:1em 0 0 0;
}

#upcomingTheater h1 span, #upcomingTheater h2 span, #upcomingTheater h3 span, #upcomingTheater p span {
	font-style: italic;
}  

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

#upcomingTheater li {
	font-size: 120%;
	line-height: 115%;
}

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

.sponsored {
	font-size: 120%;
	line-height: 120%;
}

/* end home event box */

/* home events sidebar */

#upcomingList {
	background-color: #fff;
	float: right;
	width: 240px;	/* IE mac must have a measured width for div (can't be trusted with auto), but calculates width incorrectly so cannot have width and padding or margin */
	margin: 10px 0 12px 1em;
	padding: 1.2em 0 1em 0;
	border: 1px #86007f solid;
	display: inline;
}

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


.mainAct {
	color: #86007f;
}

#upcomingList ul, #upcomingList h1, #upcomingList h2, #upcomingList h3, #upcomingList h4, #upcomingList p {
	padding: 4px 8px;
	margin: 0.5em 0;
}

#upcomingList h1 {
	font-size: 250%;
	text-align: left;
	margin: 1em 0 0 8px;
	padding: 0.4em 0 0 0;
	border-top: #606 4px solid;
	font-weight: bold;
	color: #666666;
}

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

#upcomingList h3 {
	color: #86007f;
	font-size: 150%;
	font-weight: bold;
	text-align: left;
	margin: 1em 0 0 8px;
	padding: 0;
}

#upcomingList p {
	line-height: 120%;
	text-align: left;
	margin: 1em 0;
}

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

#upcomingList li {
	font-size: 140%;
	margin: 0.4em 0;
}

#upcomingList li li {
	color: #000;
	font-size: 90%;
	font-weight: bold;
}


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

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


/* end home events sidebar */

/* 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;
}

#eventLocation {
	font-size: 120%;
	line-height: 110%;
	font-weight: bold;
	font-style: italic;
	text-align: right;
	margin: 1em 0 0 0;
}

/* end gallery box */
/* begin disclaimer styles */

#vsaDisclaimer {
	font-size: 93%;
	font-weight: bold;
	font-style: italic;
	padding: 1em;
	margin: 12px 12px 0;
}

#vsaDisclaimer p {
	clear: both;
	line-height: 120%;
	margin: 0;
}

#copyright {
	width: auto;
	margin: 0 12px 1em;
	padding: 0 0 1em;
}

#copyright p {
	font-size: 110%;
	font-weight: bold;
	margin: 0;
}

#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;
}

.bottomColorBox {
	background-color: #1B8100;
	color: #fff;
}

#pageContainer h1.bottomColorBox {
	font-size: 130%;
	margin: 1em 0 0;
	padding: 1em 1em;
}

#pageContainer h1.bottomColorBox span {
	font-style: normal;
	font-size: 130%;
}


#pageContainer p.bottomColorBox {
	margin: 0;
	padding: 0 1em 1.5em;
}

#pageContainer p.testColor {
	background-color: #00f;
}

/* begin online galleries styles

#onlineGalleries {
	background-color: #c93;
	color: #fff;
	margin: 10px 18.4em 0 0;
	padding: 4em 4em 4em 8px;
	border: 1px #c93 solid;
}

#onlineGalleries h2 {
	font-size: 180%;
	margin: 0;
	padding: 24px 0 12px 0;
}

#onlineGalleries a:link{
	color: #fff;
}
#onlineGalleries a:visited{
	color: #fff;
}
#onlineGalleries a:hover{
	color: #ff9;
}
#onlineGalleries a:active{
	color: #ff9;
}

#onlineGalleries ul {
	font-size: 130%;
	font-weight: normal;
	margin: 0;
	padding: 0;
	list-style: none;
}

#onlineGalleries li {
	line-height: 180%;
	letter-spacing: .1em;
	padding: 0 .5em 0 0;
	display: inline;
}

#onlineGalleries td span {
	font-style: italic;
}		*/

/* online Galleries Artists' */

#onlineGalleriesArtists {
	margin: 36px 0 0 0;
}

#onlineGalleriesArtists h2 {
	font-size: 180%;
}

#onlineGalleriesArtists ul {
	font-size: 130%;
	font-weight: normal;
	margin: 0;
	padding: 0;
	list-style: none;
}

#onlineGalleriesArtists li {
	line-height: 180%;
	letter-spacing: .1em;
	padding: 0 .5em 0 0;
	display: inline;
}

/* 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;
}

#eventDescription h2, #exhibitionBox h2 {
	color: #444;
	font-size: 165%;
	margin: 1em 0 0 0;
	border-top: #606 solid 1px;
	padding: .5em 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;
}

span.dropCap {
	font-size: 145%;
	margin: 0 .05em 0 0;
}