/* basic stylesheet for flushing town hall */

/* standard styles for all pages */
BODY { background-color: #050505; margin:10px 10px;
		font: 12px Arial; color:#333; line-height: 1.3em; 
	}
.txt, TD {font: 12px Arial; color:#333; line-height: 1.3em;}
/* link styles*/
a, a:link, a:visited { color: #c00; text-decoration:none;}
a:hover {color: #c00; text-decoration: underline;}

/* header styles */
h1, .header1 { font: bold 1.4em Arial; color:#333; margin: 4px 0px 8px 0px;}
h2, .header2 { font: bold 1.2em Arial; color:#333; margin: 12px 0px 10px 0px;}
h3, .header3 { font: bold 1em Arial; color:#333; margin: 4px 0px 4px 0px;}
.siteMain h3, .siteMain .header3, .smithsonian .header3 { font: bold 1em Arial; color:#8C8CA9; margin: 8px 0px 2px 0px;}
/* other text styles */
.text {font: 1em Arial; color: #333;}
.textfff { font: 1em Arial; color: #fff;}
.smCaps {font-variant:small-caps;}

.sectionNav { float:left;width: 136px;list-style:none;padding: 4px 4px 4px 12px; font: bold 1.05em Trebuchet MS, Trebuchet, Verdana;color:#666;margin: 36px 0px;}
.sectionNav ul {list-style:none; margin:0px; padding: 0px;}
.sectionNav li {margin:0px 0px 0px 0px; padding: 0px 0px 8px 4px;}
.subOn a, .subOn a:link, .subOn a:visited, .subOn a:hover {color: #666; text-decoration:none;}
.section {float: left; display:block; width:544px;margin:8px 0px 0px 8px;min-height:625px;}
.section IMG { border: 1px solid #D1D5D8;}
.section a, .vColumn a {font-weight:bold;}
/* breaks and rules */
.break {clear:both;height: 20px;}
.breakleft {clear:left;height: 10px;}
.breaksm{clear:both;height:1px;font-size:1px;}
.cl{clear:left;}
.hr {clear:both; height:10px; margin:0px 0px 10px 0px; border-bottom: 1px solid #d9d9d9;}
.hrE { clear:both;height:1px;position:relative;left:-16px; border-top: 1px solid #d9d9d9;width:548px;margin:0px;padding:0px;font:1px arial;}
.hrF {height:1px; position:relative;left: -16px; border-bottom: 1px solid #d9d9d9;width:406px;margin: 0px -10px 0px 0px;}

/* images */
.leftRectImg {  float:left; width:280px; margin: 6px 10px 10px 0px;}
.img1 { float:right; width:140px; margin: 0px 0px 12px 16px; font-size: 0.8em;display:inline;}
.img2 { float:left; width:138px; margin: 10px 8px 10px 0px;}
.img3 { float:left; width:138px; margin: 10px 0px 10px 10px;}
.img4 {float:left;width:90px; margin:10px -10px 10px 0px; vertical-align:bottom;}
.img4 IMG {border:0px;}

/*columnar formats */
.vColumn {float:left;width:120px;margin: 0px 0px 8px 8px;color: #fff; font-size:.95em;}
.vColumn IMG { border: 1px solid #fff; margin: 0px 0px 12px 0px;}

/* horizontal */
.hItem {clear:both; margin: 0px 10px 2px 0px;}
.hItemImg { float: left; width:104px; border: 0px; margin: 2px 10px 0px 0px}
.hItemContent { float: left; width: 412px; margin: 0px 0px 0px 0px; padding: 0px;}
.hItem H2, .hItem .header2 { margin: 0px 0px 4px 0px;}

.links ul {list-style:none;margin:4px 0px;padding:0px;}
.links li {list-style:none; padding: 2px 0px;}


/* events styles */
.eventBox {margin: 10px 0px 10px 0px; border: 1px solid #D9D9D9; background-color:#E6E6F2;padding: 12px 16px;
			color: #494949;}
.eventBox em {color: #c00; padding: 0px 4px;}
.eventTable {clear:both;position: relative; top: 0px; left: -16px; width:548px;}
.eventListing {clear:both;width:536px; padding:6px 0px;}
.keyItem {float:left;width:220px;}
.nextMonth {padding: 12px 0px 12px 16px;}
.allEvents {float:right; font-weight: bold;font-size: 1.1em; margin: 6px 0px 0px 0px;}
/*
moved to position.css
.eventListingDate { float: left; width:74px; font-weight: bold; font-size:0.95em;margin: 0px;padding:1px 0px;}
.eventListingIcon {float:left; width: 10px;height:10px;margin: 2px 4px;font-size:1px;}
.eventListingIconRed {float:left; width: 10px;height:10px;margin: 3px 4px;background-color:#c00;font-size:1px;}
.eventListingIconGray {float:left; width: 10px;height:10px;margin: 3px 4px;background-color:#666;font-size:1px;}
.eventListingIconBlue {float:left; width: 10px;height:10px;margin: 3px 4px;background-color:#00c;font-size:1px;}
.eventListingIconYellow {float:left; width: 10px;height:10px;margin: 3px 4px;background-color:#ff6;font-size:1px;}
.eventListingDesc { float: left; width:322px; font-size: 0.95em; margin:0px 10px;display:inline;padding:1px;}
.eventListingImg {float:left; width: 90px; margin: 20px 0px 10px 0px;}
*/
/*new for aligning the logos */
.eventListingDate { display:table-cell;display:inline-block;width:74px; font-weight: bold; font-size:0.95em;margin: 0px;padding:1px 0px;vertical-align:top;}
.eventListingIcon {display:table-cell;display:inline-block;width:10px;height:10px;padding: 2px 4px;font-size:1px;vertical-align:top;}
.eventListingIconRed {display:inline-block;width: 10px;height:10px;margin: 3px 0px;background-color:#c00;font-size:1px;vertical-align:top;}
.eventListingIconGray {display:inline-block; width: 10px;height:10px;margin: 3px 0px;background-color:#666;font-size:1px;vertical-align:top;}
.eventListingIconBlue {display:inline-block; width: 10px;height:10px;margin: 3px 0px;background-color:#00c;font-size:1px;vertical-align:top;}
.eventListingDesc { display:table-cell;display:inline-block;width:322px; font-size: 0.95em; margin:0px 10px;padding:1px;}
.eventListingImg {display:table-cell;display:inline-block;vertical-align:bottom;padding: 0px;}
/**html .eventListingDate {display:inline-block;}
*html .eventListingIcon {display:inline-block;}
*html .eventListingDesc {display:inline-block;}
*html .eventListingImg {display:inline-block;}
*/
.eventListingImg IMG {border: 0px;}
.eventListingKey {float:left;color:#333;width:242px;margin:0px 0px 0px 8px;font-size:0.95em;}
.mainCatItem {margin: 10px 0px 2px 0px;} 
.mainCatImage { float:left; margin: 16px 10px 10px 0px; width: 139px;}
.mainCatInfo { float: left;font-weight:bold; font-size: 1.1em; width:390px; margin:14px 0px;}
.mainCatDesc {display:table-cell;display:inline-block;font-weight: normal; font-size:0.9em; margin: 12px 0px;}
.mainCatDescShort {display:table-cell;display:inline-block;font-weight: normal; font-size:0.9em; margin: 12px 0px;width:280px;}
.mainCatDescSponsor {float:left; width: 270px; font-weight: normal; font-size:0.9em; margin: 12px 0px;}
.mainCatSponsor {display:table-cell;display:inline-block;width:89px; margin: 12px 0px 8px 10px;vertical-align:bottom;}
.mainCatSponsor IMG {border:0px;}
.eventRightSideBar{float:right;margin:0px 0px 10px 10px;border:1px solid #d9d9d9;padding:4px 8px 40px 8px;width:120px;}
.eventRightSideBar ul {margin:0px; padding:0px; list-style:none;}
.eventRightSideBar li {margin:0px; padding: 4px 0px; list-style:none;}
.eventColumn {width:392px;float:left;}
.festivalListing {clear: left;width:373px; margin: 10px 0px;}
.festivalListingDesc {float: left; width:280px; font-size: 0.95em; margin:0px 0px 0px 10px;}
.exhibitImg {float: left; width:148px; margin: 16px 16px 0px 0px; font-size:.9em;}
.exhibitImg em {font-size:1.1em; font-weight:bold;}
.exhibitImg IMG {margin: 0px 0px 8px 0px;}
.download {width:240px;vertical-align:bottom;padding:0px;}
.download IMG {border: 0px;}


.pageNav ul{list-style: none; margin:0px;padding:0px;}
.pageNav li {list-style:none; display:inline; margin:0px; padding: 0px 8px 0px 0px; font-weight:bold;}