/* positional/structural stylesheet for flushing town hall */
/* structural elements */
#container { border:1px solid #222; width:798px; margin:10px auto;}
#content { width:722px; margin: 35px auto 10px auto; background-repeat:no-repeat;background-position:bottom left;}
#main {width:722px; background-color:#ffffff;margin: 1px 0px 0px 0px;
			background-repeat:no-repeat;background-position:bottom left;clear:both;min-height:625px;}
#navBar {width:722px; border: 0px; border-collapse: collapse; padding: 0px;}
/* using tables, not divs */
#logoBox { width: 128px; height: 144px; background-color: #c00; text-align:center; vertical-align:bottom;}
#subNav { width: 128px; height: 144px; border-left: solid 1px #050505;text-align:center;}
#subNav IMG { margin: 4px 0px;}
#headerImg {width:468px; height: 144px; padding: 0px; margin: 0px;border-left: solid 1px #050505;background-position:bottom right;background-repeat: no-repeat;}
#logoText { width: 170px;padding: 4px;text-align:left;}
#hNav { width: 570px; margin: 4px; text-align: right;}
#hNav IMG { margin-left: 14px;}
#mainPageContent {float:left;width:320px;color:#fff;margin:0px 16px 0px 0px;}
/* styles for home and about Main pages */
.siteMain {;background-repeat:no-repeat;background-position:bottom left;}
.siteMain #content {margin: 0px auto 10px auto;}
.siteMain #navBar {margin: 31px 0px 14px 0px;}
.siteMain #hNav IMG {margin-left: 8px;}
.siteMain #headerImage {width:380px; height: 196px; padding: 0px; margin: 0px;border-left: solid 1px #050505;}
.siteMain #logoBox { width:170px; height: 196px; background-color: #c00; text-align:center; vertical-align:bottom;}
.siteMain #subNav { width:172px; height: 196px; background-color:#9D95D0;border-left: solid 1px #050505; text-align:left;vertical-align:top;}
.siteMain #subNav IMG { margin: 0px; border:0px;}
.siteMain #subNav ul {list-style:none;padding: 0px;margin:14px 0px 0px 0px;width:140px;}
.siteMain #subNav li {list-style:none;padding: 2px 4px;margin:0px;}

#mainPageContent .homePage {font-size: 1.2em;}
.homePage em {font-size: 1.2em;font-style:normal;}
#homeTout {font: 1.2em Trebuchet,"Trebuchet MS",Verdana; color:#333; width:364px; margin: 4px 8px;}
#homeTout h1 {font: 1.2em Trebuchet,"Trebuchet MS",Verdana; font-weight:bold;margin: 4px 0px;}
#mainPageDirections {float:left; width:364px;margin:0px 10px;color:#fff;font-size:0.95em;}
#mainPageInfo {float:left; width:132px;color: #fff;font-size:0.95em;}
#mainPageInfo IMG {border: 1px solid #fff;}

#langs ul {list-style:none;display:inline;margin:0px;padding: 0px;}
#langs li {padding: 8px 8px 0px 0px; display:inline;}

/* for Internet Explorer */
/*\*/
* html .section {height: 625px;}
* html #main {height: 625px;}
/**/

.subhome{background-color:#9D95D0;}
.subevents{background-color:#9C95CF;}
.subeducation{background-color:#FFA220;}
.subvisiting{background-color:#F1BD21;}
.subrentals{background-color:#330099;}
.submember{background-color:#226295;}
.subabout{background-color:#7D7670;}

.bgevents{background-image:url(/imgs/eventsBG.jpg);}
.bgeducation{background-image:url(/imgs/educationBG.jpg);}
.bgvisiting{background-image:url(/imgs/visitingBG.jpg);}
.bgrentals{background-image:url(/imgs/rentalsBG.jpg);}
.bgmember{background-image:url(/imgs/memberBG.jpg);}
.bgabout{background-image:url(/imgs/rentalsBG.jpg);}

#utilLinks {clear:both; margin: 10px 0px 0px 343px; font-size:.8em;list-style:none;color: #c00;}
#utilLinks li {padding: 0px 4px 0px 0px; margin:0px 0px; display: inline;}
.siteMain #utilLinks {float:left;clear:none;margin:8px 0px 4px 0px;width:360px;}
.aboutPage #utilLinks {float:left;clear:none;margin:38px 0px 0px 0px;width:360px;}
/* specific sections */
.buynow { margin: 0px 8px 8px 0px;}
.members ul {margin: 4px 0px 8px 0px;}
.smithsonian {float:left;width:343px;margin:0px 0px 4px 0px;}
.smithsonian IMG {float:left;}
.smithsonian a{font-weight:bold;}
.eventImages IMG{margin: 0px 8px 0px 0px;vertical-align:bottom;}
#emailSignup { float:left;border-top: 1px solid #666; margin: 10px 0px;  font-family:Arial;
				padding: 10px 0px; width: 120px; font-size: 0.95em;line-height:1.6em;}
.emailInput { font: 1em Arial; color: #333; width: 86px;}