/* MAA Styles  4-25-05, 5-13-06,  2-20-07, 7-24-08,  2-27-09 banner type, 3-28-09  */
/*new logo 1/22/10*/

body {
background-color: #fff;
background-image: url(art/MAABgdx1000.jpg);
font: 12px/17px Verdana, Helvetica, Arial, sans-serif;
text-align: left;
background-repeat: repeat-y;
margin: 0; padding: 0;
}
img, a img {
padding: 0; margin: 0;
border: none;
text-decoration: none;
}
#home #main img {
border: 1px solid #666;
}
#home #main img.nobord {
border: none;
}
#main .flt {
float: left;
display:inline;
margin-right: 18px;
}
.flrt {
float: right;
display:inline;
margin-left: 1em;
}

#banner {
height: 130px;
margin: 0;
/*padding: 4px 0px 0 21px;*/
/*background: #fff;*/
}
#banner #info {
position: absolute;
top: 0; left: 208px;
width: 772px; height: 112px;
padding: 0 0 0 20px;
font: 12px/18px Helvetica, Arial, Verdana, sans-serif;
word-spacing: 1px;
color: #ccc;
background: #000;
}
#banner h2 {  /*for new logo*/
	margin: 0;
	text-indent: -9999px;
	width: 168px;
	height: 110px;
	background:  url(art/MAA-logo-x119.png) no-repeat 49px 10px;
}
#banner #info h1 {
float: left;
width: 240px;
font: 24px/28px helvetica, arial, verdana, sans-serif;
margin: 28px 0 .5em 0;
}
#banner #info p {
margin-top: 30px;
font: 12px/18px Helvetica, Arial, Verdana, sans-serif;
word-spacing: 1px;
color: #dcdcdc;
}
#left {
	position: absolute;
	top: 136px;
	left: 0px;
	width: 200px;
	padding: 22px 10px 10px;
	text-align: left;
}
#left.ctr {
	 margin-top: 16px;
	 text-align: center;
}

#left .item {
display: block;
padding: 5px 10px 10px 10px;
margin: 0;
font: 12px/17px Verdana, Helvetica, Arial, sans-serif;
text-align: left;
}
.item h1, .item h2, .item h3, .item h4, .item h5 {
font-family: Helvetica, Arial, Verdana, sans-serif;
	margin: 0 0 .3em 0;
	color: #036;
}
#left .item h3 {
font: bold 16px/19px Helvetica, Arial, Verdana, sans-serif;
margin: 0 0 1em 0;
padding: 0;
}
#left .item h4 {
font-weight: bold;
font-size: 1.2em;
color: #001381;
text-transform: uppercase;
margin: 0 0 2px;
}
#left .item h5 {
font-size: 1.2em;
color: #001381;
}
#left .item p {
margin-bottom: 1em;
}
#left .item p strong {
font-size: 1.12em;
}
#left .item p.indentpara, #left .item p.ind {
margin: 0;
text-indent: 1em;
}
#left .ruletop {
border-top: 5px solid #FFB6B2;
padding-top: 1em;
}

#fogle {
background: #ecdfd1 ;
padding: .7em .8em;
margin-top: 3em;
}

#main {
position: absolute;
top: 158px;
left: 244px;
width: 640px;
font: 12px/17px Verdana, Helvetica, Arial, sans-serif;
text-align: left;
}
#home #main {   /*for pix on right*/
width: 640px;
}
#home #main div.nopic {
clear: left;
width: 500px;
margin: 0;
}
#main td, #main td p {
font: 12px/16px Verdana, Helvetica, Arial, sans-serif;
}

#main p, #main blockquote, #main li, #main dl {
font: 12px/17px Verdana, Helvetica, Arial, sans-serif;
margin: 0 0 1em 0;
}
#main ul.nobull {
margin: 0;
padding: 0 2em;
list-style: none;
}
#main ul.nobull li {
margin-bottom: .5em
}
#main ul.nobull li strong {
font-weight: bold;
color: #700;
}

#main p.indentpara, #main p.ind {
margin: 0;
text-indent: 1.5em;
}
#main p.noind {
text-indent: 0;
margin: 0;
}
#main p.first {
text-indent: 0;
margin: 0;
}
#main .intro {
margin: 0 0 1em;
font-size: 1.18em;
line-height: 1.45em;
}
#main p.click {
color:#900;
font-style: italic;
font-weight:bold;
text-align: center;
margin: 1.5em 0 2em;
padding: 2px 0;
background: #FAE5D9;
}
small {
font-size: .8em
}
.red, #main .red {
color: #800;
}

#main .ltr {
	letter-spacing: 1px;
	word-spacing: 1px;
	text-transform: uppercase;
	font-size: .8em;
	font-weight: bold;
	color: #600;
}

blockquote {
margin: .75em 4em;
}
#main img {
border: 1px solid #666;
}
#main .caption, #main p.caption {
font: 10px/15px Verdana, Helvetica, Arial, sans-serif;
margin: .5em 0 1em 0;
}
#main .caption2, #main p.caption2 {
font: 12px/17px Verdana, Helvetica, Arial, sans-serif;
margin: 0 0 1em 0px;
padding: .5em 0 .3em;
background: #ddd;
border: 1px solid #666;
border-top: 0;
}
.LeftcolCaption {
font: 10px/12px Verdana, Helvetica, Arial, sans-serif;
margin: .5em 0 0 12px;
padding-right: 6px;
text-align: left;
}

#main h1, #main h2, #main h3, #main h4, #main h5,
#home #main h1, #home  h2, #home  h3, #home  h4, #home  h5 {
font-family: helvetica, arial, verdana, sans-serif;
font-weight: bold;
line-height: 1.2em;
color: #000;
margin: 0 0 .25em 0;
}
#main h1 {font-size: 24px;
margin-top: .5em;
}

#main h2 {font-size: 21px}

#home  #main h2 {
font-size: 19px;
line-height: 22px;
margin: 0 0 6px;
}
#home #main h3 {
clear: both;
line-height: 1.25;
margin: 3em 0 6px;
font-size: 17px;
padding: 1px 0 2px;
}
#main h4 {font-size: 16px}

#main h5 {font-size: 14px}

#home #main h5, #home em {
font-family: arial, helvetica, sans-serif;
font-size: 1.2em;
font-style: normal;
color: #800;
}
#home #main em {
font-weight: bold;
color: #333;
}
#home #main small {
color: #680007
}
#home #main strong { color: #444 }

/* sidebar on homepage */
#left p.smallink {
font-weight:normal;
font-size: .9em;
margin: 3em 0 2em 5px;
}
#left p.smallink a {
font-weight:normal;
}


#main h6 {
font-size: 13px;
margin: 1.5em 0 .25em 0;
}
.artist {	/* artist name in heds */
font-size: 1.15em;
color: #800;
padding-right: .5em;
}

.blk { color: #000 }
.white { color: #fff; font-weight: bold; }

#main .top { margin-top: 0 }


/* mainly for floating pix on homepage */

.lt, img.lt {
float: left;
display:inline;
margin-right: 15px;
}
.rt, img.rt {
float: right;
display:inline;
margin-left: 15px;
}

/* ================= */

.spacer {
clear:both;
height: 2px;
line-height: 2px;
padding:0;
margin: 0;
}

.ctr {
text-align:center;
}
#main p.dots {
font-family: times, 'times new roman';
font-size: 4em;
letter-spacing: .9em;
color: #ff9593;
margin-bottom: 0;
text-align: center;
}
/* Set 2 cols using def list - need to customize depending on width of measure */
dl {
clear: both;
height: 11.5em;   /* because of floats */
font: 12px/17px Verdana, Helvetica, Arial, sans-serif;
margin: 1em 0 30px 0;
padding: 0;
}
dt {
clear: left;
float: left;
display: inline;
font-weight: bold;
width: 36%;
text-align: right;
}
dd {
float: left;
display: inline;
margin-bottom: .5em;
width: 42%;
margin-left: 12px;  /* This has to be px for IE Win! */
}


#HighlightBlock, #HighlightBlock-sidebar {
display:block;
text-align:center;
background: #dcdcdc;
padding: 8px 16px 3px;
margin: .5em 0 30px 0;
border: 1px solid #900;
}
#HighlightBlock-sidebar {
	width:  70%;
	background: #fff1ef;
	margin: .15em 0 2em 17px;
}
#HighlightBlock h3 {
font: bold italic 18px/1 georgia, 'times new roman', times, serif;
margin: 0;
}

#HighlightBlock p {
font: 13px/16px  verdana, arial, helvetica, sans-serif;
}

div.hilite {
background: #d9d9d9;
padding: 1.3em 3em .3em 1.5em;
margin: 0;
border: 1px solid #666;
}
#home #main div.hilite h3 {
font: bold italic 18px/1.1  helvetica, arial,  sans-serif;
margin: 0 0 1em;
text-align: center;
}
#main div.hilite p {
font: 13px/1.4  verdana, arial, helvetica, sans-serif
}


#credit {
display:block;
font: 11px/18px Verdana, Helvetica, Arial, sans-serif;
text-align: center;
background: #CCF;
padding: 1px;
margin: 48px 0;
}

#banner a { border-style: none; }

/*text links*/

.item a {
font-weight: bold;
}

a:link {
color: #c00;
text-decoration: none;
border-bottom: 1px dotted #c00;
}
a:visited {
color: #900;
text-decoration: none;
border-bottom: 1px dotted #c00;
}
a:hover {
color: #f00;
text-decoration: none;
border-bottom: 1px solid #f00;
}
a:active {
color: #009;
text-decoration: none;
border-bottom: 1px solid #009;
}

/*navbar at top*/
div#navbar {
	position: absolute;
	z-index: 500;
	top: 112px;
	left: 0px;
	width: 988px;
	font: bold 11px/14px Verdana, Helvetica, Arial, sans-serif;
	color: #fff;
	text-align: center;
	padding: 6px;
	background-color: #C00;
}

#navbar a:link, #navbar a:visited {
color: #fff;
text-decoration: none;
border: none;
display: inline;
margin: 4px 5px 0 5px;
}
#navbar a:hover, #navbar a.current {
text-decoration: none;
border-bottom: solid #fff 3px;
color: #fff;
}
#navbar a:active {
color: #C00;
text-decoration: none;
border-bottom: none;
background-color: #fff;
}

/*side nav for About pages with sidebar navs*/
.About #left a {
display:block;
font: bold 11px/28px Verdana, Helvetica, Arial, sans-serif;
color: #c00;
text-align: right;
padding-right: 12px;
text-decoration: none;
border-bottom: 1px dotted #c00;
}
.About #left a:visited {
color: #900;
text-decoration: none;
border-bottom: 1px dotted #c00;
}
.About #left a:hover, .About #left a.current  {
color: #f00;
text-decoration: none;
background: #ececec;
border-bottom: 1px solid #f00;
}
.About #left a:active {
color: #009;
text-decoration: none;
border-bottom: 1px solid #009;
}


/* For HOME page - also mixed in above */

#home small {
color: #800;
}
.gallery {
color: #800;
font-size: .86em;
}
#main p.down6 {
margin-top: 6em
}
#main p.quote {
font-style:italic;
font-weight: bold;
color: #555;
line-height: 1.45;
}
#home .spacer {
height: 14px;
}
#home #main p.caption2 {
border: none;
}



/* For EVENTS and Galleries page  */

#Events #main {
width: 520px;
}
#Events #main td {
border-bottom: 2px solid #fff;
padding: 6px 0;
vertical-align:top;
font: 12px/16px Verdana, Helvetica, Arial, sans-serif;
}
#Events #main td p {
font: 12px/16px Verdana, Helvetica, Arial, sans-serif;
margin: 0;
}
#Events #main td p.ind {
text-indent: 1em;
}

#Events #main td.date {
font: bold 12px/18px arial, verdana, helvetica, sans-serif;
}
#Events #main td.norule {
border-bottom: none;
padding-bottom: 24px;
}
#Events #main td em {
font-size: 15px;
font-style: normal;
color: #933;
}

#Events #main td h5 {
font: bold 15px/20px arial, verdana, helvetica, sans-serif;
margin: 0 0 .5em 0;
}

#Events #main td.dark {
border-bottom: 2px solid #666;
}
#main h3.month, #Events #main td.month {
font-size: 11px; text-align: center;
font-weight: bold;
background: #800; color: #fff;
padding: 2px 0;
text-transform: uppercase;
letter-spacing: 1px;
border: none;
}
#main h3.month {
background: #000;
clear: both;
margin: 1.5em 0 0;
}


/* King Hooper events */

#Events #main {
padding-bottom: 5em;
}
.king {
font-weight: bold;
color: #900;
padding-right: .2em;
text-transform: uppercase;
}
#Events #main td {
font-style: normal;
margin: 3px 0;
border-bottom: none;
}
#Events #main td h5 {
margin-bottom: 3px;
}
#Events #main td h5 {
line-height: 1.3;
}
#Events #main td.month {
background: #650000;
}
#Events #main td.date em {
color: #650000;
}
#Events #main td .genre {
font-weight: normal;
font-style: italic;
font-size: .88em;
line-height: 1.3;
}



/* Exhibits on Galleries page */

#Exhibits {
border: 1px solid #aaa;
padding: 10px;
background: #fff;
margin-bottom: 3em;
}

#main #Exhibits h5 {
background: #ddd;
font: bold 14px/18px  arial, helvetica, verdana, sans-serif;
padding: 1px 0 1px 3px;
margin: 2em 0 .5em;
clear: left;
}
#Exhibits h6 {
font: bold 13px/18px  arial, helvetica, verdana, sans-serif;
margin: 0 0 .25em;
color: #333;
}

.recep {
font: bold 12px/18px  arial, helvetica, verdana, sans-serif;
color: #800;
padding-left: 2em;
}
#Exhibits p.gal {
margin: 1em 0 0 0;
font-style: italic;
}
#Exhibits p {
margin: 0 0 .5em 0;
}
#Exhibits .left {
float:left;
width: 250px;
margin-bottom: 1.5em;
}
#Exhibits .rt {
float:left;
width: 230px;
margin-left: 10px;
margin-bottom: 1.5em;
}