@import "baseline.css";  /* GET ALL BROWSERS MARCHING IN STEP */

			body {
				margin: 0;
				height: 100%;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 11px;
			}
			h4 {font-weight: bold; font-size: 1em; margin: 1.3em 0;}
			
			div#wrapper {
				width: 800px;
				margin: 0 auto;
				padding: 0;
			}
			
/* -- BG STYLING DEPENDING ON BODY ID AND CLASS -- */
			
			body#generic div#wrapper {background: url(../images/body-bg-generic.png) center repeat-y;}
			body#architects div#wrapper {background: url(../images/body-bg-architects-w-content.png) center repeat-y;}
			body#announce div#wrapper {background: url(../images/body-bg-announce-w-content.png) center repeat-y;}
			body#bookstore div#wrapper {background: url(../images/body-bg-bookstore-w-content.png) center repeat-y;}
			body#aiastl div#wrapper {background: url(../images/body-bg-aiastl-w-content.png) center repeat-y;}
			body#members div#wrapper {background: url(../images/body-bg-members-w-content.png) center repeat-y;}
			body#want div#wrapper {background: url(../images/body-bg-wantto-w-content.png) center repeat-y;}
			
			body#architects.main div#wrapper,
			body#architects.full div#wrapper {background: url(../images/body-bg-architects.png) center repeat-y;}
			body#announce.main div#wrapper,
			body#announce.full div#wrapper {background: url(../images/body-bg-announce.png) center repeat-y;}
			body#bookstore.main div#wrapper,
			body#bookstore.full div#wrapper {background: url(../images/body-bg-bookstore.png) center repeat-y;}
			body#aiastl.main div#wrapper,
			body#aiastl.full div#wrapper {background: url(../images/body-bg-aiastl.png) center repeat-y;}
			body#members.main div#wrapper,
			body#members.full div#wrapper {background: url(../images/body-bg-members.png) center repeat-y;}
			body#want.main div#wrapper, 
			body#want.full div#wrapper {background: url(../images/body-bg-wantto.png) center repeat-y;}

			body#aiastl.cal div#wrapper {background: url(../images/body-bg-aiastl.png) center repeat-y;}
			body#architects.cal div#wrapper {background: url(../images/body-bg-architects.png) center repeat-y;}


/* -- END BG STYLING -- */			

			p {
				margin: 1.5em 0;
				line-height: 1.3em;
			}
			hr.divider {
				height: 0; 
				width 0; 
				display: none;
			}
			hr.normal	{
				height: 1;
			}
			
/* -- HEADER -- */
			
			div#header {
				height: 150px;
				width: 100%;
				background: #fff;
			}
			body.full div#header {
				width: 640px;
				float: right;
				margin: 0 0 0 -3px;
				background: none;
			}
			img#logo {
				position: relative;
				top: 35px;
				left: 40px;
			}
			div#masthead {
				display: block;
				width: 455px;
				height: 39px;
				position: relative;
				top: 14px;
				left: 175px;			
			}
			div#masthead span.address {
				display: block;
				padding-left: 3px;
				color: #5e5e5e;
			}
			div#masthead span.address a {
				text-decoration: none;
				font-weight: bold;
				color: #cfd1c4;
			}
			
			/* PAGES W/O FULL HEADER */
			div#solologo {
				width: 100%; 
				height: 150px; 
				background: #fff;
			}
			/* END PAGES W/O FULL HEADER */

/* -- END HEADER -- */			


/* -- BEGIN "I WANT TO..." BAR -- */
						
			ul#wantTo {
				width: 800px;
				height: 25px;
				background: #fff;
			}
			ul#wantTo li {
				display: block;
				position: relative;
				float: left;
				width: 145px;
				padding: 7px;
				font-size: 10px;
				text-align: center;
				border: 1px solid #bbb;
				border-left: none;
			}

			ul#wantTo li a {
				display: block;
				text-align: center;
				text-decoration: none;
				color: #888;
			}
			ul#wantTo li.navlabel {
				width: 144px;
				color: #888;
				border-left: 1px solid #bbb;
			}
			ul#wantTo li ul li {
				padding: 0; 
				margin: 0;
				border: 0;
				width: 159px;
			}
			ul#wantTo li ul {
				display: none;
				position: absolute;
				top: 44px;
				background: #FFFFFF;
				padding-top: 10px;
				padding-bottom: 10px;
				left: 0;
				width: 159px;
				z-index: 10;
			}
			ul#wantTo li ul li a {
				display: block;
				width: 130px;
				color: #868665;
				text-decoration: none;
				padding: 0 7px;
				margin-bottom: 5px;
				font-style: italic;
				text-align: left;
				z-index: 10;
			}
			ul#wantTo>li ul li a {   /* Gives proper "padding" to FF and Safari */
				margin-left: 7px;
				line-height: 1.25em;
			}
			*+html ul#wantTo>li ul li a {  /* Gives proper "padding" to IE7 */
				margin-left: 0;
				line-height: 1.25em;
			}
			ul#wantTo li.over ul li a:hover {
				background-color: #d6d8a7;
				font-style: normal;
				line-height: 1.25em;
			}
			ul#wantTo li.over {
				padding-top: 27px;
				margin-top: -20px;
				margin-left: -1px;
				border-left: 1px solid #bbb;
				line-height: 1.25em;
			}
			ul#wantTo li.over ul {
				display: block;
			}
			ul#wantTo li.on {
				padding-top: 27px;
				margin-top: -20px;
				margin-left: -1px;
				border-left: 1px solid #bbb;
				line-height: 1.25em;
			}



/* -- END "I WANT TO..." BAR -- */

/* -- SIDEBAR -- */

			div#sidebar {
				clear: left;
				float: left;
				width: 160px;
				margin: 0;
			}
			div#sidebar a {
				text-decoration: none; 
				font-weight: bold;
			}
			div#sidebar a:hover, 
			body#architects li#architects a,
			body#announce li#announce a,
			body#bookstore li#bookstore a,
			body#aiastl li#aiastl a,
			body#members li#members a,
			body#members form#sidelogin a {color: #fff;}
			
			body#architects div#content a {font-weight: bold; text-decoration: none; color: #c0c288;}
			body#announce div#content a {font-weight: bold; text-decoration: none; color: #5a5b5d;}
			body#bookstore div#content a {font-weight: bold; text-decoration: none; color: #c0c288;}
			body#aiastl div#content a {font-weight: bold; text-decoration: none; color: #5a5b5d;}
			body#members div#content a {font-weight: bold; text-decoration: none; color: #c0c288;}
			body#want div#content a {font-weight: bold; text-decoration: none; color: #5a5b5d;}
			
			ul#sidenav {
				width: 100%;
			}
			ul#sidenav li {
				padding: 13px;
				text-align: center;
			}
			li#architects, li#architects a {background: #066; color: #99c2c2;}
			li#announce, li#announce a {background: #9fa42f; color: #d9dbac;}
			li#bookstore, li#bookstore a {background: #a43421; color: #dbaea6;}
			li#aiastl, li#aiastl a {background: #e1962f; color: #f3d5ac;}
			form#sidelogin {
				width: 100%;
				background: #633;
				text-align: center;
				color: #c2adad;
				padding: 13px 0;
			}
			form#sidelogin label {
				line-height: 3em;
			}
			form#sidelogin a {color: #c2adad;}
			form#sidelogin input {
				border: 1px solid #c2adad;
				background: #633;
				font-size: 10px;
				color: #c2adad;
				margin: 10px auto 0;
				width: 140px;
				padding: 2px;
				
			}
			form#sidelogin input.hidden {
				display: none;
			}
			form#sidelogin input.submit {
				width: 60px;
				padding: 0px;
				font-size: 9px;
				font-weight: bold;
			}
			form#sidelogin span {
				padding: 10px 10px 0;
				display: none;
			}
			div#snapshot {
				width: auto;
				padding:  5px 10px;
				background: #6d6e70;
			}
			div#snapshot h4, div#snapshot h5 {
				color: #fff; 
				font-weight: bold; 
				font-size: 12px; 
				line-height: 2em;
			}
			div#snapshot h5 {font-size: 11px; line-height: 1.3em;}
			div#snapshot p {
				color: #cc9;
				line-height: 1.3em;
				margin: 0 0 1.5em 0;
			}
			.snapshotA:link	{
				color:	#cc9;
				text-decoration: none;
				}
			.snapshotA:visited	{
				color:	#cc9;
				text-decoration: none;
				}
			.snapshotA:active	{
				color:	#cc9;
				text-decoration: none;
				}
			.newsA:link	{
				color:	#fff;
				text-decoration: none;
				}
			.newsA:visited	{
				color:	#fff;
				text-decoration: none;
				}
			.newsA:active	{
				color:	#fff;
				text-decoration: none;
				}
			
		
/* -- END SIDEBAR -- */	
	
			div#main {
				height: 100%;
				display: inline;
			}
			ul#contextnav {
				width: 154px;
				float: left;
				color: #fff;
				margin-top: 20px;
				margin-left: 5px;
				padding-left; 5px;
				line-height: 1.25em;
			}
			ul#contextnav li {
				margin-bottom: 5px;
				overflow: hidden;
			}
			ul#contextnav li a {
				padding: 0 5px;
				display: block;
				width: 144px;
				text-decoration: none;
				color: #fff;
				font-style: italic;
				line-height: 1.25em;
			}
			ul#contextnav li a:hover {
				font-style: normal;
				line-height: 1.25em;
			}
			ul#contextnav li a.active {
				font-style: normal;
			}
			div#content {
				height: 100%;
				width: 311px;
				padding: 15px 5px 5px;
				float: left;
				color: #fff;
			}
			div#content2 {
				height: 100%;
				width: 350px;
				padding: 21px 5px 5px;
				float: left;
				color: #fff;
			}

/* -- SECTION SPECIFIC BG COLORS -- */

			body#generic div#content, body#generic ul#contextnav li a:hover, 
			body#generic ul#contextnav li a.active {background-color: transparent;}
			
			body#architects div#content, body#architects ul#contextnav li a:hover, 
			body#architects ul#contextnav li a.active {background-color: #338585;}
			
			body#announce div#content, body#announce ul#contextnav li a:hover, 
			body#announce ul#contextnav li a.active {background-color: #b2b658;}
			
			body#bookstore div#content, body#bookstore ul#contextnav li a:hover, 
			body#bookstore ul#contextnav li a.active {background-color: #b65d4e;}
			
			body#aiastl div#content, body#aiastl ul#contextnav li a:hover, 
			body#aiastl ul#contextnav li a.active {background-color: #e7ab58;}
			
			body#members div#content, body#members ul#contextnav li a:hover, 
			body#members ul#contextnav li a.active {background-color: #7c4e4e;}
			
			body#want div#content, body#want ul#contextnav li a:hover, 
			body#want ul#contextnav li a.active {background-color: #abad82;}

/* -- END SECTION SPECIFIC BG COLORS -- */

/* -- UPCOMING BOX -- */
			
			div#news {
				width: 120px;
				float: right;
				color: #fff;
				padding: 0 15px;
				height: 225px;
				/*overflow: hidden;*/				
			}
			div#news h4 {
				color: #fff;
				font-size: 1.05em;
				font-weight: bold;
				margin: 1.5em 0 0 0; 
			}
			div#news p {
				margin-top: 0.5em;	
			}
			div#news span.next {
				font-weight: bold;
				color: #fff;
				font-size: 14px;
				display: block;
				text-align: right;
			}
			body#generic div#news {
				color: #555;
			}
			
/* -- END UPCOMING BOX -- */
			
/* -- PRE FOOTER DRAWINGS -- */
			
			img#footerdrawing {
				float: right;
				margin: 73px 0 0 -3px;
			}
			* html img#footerdrawing {
				margin-top: 79px;
			}
			*+html img#footerdrawing {
				margin-top: 80px;
			}

/* -- END PRE FOOTER DRAWINGS -- */
		
/* -- FOOTER -- */
			
			div#footer {
				clear: both; 
				text-align: center; 
				background: #444; 
				color: #888; 
				padding: 4px;
			}
			
/* -- END FOOTER -- */

/* -- CALENDAR -- */

			table#calendar {
				clear: right;
				position: relative;
				left: -5px;
				border: 0;
				width: 350px;
				float: left;
				background: #E1962F;
			}
			table#archCalendar {
				clear: right;
				position: relative;
				left: -5px;
				border: 0;
				width: 350px;
				float: left;
				background: #006666;
			}
			table#year {
				width: 100%;
				margin-bottom: 10px;
			}
			tr.months {
				height: auto;
				border: 0;		
			}
			tr.months a {
				display: block;
				height: 100%;
				width: 100%;
				text-align: center; 
				text-decoration: none;
				color: #fff;
				font-size: 9px; 
				font-style: italic;
				padding: 30px 0 3px 0;
			}
			tr.archMonths a {
				display: block;
				height: 100%;
				width: 100%;
				text-align: center; 
				text-decoration: none;
				color: #fff;
				font-size: 9px; 
				font-style: italic;
				padding: 30px 0 3px 0;
			}
			tr.months a.otheryear {
				color: #f9ce9b;
			}
			tr.months a:hover, tr.months a.active {
				background: #e7ab58;
			}
			tr.archMonths a:hover, tr.archMonths a.active {
				background: #338585;
			}
			div.yearend, div.yearbegin {
				width: 22px;
				height: 12px;
				position: absolute;
				top: auto;
				left: auto;
				margin-top: -35px;
				z-index: 1;
				text-align: center;
				border-right: 0px solid #777;
				color: #fff;
			}
			div.archYearend, div.archYearbegin {
				width: 22px;
				height: 12px;
				position: absolute;
				top: auto;
				left: auto;
				margin-top: -35px;
				z-index: 1;
				text-align: center;
				border-right: 0px solid #777;
				color: #fff;
			}

			div.archYearbegin {border: 0; color: #338585;}
			div.yearbegin {border: 0; color: #f9ce9b;}
			tr.week td {
				text-align: right; 
				border: 1px solid #fff; 
				color: #fff; 
				padding: 2px; 
				height: 40px; 
				background: #e7ab58;
				width: 13%;
				vertical-align: top;
			}
			tr.archWeek td {
				text-align: right; 
				border: 1px solid #fff; 
				color: #fff; 
				padding: 2px; 
				height: 40px; 
				background: #338585;
				width: 13%;
				vertical-align: top;
			}
			tr.week th {
				color:#fff;
				background: none;
				height: 20px;
				border: 1px solid #fff;
				width: 13%;
				padding:3px 0 0 3px;
			}
			tr.archWeek th {
				color:#fff;
				background: none;
				height: 20px;
				border: 1px solid #fff;
				width: 13%;
				padding:3px 0 0 3px;	
			}
			tr.week th.blank {
				border: none;
			}
			tr.week td.selectweek {
				background: none;
				width: auto;
			}
			tr.week td a {
				text-decoration: none;
				color: #fff;
				width: 100%;
				height: 22px;
				display: block;
				text-align: right;
			}
			tr.archWeek td a {
				text-decoration: none;
				color: #fff;
				width: 100%;
				height: 22px;
				display: block;
				text-align: right;
			}
			tr.week td span {
				text-decoration: none;
				color: #fff;
				width: 100%;
				height: 22px;
				display: block;
				text-align: right;
			}
			tr.archWeek td span {
				text-decoration: none;
				color: #fff;
				width: 100%;
				height: 22px;
				display: block;
				text-align: right;
			}
			
			input.archCalendar {
				color: #FFFFFF;
				border: 1px solid #FFFFFF;
				background-color:#338585;
			}
			
			input.calendar {
				color: #FFFFFF;
				border: 1px solid #FFFFFF;
				background-color:#e7ab58;
			}
			
			td#legendlabel {
				padding: 2px 4px 3px 4px; 
				background: #e7ab58; 
				color: #fff;
			}
			td#archLegendlabel {
				padding: 2px 4px 3px 4px; 
				background: #338585; 
				color: #fff;
				margin:0;
			}
			td#archLegend {background: #338585; color: #fff;}

			td#legend {background: #e7ab58; color: #fff;}
			table#legenditems {width: 100%; font-size: 9px;}
			table#legenditems td {padding: 4px}
			div#instructions {
				width: 110px; 
				float: right; 
				font-size: 9px; 
				margin: 20px 10px 0 0; 
				color: #fff;
			}
			div#instructions2 {
				font-size: 9px;
				width: 110px;
				float: right;
				color: #fff;
				margin: 10px 0px 0 0; 
				}
			
/* -- END CALENDAR -- */

/* -- CITY NEIGHBORHOODS PAGE -- */
			img#wardmap {
				margin: 20px 5px; 
				float: left;
			}
			div#wardinfo {
				padding-right: 5px; 
				width: 160px; 
				float: right; 
				margin: 20px 0;
			}

/* -- END CITY NEIGHBORHOODS PAGE -- */

.sideA:link	{
	color:	#FFFFFF;
	text-decoration: none;
	}
.sideA:visited	{
	color:	#FFFFFF;
	text-decoration: none;
	}
.sideA:active	{
	color:	#FFFFFF;
	text-decoration: none;
	}
.lg	{
	font-size: 36px;
	color: #339999;
	font-weight: bold;
	}
div#thumbnails {
	height: 100%;
	width: 341px;
	padding: 10px 2px 2px 2px;
	float: center;
	color: #fff;
			}
div#indent	{
	padding-left: 20px;
}
/**
 * POPUP CONTAINER STYLES
 */
#popupMask {
	position: absolute;
	z-index: 200;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	opacity: .9;
	filter: alpha(opacity=90);
	/* this hack is so it works in IE
	 * I find setting the color in the css gives me more flexibility 
	 * than the PNG solution.
	 */
	background-color:transparent !important;
	background-color: #000000;
	/* this hack is for opera support
	 * you can uncomment the background-image if you don't care about opera.
	 * this gives you the flexibility to use any bg color that you want, instead of the png
	 */
	background-image/**/: url("maskBG.png") !important; // For browsers Moz, Opera, etc.
	background-image:none;
	background-repeat: repeat;
	display:none;
}
#popupContainer {
	position: absolute;
	z-index: 201;
	top: 0px;
	left: 0px;
	display:none;
	padding: 0px;
}
#popupInner {
	/*border: 2px solid #000000;*/
	background-color: #CCCCCC;
}

#popupFrame {
	margin: 0px;
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 202;
}
#popupTitleBar {
/*	background-color: #486CAE;
	color: #ffffff;
	font-weight: bold;
	height: 1.3em;
	padding: 5px;
	border-bottom: 2px solid #000000;
	border-top: 1px solid #78A3F2;
	border-left: 1px solid #78A3F2;
	border-right: 1px solid #204095;
	position: relative;*/
	height:0px;
	z-index: 203;
}
#popupTitle {
	float:left;
	font-size: 1.1em;
}
#popupControls {
	float: right;
	cursor: pointer;
	cursor: hand;
}