/* COLORS

ORANGE
light orange: #fad271
orange: #f7b512

YELLOW
light yellow: #faec74
yellow: #f7e017

GREEN
light green: #bce566
green: #8fd400

TEAL
teal light: #66c3c8
teal: #009ca3
teal dark: #03697B

GREY
dark grey: #3c3735
mid grey: #767372
light grey: #c5c3c3

 */

/*REDEFINED*/
body, html {
	background-color: #fff;
	margin: 4px 0 0 6px;
	padding: 0;
}

body, tr, td, p, font {
	color:  #fff;
	font: 11px/1.4 lucida grande, helvetica, verdana, arial, sans-serif;
	/*line-height: 1.3em;*/
}

a:link, a:visited {text-decoration: underline;}
a:hover, a:active {text-decoration: none;}

h1, h2, h3, h4, h5, h6 {
	font-size: 14px;
	/*margin-top:.5em;
	margin-bottom: -1ex;*/
}

em {font-weight: bold;}

/*CLASSES*/

v\:* {
	behavior:url(#default#VML);
}

.smallTxt {font: 9px lucida grande, helvetica, verdana, arial, sans-serif;padding: 10px;vertical-align:baseline;}
.article, .eventdate {width: 363px;padding: 10px 0 20px 0;border-bottom: 1px dotted #4B4545;}
.title, .date {font-size:13px;font-weight:bold;}
.content, .event {padding: 0 0 0 20px;}

.sitemap ul, .sitemap li {list-style: none;}

.w {
	float: left;
	width: 50%;
	text-align: center;
	background-color: #fff;
	margin: -1px 0 -7px -10px;
	height: 120px;
	padding: 10px 0 10px 0;
}

.whitebox {
	width: 400px;
	background-color: #fff;
	text-align: left;
	margin: 2px 0 0 0;
	padding: 7px 161px 7px 10px;
	font-size: 11px;
	color: #fff;
	min-height: 200px;
	border-right: 2px solid #767372;
}

.lightbox {
	width: 563px;
	background-color: #767372;
	text-align: left;
	margin: 2px 0 0 0;
	padding: 7px 0 7px 10px;
	font-size: 11px;
	color: #fff;
	min-height: 200px;
	min-width: 563px;
}

.lightbox ul {
	padding: 0 0 0 14px;
	margin: 0;
	list-style: square;
}

.lightbox li {
	padding: 5px 0 0 0;
}

.gall {
	padding: 0;
	margin: 0 0 0 -10px;
	width: 573px;
	background-color: #4B4545;
}

.darkbox {
	width: 563px;
	background-color: #4B4545;
	text-align: left;
	margin: 2px 0 0 0;
	padding: 1px 10px 2px 0;
	font-size: 11px;
	min-height: 15px;
}

.boxfloat1 {
	float: left;
	width: 179px;
	padding: 0 5px 3px 10px;
	font-size:10px;
	background: url(../images/titles/bot.01.gif) no-repeat 0 18px;
	height: 128px;
}

.boxfloat2 {
	float: left;
	width: 179px;
	padding: 0 5px 3px 10px;
	font-size:10px;
	background: url(../images/titles/bot.02.gif) no-repeat 0 18px;
	height: 128px;
}

.boxfloat1 p, boxfloat2 p {margin-top: 0;}

.boxfloatsmall {
	float: left;
	width: 150px;
	height: 128px;
	padding: 0 5px 2px 10px;
	background: url(../images/titles/bot.03.gif) no-repeat 0 18px;
	height: 128px;
	font-size:10px;
	/*background: url(../images/filmbg.gif) no-repeat 6px 18px;min-height: 128px;*/
}

.boxfloatsmall p {margin-top: 0;}

.movies {
	border-left: 8px solid #3c3735;
	margin-top: 10px;
}

.movies td {
	border-bottom: 1px dotted #bce566;
	padding: 5px 30px 2px 10px;
}

.artist {
	padding: 20px;
	height: 80px;
	width: 363px;
	border-bottom: 1px dotted #f7b512;
}

.thumb {padding: 20px 0 10px 0;float:right;width:100px;text-align:center;}
.thumb a {background: none;}
.thumb a:link img, thumb a:visited img {border: 1px solid #fad271;}
.thumb a:hover img, thumb a:active img {border: 1px solid #f7b512;}

.info{
	padding: 0 0 10px 0;
	float: left;
	width: 263px;
}

.info2{
	padding: 0 0 10px 0;
	float: left;
	width: 400px;
}


.email {
	float: right;
	font-size: 16px;
}
.email a {
	height: 16px;
	width: 28px;
}

.email a:link, .email a:visited {
	background: url(../images/emailIcon.gif) no-repeat 0;
}

.email a:hover, .email a:active {
	background: url(../images/emailIcon_O.gif) no-repeat 0;
}

.slide {
	border: 1px solid #000;
	width: 200px;
	height: 230px;
	background-color: #fff;
	padding: 10px;
	color: #000;
	font-size: 9px;
	margin: auto;
}

.slidepic {
	border: 1px solid #000;
	width: 150px;
	height: 100px;
	background-color:#fad271;
	margin: 10px 25px 0 25px;
}

.namedate {text-align: center;}

.app p {
	border-bottom:1px dotted #fff;
	margin: 0 0 30px 0;
}

.cartitem {border-bottom: 1px dotted #f7e017;height:101px; margin-bottom:20px;}
.cartitem .l img {border: 1px dotted #f7e017;margin-right:10px;}
.cartitem .r img {border: 1px dotted #f7e017;margin-left:10px;margin-right:103px;}
.cartitem a{background:none;}
.cartitem h1, .cartitem p {margin: 0 0 -2px 0;}
.tall {height: 234px;}
.dufour {height:152px;}
.membership {height:185px;}

.l {float:left;}
.r {float:right;}
.clear {clear: both;}

/*IDs*/

#main {width: 740px;}

#top a {background: none;}

#side a {background: none;}

#mark {width:140px;height:182px;}

#exhibit {
	width: 573px;/*exhibition image width*/
	height: 182px;
	background-color: #767372;
	padding: 1px 0 0 0;
	border-left: 24px solid #4B4545;
}

#exhibit .img {
	margin-top: -1px;
	float: left;
	height: 182px;
	width: 191px;/* 3x == 573px*/
}


#nav {width: 569px;height: 20px;background-color: #4B4545;text-align: left;margin: 2px 0 0 0;padding: 1px 0 0 4px;font-size: 11px;}
#nav a {text-decoration: none;padding: 0 4px 0 6px;}
#nav ul { padding: 0;margin: 0;list-style: none;}
#nav li {float: left;position: relative;list-style: none;}
#nav li ul { display: none;position: absolute;top: 1em;left: 0;padding: 5px;border-left: 6px solid #4B4545;}
#nav li>ul {top: auto;left: auto;}
#nav li:hover ul, #nav li.over ul {display: block;}
#nav li ul li {padding: 5px 0 5px 0;clear: both;}

.m {width: 100px;}
.lg {width: 140px;}
.xlg {width:200px;}

#header h1 {
	color: #767372;
	padding: 0 0 10px 0;
}

#content {
	float: right;
	width: 597px;
}

#map {
	border: 3px solid #66c3c8;
	width: 500px;
	height: 300px;
	color: #009ca3;
}

#xtra {
	color: #767372;
	font-size: 9px;
	line-height: 1em;
	float: left;
	width: 194px;
	padding: 3px 0 3px 20px;
	text-align: right;
}

#xtra a {
	text-decoration:none;
	font-weight: bold;
	font-size: 10px;
}

#affil {
	float: left;
	width: 219px;
	padding: 0 0 3px 0;
}

#brec, #ldoa, #acgbr {float: left;font-size: 33px;}
#brec a:link, #brec a:visited {background:url(../images/streetcred/brec.gif) no-repeat 0;}
#brec a:hover, #brec a:active {background:url(../images/streetcred/brec_O.gif) no-repeat 0;}

#ldoa a:link, #ldoa a:visited {background:url(../images/streetcred/laDivArts.gif) no-repeat 0;}
#ldoa a:hover, #ldoa a:active {background:url(../images/streetcred/laDivArts_O.gif) no-repeat 0;}

#acgbr a:link, #acgbr a:visited {background:url(../images/streetcred/artsCouncil.gif) no-repeat 0;}
#acgbr a:hover, #acgbr a:active {background:url(../images/streetcred/artsCouncil_O.gif) no-repeat 0;}

#cfa a:link, #cfa a:visited {background:url(../images/streetcred/cfa.gif) no-repeat 0;}
#cfa a:hover, #cfa a:active {background:url(../images/streetcred/cfa_O.gif) no-repeat 0;}

#streetcred {
	float: left;
	width: 159px;
	padding: 0 0 3px 0;
	font-size: 33px;
}

#streetcred a:link, #streetcred a:visited {background:url(../images/streetcred/okp.gif) no-repeat 0;}
#streetcred a:hover, #streetcred a:active {background:url(../images/streetcred/okp_O.gif) no-repeat 0;}