/* Initial styles, removes default browser padding/margins */
html, body, table, form, fieldset, input {
   margin: 0;
   padding: 0;
}
h1, h2, h3, h4, h5, h6, p, pre, hr, td, th,
blockquote, ul, ol, dl, address {
	margin: 0;
  	padding: 0;
}
form label {
	cursor: pointer;
}
fieldset {
	border: none;
}
input, select, textarea {
	font-size: 100%;
}

/* !HTML redefinitions */
body {
	font: normal 10px Helvetica, Arial, sans-serif; 
	color: #333;
}
form { font: normal 10px Helvetica, Arial, sans-serif; }
a { text-decoration: none; color: #000; }
a:hover { text-decoration: none; color: #e24; }
a img { border: none; }
hr.clearit {
	clear: both;
	margin: 0;
	border: 0; 
	background-color: #fff;
	color: #fff;
	line-height: 0px;
	height: 0px;
}

/* !General layout */
#container {
	width: 99em;
	min-width: 990px;
	min-height: 560px;
	margin: 0 auto; 
}
#leftwrap {
	/* temp border: 1px solid #009900; */
	float: left;
	width: 72em;
	min-width: 720px;
	min-height: 560px;
	text-align: left;
	background: top right no-repeat url("../cssimages/leftwrap_back.jpg") #fff;
}
	#leftwrap.home { height: 560px; background: top right no-repeat url("../cssimages/leftwrap_home_back.jpg") #fff; }
	#leftwrap.home #home { padding: 32em 32em 6em 1.5em; color: #666; /* temp border: 1px solid #050; */ }
		#home p { font: normal 1.4em/1.4em Helvetica, Arial, sans-serif; padding: 0 0 1em 0; }
		#home .bigger { font-weight: normal; font-size: 1.6em; }
		#home .bigger font { font: bold 1.08em "Times New Roman", Times, serif; color: #e24; }
		#home b { font-weight: normal; color: #111; }
		#leftwrap.home #contentfoot { font-size: 12px; padding-left: 1.4em; /* temp border: 1px solid #333; */ }
	
	#photo { }
		#photo img { 
			width: 71em;
			height: 20em;
			min-width: 710px;
			min-height: 200px;
			border: 0;
		}
	#leftcontentwrap { 
		min-height: 360px;
	}
		#leftcontentwrap h1 { 
			font: bold 16px Times, "Times New Roman", Georgia, serif; 
			letter-spacing: 1px;
			padding: 6px 5px 5px 5px;
			margin: 0 0 10px 0;
			border-bottom-width: 1px;
			border-bottom-style: solid;
			color: #e24; 
			border-color: #e24;
		}

			#news {
				float: left;
				width: 21em;
				min-width: 210px;
			}
				#news h1 { color: #999; border-color: #999; }
				#news .newsitem, #news #sponsor, #content.connections .newsitem {
					padding: .5em;
					font-size: 1.1em;
					line-height: 1.4em;
					color: #666;
				}
				#news .newsitem b, #content.connections .newsitem b { color: #000; }
				#news #sponsor { 
					margin: 1.6em 1em 0 0; 
					border-top: 1px solid #ccc;
					border-bottom: 1px solid #ccc;
				}
				#news #sponsor a { color: #666 }
				#news #sponsor img { padding: .3em 0; }
				#news #findanarchitect_side form { font-size: 1.2em; line-height: 1.4em; color: #666; }
			#content {
				margin: 0 1em 0 18.3em;
				font: normal 1.2em/1.4em Helvetica, Arial, sans-serif;
			}
				#content p { padding: 0 0 .8em 0; }
				#content font { color: #e24; }
				#content ul, #content ol { padding: .8em 0 .8em 1em; margin: 0; }
				#content.aiari table, #content.membership table, #content.resources table { border: none; border-style: solid; border-color: #ccc; border-width: 1px 1px 1px 0; border-collapse: collapse; }
				#content.aiari table td, #content.membership table td, #content.resources table td { padding: 3px 5px 1px 5px; border-left: 1px solid #ccc; border-bottom: 1px dotted #999; }
				#content.aiari .award table, #content.aiari .award td { border: none; }
				
/* !Link Colors */
				#content.aiari a { color: #e24; }
				#content.aiari a[href^="http://"]:not([href*="http://www.aia-ri.org"])::before { content: url("../cssimages/leave_aiari.gif"); }
				#content.membership a { color: #682; }
				#content.membership a[href^="http://"]:not([href*="http://www.aia-ri.org"])::before { content: url("../cssimages/leave_member.gif"); }
				#content.resources a { color: #058; }
				#content.resources a[href^="http://"]:not([href*="http://www.aia-ri.org"])::before { content: url("../cssimages/leave_resources.gif"); }
				#content.need a { color: #416; }
				#content.need a[href^="http://"]:not([href*="http://www.aia-ri.org"])::before { content: url("../cssimages/leave_need.gif"); }
				#content.connections a { color: #832; }
				#content.connections a[href^="http://"]:not([href*="http://www.aia-ri.org"])::before { content: url("../cssimages/leave_connect.gif"); }
				
				#content.aiari a:hover, #content.membership a:hover, #content.resources a:hover, #content.need a:hover, #content.connections a:hover { color: #000; }
				
/* !Headings */
				#content h2 {
					display: inline; 
					color: #e24;
					font: normal 16px/2em Times, "Times New Roman", Georgia, serif;
				}
				#content h3 {
					display: inline; 
					font: bold 14px Times, "Times New Roman", Georgia, serif;
				}
				#content h4 {
					display: inline; 
					font: bold 12px Helvetica, Arial, sans-serif;
					color: #666;
				}
				#content h5 {
					font: bold 1.2em Times, "Times New Roman", serif;
					padding: 3px 3px 1px 3px;
					background-color: #ddd;
					color: #e24;
				}
				/* Start Colors */
				#content.aiari h1 { color: #e24; border-color: #e24; }
				#content.aiari h3 { color: #e24; }
				#content.membership h1 { color: #682; border-color: #682; }
				#content.membership h3 { color: #682; }
				#content.membership #display h2 { padding: 0; margin: 0; }
				#content.resources h1 { color: #058; border-color: #058; }
				#content.resources h3 { color: #058; }
				#content.need h1 { color: #416; border-color: #416; }
				#content.need h3 { color: #416; }
				#content.connections h1 { color: #832; border-color: #832; }
				#content.connections h3 { color: #832; }
				
				#content .dirnav {  }
				#content .dirnav a { /* the navigation by last name for the directories */
					font: bold 10px/10px Arial, Helvetica, sans-serif;
					border: 1px solid #ccc;
					padding: 1px 3px;
				}
				#content.membership .dirnav a:hover { border-color: #682; }
				#content.membership .list {	padding: 10px 0px; }
				#content.membership .list a:hover {	color: #f36; }
				#content #display {	
					background-color: #eee;
					padding: 10px;
					border: 1px solid #ccc;
					font: normal 1em/1.4em Helvetica, Arial, sans-serif;	
				}
				/* the "business card" for the directories */
				#content.need #display h2 { display: block; }
				#content #display a:hover { color: #000; }
				#content.connections font { color: #832; }
				#content.connections b { font: bold 1.2em/1em Times, "Times New Roman", serif; padding: 0 0 6px 0; }
				#content.connections .newsitem b { font: bold 1em/1em Helvetica, Arial, sans-serif; padding: 0; }
				#content #contentfoot {
					/* clear: both; */
					margin: 1em 0 0 0;
					border-top: 1px solid #ccc;
					padding: .5em 0 0 0;
				}
					#contentfoot h6 { position: relative; left: -9999em; }
/* !Search Items */
				#content div.search_aiari h1 { padding: 1em 0 0 0; color: #e24; border-color: #e24; }
				#content div.search_aiari b { font-size: 1.4em; color: #e24; }
				#content div.search_aiari a { color: #000; }
				#content div.search_aiari a:hover { color: #e24; }
				#content div.search_membership h1 { padding: 1em 0 0 0; color: #682; border-color: #682; }
				#content div.search_membership b { font-size: 1.4em; color: #682; }
				#content div.search_membership a { color: #000; }
				#content div.search_membership a:hover { color: #682; }
				#content div.search_membership #display h2 { padding: 0; margin: 0; }
				#content div.search_resources h1 { padding: 1em 0 0 0; color: #058; border-color: #058; }
				#content div.search_resources b { font-size: 1.4em; color: #058; }
				#content div.search_resources a { color: #000; }
				#content div.search_resources a:hover { color: #058; }
				#content div.search_need h1 { padding: 1em 0 0 0; color: #416; border-color: #416; }
				#content div.search_need b { font-size: 1.4em; color: #416; }
				#content div.search_need a { color: #000; }
				#content div.search_need a:hover { color: #416; }
				#content div.search_connections h1 { padding: 1em 0 0 0; color: #832; border-color: #832; }
				#content div.search_connections b { font-size: 1.4em; color: #832; }
				#content div.search_connections a { color: #000; }
				#content div.search_connections a:hover { color: #832; }
				
/* !Calendar Items */
				#content.connections table.calendarTable {
					width: 485px;
					border: 2px solid #fff;
					align: left;
				}
				#content.connections table th { min-height: 36px; }
				#content.connections table th h3 { font-size: 1.5em; font-weight: normal; }
				#content.connections td.calendarHeader { /* the days of the week */
					min-height: 24px;
					background-color: #eee;
					color: #832;
					font: bold 12px Helvetica, Arial, sans-serif;
					padding: 3px 0 0 2px;
				}
				#content.connections td.calendar, #content.connections td.calendarToday {
					min-height: 24px; 
					background-color: #eee;
					color: #000;
					padding: 2px; 
				} 
				#content.connections td.calendarToday { background-color: #eed; } 
				#content.connections td.calendar a.date {  }
				#content.connections td.calendar a.dateOld { color: #666; text-decoration: none; }
				#content.connections td.calendar a.dateOld:hover { text-decoration: none; }

/* !Gallery Styles */
				#content span.gallerylink-right, #content span.gallerylink-left {
					border: solid 1px #CCC;
					padding: 5px;
				}
				#content span.gallerylink-right { float: right; margin-left: 10px; }
				#content span.gallerylink-left { float: left; margin-right: 10px; }
				#content span.gallerylink-right a, #content span.gallerylink-left a {
					padding-top: 2px;
					text-transform: uppercase;
					font: bold .9em/1em Arial, sans-serif;
					color: #333;
				}
				#content span.gallerylink-right a:hover, #content span.gallerylink-left a:hover { color: #000; }
				
/* !Honors and Awards Sections */
				#content #subsubnav {
					background-color: #333; 
					color: #ccc;
					padding: 5px 5px 3px 5px; 
				}
					#content #subsubnav a {
						color: #fff; 
					}
					#content #subsubnav a:hover {
						color: #f36; 
					}
				#content .award { width: auto; }
				#content .award table { padding-bottom: 1em; }
				#content .award table td { padding: 0 2px 2px 0; }
				#content .award .award-text .gallerylink-right { border: none; }
				#content .award .award-text .gallerylink-right h4 { display: block; padding-top: .5em; }
				#content .award .award-thumb img { border: none; }
				#content .award .award-thumb img a { border: none; }
				
				body.gallery { 	background-color: #ddd; 	}
				#gallerydisp {
					width: 540px;
					margin: 10px auto;
					border: solid 1px #CCC;
					background-color: #fff;
					padding: 5px;
					text-align: center;
				}
				#gallerydisp h3 { 
					font: bold 11px/11px Arial, Helvetica, sans-serif;
					display: inline; 
					border: solid 1px #CCC;
					padding: 1px 4px 2px 4px;
				}
				#gallerydisp img { 	margin-bottom: 10px;	}
				#gallerydisp a {
					border: solid 1px #CCC;
					padding: 2px 4px;
					color: #333;
				}
				#gallerydisp a:hover {
					color: #000;
					border-color: #333;
				}
				#gallerydisp #caption {
					padding: 2px 4px;
					margin-top: 5px;
					font: bold 1.2em/1.5em Arial, Helvetica, sans-serif;
				}
				#gallerydisp #caption b {
					font-weight: bolder;
					text-transform: uppercase;
				}

/* !Right Wrap Elements */
/* All elements in rightwrap are NOT scalable! Use pixels, not ems */
#rightwrap {
	float: left;
	width: 265px;
	background: top left no-repeat url("../cssimages/rightwrap_back.png") #fff;
	/* temp border: 1px solid #000099; */
}
	#global {
		text-align: right;
		padding: 5px 0; 
		color: #000;
		font-size: 12px;
	}
		#global a { padding: 0 1px; }
		#global a:hover { color: #E24; }
		#global form { text-align: right; font: normal 12px Helvetica, Arial, sans-serif; }
		#global form input[type="text"] { width: 100px; } /* IE6 reads the size tag on the input itself; other browsers apply this css */
	
/* !Nav Styles */
	#navwrap { 
		padding-top: 58px; 
		/* background: top left repeat url("../cssimages/temp_back.png"); */
	}
	#navwrap a { text-decoration: none; }
	#navwrap table { border-collapse: collapse; }
	#navwrap h2 { font: normal 38px/36px Times, "Times New Roman", Georgia, serif; letter-spacing: 2px; padding: 120px 0 5px 0; }
		#navwrap div.left { 
			font: normal 13px/16px Times, "Times New Roman", Georgia, serif; 
			height: 412px;
			text-align: right;
		}
		#navwrap div.left i { color: #fff; }
		div.left table td { text-align: right; } /* this rule is for Safari: It wasn't applying the align right to the table cells inside the div */
		#navwrap div.right { font: normal 13px/16px Times, "Times New Roman", Georgia, serif; }
		#navwrap div.right h2, #navwrap div.right a { color: #000; }

		/* //// COLOR KEY ////
		
		aia red: 		aia/ri		E24 or F36
		aia green: 		membership	682
		aia blue: 		resources	058
		aia purple: 	need		416
		aia dark red: 	connect		832
		
		//// */
			
			/* the backgrounds on rollover */
			#main div.left 			{ background: top left no-repeat url("../cssimages/aianav_back.png") transparent; }
			#aiari div.left 		{ background: top left no-repeat url("../cssimages/aianav_back.png") transparent; }
			#membership div.left 	{ background: top left no-repeat url("../cssimages/memnav_back.png") transparent; }
			#need div.left 			{ background: top left no-repeat url("../cssimages/neednav_back.png") transparent; }
			#resources div.left 		{ background: top left no-repeat url("../cssimages/renav_back.png") transparent; }
			#connections div.left 	{ background: top left no-repeat url("../cssimages/connav_back.png") transparent; }
			
			/* the backgrounds with the home class */
			#aiari.home div.left, #membership.home div.left, #need.home div.left, #resources.home div.left, #connections.home div.left
				{ background-image: none; }
			
			/* the h2 and a classes */
			#main div.left h2, #main div.left a				{ color: #fff; }
			#aiari div.left h2, #aiari div.left a			{ color: #fff; }
			#membership div.left h2, #membership div.left a	{ color: #fff; }
			#need div.left h2, #need div.left a				{ color: #fff; }
			#resources div.left h2, #resources div.left a		{ color: #fff; }
			#connections div.left h2, #connections div.left a	{ color: #fff; }
			
			/* the hovers */
			#main div.left a:hover, #aiari div.left a:hover, #membership div.left a:hover, #need div.left a:hover, #resources div.left a:hover, #connections div.left a:hover
				{ color: #ccc; }
			
			/* the h2 and a classes with the home class */
			#aiari.home div.left h2, #aiari.home div.left a, #aiari.home div.left i					{ color: #e24; }
			#membership.home div.left h2, #membership.home div.left a, #membership.home div.left i	{ color: #682; }
			#need.home div.left h2, #need.home div.left a, #need.home div.left i					{ color: #416; }
			#resources.home div.left h2, #resources.home div.left a, #resources.home div.left i		{ color: #058; }
			#connections.home div.left h2, #connections.home div.left a, #connections.home div.left i	{ color: #832; }
			
			/* the hovers with the home class */
			#aiari.home div.left a:hover, #membership.home div.left a:hover, #need.home div.left a:hover, #resources.home div.left a:hover, #connections.home div.left a:hover
				{ color: #000; }
			
			/* a classes that are selected */
			#aiari div.right a.selected			{ color: #e24; }
			#membership div.right a.selected	{ color: #682; }
			#need div.right a.selected			{ color: #416; }
			#resources div.right a.selected		{ color: #058; }
			#connections div.right a.selected	{ color: #832; }
			
	#rightfoot { color: #666; margin-top: -30px; /* temp border: 1px dotted #000; */ }
	#rightfoot p { text-align: right; font: normal 1.1em/1.3em Times, "Times New Roman", Georgia, serif; padding: 0 18px 5px 0; }
	#rightfoot td { font: normal 1.1em/1.3em Times, "Times New Roman", Georgia, serif; }
	#rightfoot a { color: #777; }
	#rightfoot a:hover { color: #F36; }
	#rightfoot table td { text-align: right; }

img.left { float:left; padding: 0 .6em .4em 0; }
img.right { float:right; padding: 0 0 .4em .6em; }

/* - - - - - */
#starburst { 
	position: absolute; 
	top: -14px; 
	left: 50%; 
	margin: 0 0 0 -420px; 
	color: #fff; 
	background: top left no-repeat url("../../images/starburst.png") transparent; 
	width: 120px; 
	min-height: 84px; 
	padding: 36px 0 0 0;
	text-align: center; 
}
	#starburst a { font-size: 15px; color: #fff; }
	#starburst a:hover { color: #ff7; }