h1, h2, h3, h4 {
	font-family: arial, sans-serif;
	font-weight: bold;
	}

h1.Title {
	font-size: 158%;
	text-align:left;
	padding-top:15px;
	padding-bottom:10px;
}


h2 {
	font-size: 200%;}
h3 {
	font-size: 140%;
	clear:both;}
#siteWrapper {
	text-align: center;
}

#header {
	width: 100%;
	background: #06506d;
	color: #FFF;}
	

	#header #innerheadercontainer{
		/* line height here fixes peekaboo problems in IE6 */
		/* border-top: solid 10px #000; */
		line-height: 1.31em;
		text-align: left;
		margin-left: auto;
		margin-right: auto;
		width: 760px;}	
		
	#header #innerheader, #mainarea{
		/* line height here fixes peekaboo problems in IE6 */
		padding-bottom: solid 10px #000;
		line-height: 1.31em;
		text-align: left;
		margin-left: auto;
		margin-right: auto;
		width: 760px;}


         #mainarea2{
		/* line height here fixes peekaboo problems in IE6 */
		/* margin-bottom: 10px; */
		padding-bottom: solid 10px #000;
		line-height: 1.31em;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
		width: 760px;}

		#header h1{
			float:left;}
			
		#L1_175ImageBblock {
		position: absolute; float: right; width: 60px; height: 70px; top: 8px; margin-right: 9px;margin-left: 687px;} 
		
		#L1_175ImageBblock2 {
		position: absolute; float: right; width: 60px; height: 70px; top: 5px; margin-right: 9px;margin-left: 687px;} 	

		#L1_175Ribatext {
		position: absolute; float: right; width: 180px; height: 20px; top: 20px; margin-right: 9px;margin-left: 496px;}				

	.navButtonsRightAlign {
		padding-left: 11em;
		position: relative;
		/*float: right;*/
		float: right;
		margin-top: 5px;
		padding-right: 17px;
		border: 0;
		cursor:hand;
		}
		
		#header div#searchform{
			padding-top: 0px;}

			#header div#searchform fieldset {
				position: relative;
				float: right;
				margin-top: 5px;
				padding-right: 17px;
				border: 0;}
				
				

			#header div#searchform legend {
				display: none;}

			#header div#searchform input {
				border: solid 1px #FFF;
				font-size: 100%;}

			#header div#searchform #searchtext, #header div#searchform .sys_searchtext {
				
				float: left;
		        padding-right: 1px;
				display: block;
				margin:  0 5px 0 0;
				width: 134px;
				border: solid 2px #FFF;
				/*padding: 0.1em 0.5em 0.1em 1em;*/
				font-family: verdana, sans-serif;}

			#header div#searchform #searchtext, #header div#searchform .sys_searchbutton {
				float: left;
	        	padding-right: 17px;
	        	height: 10px;
				display: block;
				background: #aca095;
				color: #000;
				padding: 0.1em 0;
				height: 20px;
				text-align: left;
				text-indent: 0px;
				font-weight: 500;
				font-size: 90%;
				border-color: #000;
				text-indent:3px;
				width: 79px;}

		#header #mainmenu{
			clear: both;
			margin-left: 20px;}

				#header #mainmenu a{
					color: #FFF;
					
					text-decoration: none;}

				#header #mainmenu a:hover{
					
					
					text-decoration: underline;}

			#header #mainmenu ul {
				float: left;
				/*margin: -2px 55px 0 0;*/
				margin: 1px 25px 0 0;
				list-style: none;}

			#header #mainmenu ul.sys_lastitem{
				margin-right: 0;}

				#header #mainmenu ul li{
					margin-bottom:5px;}

					#header #mainmenu ul li.sys_selected a{
						color: #FF0;
						background: #000;}

		#header #crumbtrail{
			clear: both;
			width: 100%;
			color: #515151;
			background: #ECECEC;
			padding: 0.8em 0;
			border-top: solid 18px #06506d;}

			#header #crumbtrail a{
				color: #000;
				background: #ECECEC;
				text-decoration: none;}

			#header #crumbtrail a:hover{
				text-decoration: underline;}

			#header #crumbtrail #innercrumb{
				margin-left: auto;
				margin-right: auto;
				width: 760px;
				text-align: left;}

				#header #crumbtrail #innercrumb div.sys_Breadcrumb{
					padding-left: 20px;}

	#sectiontitle{
		width: 738px;
		padding: 19px 0px 13px 0px;
		margin: 0 12px;
		border-bottom: dotted 1px #A3A3A3;}
		clear: both;		

	#sectiontitle h2{
		padding-left: 8px;
		color: #000;
		background: #FFF;}

	#whitebackground{
		background: #FFF;
		color: #515151;}

	#whitebackground hr{
		clear: both;
		visibility: hidden;}

	#submenu{
		width: 204px;
		float: left;
		min-height:1px;}

	#submenu ul {
		
		list-style: none;}

		#submenu ul li{
			margin: 0 0 0 12px;
			width: 176px;}

			#submenu ul li a{
				display: block;
				padding: 4px 9px;
				color: #000;
				background: #FFF;
				border-top: solid 1px #FFF;
				border-bottom: solid 2px #FFF;
				text-decoration: none;}

			#submenu ul li a:hover,
			#submenu div.sys_selected a{
				background: #000;
				color: #FF0;}

	/* Sub-template columns */

	#ribacontent{
		float: left;
		width: 545px;}
		
		/* Optional document heading */

		#ribacontent h2{
			line-height: 1.3em;
			margin: 16px 7px 3px 0;}

		#ribacontent h3{
			line-height: 1.3em;
			margin: 16px 7px 3px 7px;}

		/* Column Layout Sub-Templates */
		#ribacontent div.sys_width2,
		#ribacontent div.sys_width3,
		#ribacontent div.sys_width4,
		#ribacontent div.sys_width6{
				margin: 0 15px 0 0;
				float: left;}

		#ribacontent div.sys_width2{
			width: 169px;}

		#ribacontent div.sys_width3{
			width: 261px;}

		#ribacontent div.sys_width4{
			width: 353px;}

		#ribacontent div.sys_width6{
			margin-right: 0;
			width: 537px;}

		#ribacontent div.sys_topborder{
			clear:both;
			margin-top: 15px;
			border-top: dotted 1px #A3A3A3;
		}

		#ribacontent div.sys_width6 div.sys_width2,
		#ribacontent div.sys_width6 div.sys_width6{
			margin-bottom: 0px;}

		#ribacontent div.sys_lastcolumn{
			margin-right: 0;
			clear: right;}

		#ribacontent div.sys_backtotop{
			float: left;
			clear: both;
			width: 537px;
			padding: 15px 0 0 0;
			margin: 15px 0 0 0;
			border-top: dotted 1px #A3A3A3}

		/* Sub-Sub-Templates, or Content Sub-Templates */

		/* Heading Sub-Template */
		#ribacontent div h3{
			font-size: 125%;
			color: #1C1C1C;
			background: #FFF;
			padding: 7px 7px;
			margin: 15px 0 0 0;
			border-bottom: dotted 1px #A3A3A3;
			border-top: dotted 1px #A3A3A3;}

		#content div h3 + table{
			margin-top: 15px;}

		/* WOOB style headings when on launch pages or thumbnails */
		#ribacontent div.sys_launchpage div h3,
		#ribacontent div.sys_thumbs_row div.sys_width2 h3, #ribacontent div div.sys_float_box h3, .sys_form h4{
			font-family: arial, sans-serif;
			font-size: 110%;
			font-weight: bold;
			background: #000;
			color: #FFF;
			margin: 0!important;
			padding: 4px 7px;
			border-top: solid 15px #FFF!important;
			border-bottom: solid 1px #FFF!important;}

		#ribacontent div.sys_calendarpage div.sys_width4 h3{
			font-size: 140%;
			color: #424242;
			background: #FFF;
			padding: 7px 7px;
			margin: 15px 0 0 0;
		}

		#ribacontent div.sys_calendarpage div.sys_width4 h4{
		font-size: 100%;
		font-family:verdana, sans-serif;
		padding-top:5px;
		margin-bottom:0;
		}

			/* No margin between WOOBs and images so drop the image margin for launch pages */
			#ribacontent div.sys_launchpage div div.sys_image{
				margin: 0;}
			
			/* No top border when in a float box */
			#content div div.sys_float_box h3{
				border-top: 0!important;}

			#ribacontent div.sys_launchpage div h3 a,
			#ribacontent div.sys_thumbs_row div.sys_width2 h3 a{
				color: #FFF;
				background: #000;
				text-decoration: none;
				display: block;
				width: 100%;}

				#ribacontent div.sys_launchpage div h3 a:hover, #ribacontent div.sys_thumbs_row div.sys_width2 h3 a:hover{
					color: #FF0;}

		/* Text Area Sub-Template */
		#ribacontent div.sys_text_area{
			border-bottom: solid 1px #FFF;
			padding: 0 7px 0 7px;}
			
			#ribacontent div div.sys_text_area h3, #ribacontent div div.sys_text_area h2{
				margin-left: -7px;
				margin-right: -7px;}

		/* Floating Image Sub-Template */
		#ribacontent div div.sys_image_float{
			clear: right;
			float: right;
			background: #ECECEC;
			margin: 7px 0 .5em 1em;
			/*width:260px;*/}

			#ribacontent div div.sys_image_float p, #ribacontent div div.sys_float_box p{
				padding: 7px;
				margin: 0;}


		/* New floating box Sub-Template */
		#ribacontent div div.sys_float_box{
			width: 169px;
			clear: right;
			float: right;
			background: #ECECEC;
			margin: 7px 0 1em 1em;
			padding-bottom: 5px;}

			#ribacontent div div.sys_float_box ul{
				padding: 0 7px;
				margin: 7px  0 0 1em;}

		/* Image Sub-Template */

		#ribacontent div div.sys_image{
			width: 100%;
			margin-top: 15px;
			background: #ECECEC;}

			#ribacontent div div.sys_image div.sys_caption{
				padding: 7px 0 4px 0;}

			#ribacontent div div.sys_image div.sys_featuredescriptive{
				padding: 7px 0 4px 0;}

			#ribacontent div div.sys_image.sys_linksblock{
				background: #ECECEC;
				margin-top:0;
				padding: 7px 0 4px 0;
				border-top:1px solid #fff;}

			#ribacontent div div.sys_image p{
				padding: 0px;
				margin: 0 7px 7px 7px;}

			#ribacontent div div.sys_image hr{
				visibility: visible;
				margin: 0 0 5px 0;
				padding: 0;
				height: 1px;
				width: 100%;
				background: #FFF;
				color: #FFF;
				border: 0;}

			#ribacontent div div.sys_image ul{
				/*border-top:1px solid #fff;*/
				margin-left: 0 !important;
				padding-left:1em;
				padding-bottom:.5em;
				/*padding-top:.5em;*/
				list-style-position:inside;}

		/* Block image sub-template */

		#ribacontent img.sys_block_image, #ribacontent .sys_block_image {
			display: block;
			margin: 7px 0 0 7px}

		/* Image Caption sub-template */
		#ribacontent div div.sys_image_caption{
			margin-top: 15px;
			position: relative;}

		
		#ribacontent div div.sys_image_caption div{
			/* Bug fix for IE is in ie.css */
			position: absolute;
			padding: 1em 10px 0 10px;
			top: 50px;
			left: 0px;
			color: #FFF;
			font-family: arial, sans-serif;

			}




		#ribacontent div div.sys_image_caption div p{
			font-size: 118%;
			margin: 0 0 15px 0;}

		#ribacontent div div.sys_image_caption div big, #ribacontent div div.sys_image_caption .sys_big {
			display: block;
			font-family: arial, sans-serif;
			font-weight: bold;
			font-size: 165%;
			line-height: 1em;
			padding-bottom: 0.5em;}

		#ribacontent div div.sys_image_caption a{
			color: #FFF;
			background: transparent;
			text-decoration: underline;}

		#ribacontent div div.sys_image_caption a:hover big{
			color: #FF0;}

		#ribacontent div.sys_width6 div.sys_image_caption .sys_caption {
			width:340px;
			padding-bottom:15px;
			
}

		#ribacontent div.sys_width6 div.sys_image_caption .sys_caption70 {
			width:340px;
			padding-bottom:15px;
			background: transparent url("http://www.architecture.com/SiteElements/Images/template/70percentblack.png") top left repeat;
			
}

		#ribacontent div.sys_width6 div.sys_image_caption .sys_caption60 {
			width:340px;
			padding-bottom:15px;
			background: transparent url("http://www.architecture.com/SiteElements/Images/template/60percentblack.png") top left repeat;
			
}

		#ribacontent div.sys_width6 div.sys_image_caption .sys_caption50 {
			width:340px;
			padding-bottom:15px;
			background: transparent url("http://www.architecture.com/SiteElements/Images/template/50percentblack.png") top left repeat;
			
}

		#ribacontent div.sys_width6 div.sys_image_caption .sys_caption40 {
			width:340px;
			padding-bottom:15px;
			background: transparent url("http://www.architecture.com/SiteElements/Images/template/40percentblack.png") top left repeat;
			
}

		#ribacontent div.sys_width6 div.sys_image_caption .sys_caption30 {
			width:340px;
			padding-bottom:15px;
			background: transparent url("http://www.architecture.com/SiteElements/Images/template/30percentblack.png") top left repeat;
			
}



		#ribacontent div.sys_width4 div.sys_image_caption .sys_caption {
			width:190px;
			padding-bottom:15px;
			}

		#ribacontent div.sys_width2 div.sys_image_caption .sys_caption {
			width:auto;
			}

		/* Related Feature sub-template */
		#ribacontent div div.sys_related_feature{
			width:100%;
			padding-bottom: 7px;}

			#ribacontent div div.sys_related_feature img{
				margin: 5px;
				float: right;}

			#ribacontent div div.sys_related_feature p{
				margin: 0 0 0 7px;}


		/* Quote Box Sub-Template */
		#ribacontent div div.sys_quote_box{
			width: 174px;
			line-height: 1.3em;
			padding: 0;
			margin: 0 0 0 15px;
			clear: right;
			float: right;}

			#ribacontent div div.sys_quote_box blockquote p{
				font-weight:bold;
				}

		/* Notes Area Sub-Template */
		#ribacontent div div.sys_notes_area{
			clear:both;
			border: solid 1px #C2C2C2;
			padding: 0 18px 15px 18px;
			margin: 15px 0 0 0;}

			#ribacontent div div.sys_notes_area p{
				line-height: 1.3em;}

		#ribacontent div div.sys_notes_area h4.sys_notesh4{
			font-size: 100%;
			font-weight: normal;
			font-family: verdana, sans-serif;
			color: #000;
			margin: -0.5em 0 1em -1em;
			padding: 0;}

		#ribacontent div div.sys_notes_area h4 span{
			background: #FFF;
			padding: 0 1em;}

		/* Thumbnails Row Sub-Template */
		#ribacontent div.sys_thumbs_row{
			background: #FFF url("http://www.architecture.com/SiteElements/Images/template/thumbnails_background.png") top left repeat-y;}

			/* Drop top margin on image divs inside thumnails */
			#ribacontent div.sys_thumbs_row div.sys_image{
				margin-top: 0;}

		/* Logo sub-template */
		#ribacontent div div.sys_logo{
			/*width: 169px;*/
			float: left;
			text-align: left;
			margin: 15px 7px 0 7px;}

		#ribacontent div div.sys_logo + div.sys_logo{
			margin-left: 22px;}

		#ribacontent div div.sys_logo_text{
			padding-top: 7px;}

		/* File Link sub-template */
		#ribacontent div div.sys_file_link{
			margin: 15px 5px 0 32px;}

			#ribacontent div div.sys_file_link img{
				float: left;
				margin-left: -27px;}


	/* A to Z styles */
	#ribacontent .sys_width4 .sys_atoz_feature,
	#ribacontent .sys_width2 .sys_atoz_feature {
		background-color: #ddd;
		padding-bottom: 9px;}

	#ribacontent .sys_width2 .sys_atoz_feature {
		padding-bottom: 8px;
		border-bottom: solid 1px #FFF;}

		#ribacontent .sys_width4 .sys_atoz_feature p,
		#ribacontent .sys_width2 .sys_atoz_feature p {
			background-color: #ECECEC;
			padding: 7px;
			margin: 0;
			border-bottom: 1px solid #fff;}		

		#ribacontent .sys_width4 .sys_atoz_feature .sys_atoz {
			margin: 9px 0 0 9px;}

		#ribacontent .sys_width2 .sys_atoz_feature .sys_atoz {
			margin: 8px 0 0 7px;}

		/* individual cell styles */
		.sys_atoz {}
		.sys_CellStyle {}
		.sys_DisabledStyle {}
		.sys_SelectedStyle {}
		.sys_UnselectedStyle {}

	#ribacontent .sys_width4 .sys_atoz_feature .sys_atoz .sys_CellStyle .sys_DisabledStyle,
			#ribacontent .sys_width4 .sys_atoz_feature .sys_atoz .sys_CellStyle .sys_SelectedStyle,
			#ribacontent .sys_width4 .sys_atoz_feature .sys_atoz .sys_CellStyle .sys_UnselectedStyle a,
			#ribacontent .sys_width2 .sys_atoz_feature .sys_atoz .sys_CellStyle .sys_DisabledStyle,
			#ribacontent .sys_width2 .sys_atoz_feature .sys_atoz .sys_CellStyle .sys_SelectedStyle,
			#ribacontent .sys_width2 .sys_atoz_feature .sys_atoz .sys_CellStyle .sys_UnselectedStyle a {
				display: block;
				float: left;
				background-color: #fff;
				color: #000;
				font-family: verdana, arial, sans-serif;
				text-align: center;
				width: 23px;
				padding: 5px 0;
				margin: 0 1px 1px 0;
			}

	/* overwrite the width for the single column a-z feature */
			#ribacontent .sys_width2 .sys_atoz_feature .sys_atoz .sys_CellStyle .sys_DisabledStyle,
			#ribacontent .sys_width2 .sys_atoz_feature .sys_atoz .sys_CellStyle .sys_SelectedStyle,
			#ribacontent .sys_width2 .sys_atoz_feature .sys_atoz .sys_CellStyle .sys_UnselectedStyle a {
				width: 30px;}

	/* color for non-links */
			#ribacontent .sys_width4 .sys_atoz_feature .sys_atoz .sys_CellStyle .sys_DisabledStyle,
			#ribacontent .sys_width2 .sys_atoz_feature .sys_atoz .sys_CellStyle .sys_DisabledStyle {
				color: #b8b8b8;}

			#ribacontent .sys_width4 .sys_atoz_feature .sys_atoz .sys_CellStyle .sys_UnselectedStyle a,
			#ribacontent .sys_width2 .sys_atoz_feature .sys_atoz .sys_CellStyle .sys_UnselectedStyle a {
				text-decoration: none;}

	/* set the selected state and hover styles */
				#ribacontent .sys_width4 .sys_atoz_feature .sys_atoz .sys_CellStyle .sys_SelectedStyle, #ribacontent .sys_width4 .sys_atoz_feature .sys_atoz .sys_CellStyle .sys_SelectedStyle a,
				#ribacontent .sys_width4 .sys_atoz_feature .sys_atoz .sys_CellStyle .sys_UnselectedStyle a:hover,
				#ribacontent .sys_width2 .sys_atoz_feature .sys_atoz .sys_CellStyle .sys_SelectedStyle,
				#ribacontent .sys_width2 .sys_atoz_feature .sys_atoz .sys_CellStyle .sys_UnselectedStyle a:hover {
					background-color: #000;
					color: #ff0;}

	/* overwrite cell styles for the 'list all' option */
			#ribacontent .sys_width4 .sys_atoz_feature .sys_atoz .sys_CellStyleDouble .sys_UnselectedStyle a,
	#ribacontent .sys_width4 .sys_atoz_feature .sys_atoz .sys_CellStyleDouble .sys_SelectedStyle a,

	#ribacontent .sys_width4 .sys_atoz_feature .sys_atoz .sys_CellStyleDouble .sys_DisabledStyle {
				width: 47px;
				font-family: verdana, arial, sans-serif;}

	#ribacontent .sys_width2 .sys_atoz_feature .sys_atoz .sys_CellStyleDouble .sys_UnselectedStyle  a, 
	#ribacontent .sys_width2 .sys_atoz_feature .sys_atoz .sys_CellStyleDouble .sys_SelectedStyle  a, 	#ribacontent .sys_width2 .sys_atoz_feature .sys_atoz .sys_CellStyleDouble .sys_DisabledStyle {
				width: 123px;
				font-family: verdana, arial, sans-serif;}

	#footer{
		clear: both;
		width: 100%;
		background: #000;
		color: #FFF;
		border-top: solid 20px #FFF;}


		#footer #innerfooter{
			margin: 0px auto;
			text-align: left;
			width: 760px;}

			#footer #innerfooter ul{
				list-style: none;
			}

				#footer #innerfooter ul li{
					float: left;
					margin: 20px  0;
					padding: 0 12px;
					border-right: solid 1px #FFF;}

				#footer #innerfooter ul li.sys_lastitem{
					border-right: none;}

					#footer #innerfooter a{
						color: #FFF;
						background: #000;
						text-decoration: none;}

					#footer #innerfooter a:hover{
						text-decoration: underline;}

			#footer #innerfooter #copyright{
				float: right;
				padding: 20px;}

			#footer #innerfooter hr{
				clear: both;
				visibility: hidden;
				height: 0;
				border: 0;}

	/* Fixing float containers */

	#ribacontent div:after{
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;}

	/* ACCESS KEYS */

	#skiplinks ul {
		padding: 0;
		margin: 0;
		list-style: none;}

	#skiplinks li {
		padding: 0;
		margin: 0;
		list-style: none;
		display: inline;}

	#skiplinks a {
		color: #FF0;
		font-weight: bold;
		position: absolute;
		overflow: hidden;
		width: 0;
		height: 0;
		font-size: 0.8em !important;
		z-index: 1000;}

	#skiplinks a:active,
	#skiplinks a:focus {
		overflow: visible;
		width: auto;
		height: auto;
		font-size: 1em;
		border: 0;
		margin: 0 0 0 15px;
		padding: 3px;
		font-size: .6em;
		background: #000;
		border: 0;}

	/* Pagination */

	div.sys_pagination .sys_pager {
		display: block;
		color: #FFF;
		background: #FFF;
		padding: 7px 7px;
		margin: 15px 0 0 0;
		border-bottom: dotted 1px #A3A3A3;
		border-top: dotted 1px #A3A3A3;}

		div.sys_pagination a {
			text-decoration: none;
			padding: 0.3em;
			color: #000;}

		div.sys_pagination .sys_pager a:hover, div.sys_pagination span.sys_selectedpage, div.sys_pagination span.sys_searchresultNavSelected {
			color: #FF0;
			padding: 0.3em;
			background: #000;}

		div.sys_pagination span#FolderPaginationButtonPrev a:hover,
		div.sys_pagination span#FolderPaginationButtonNext a:hover{
			color: #000;
			background: #FFF;
			text-decoration: underline;}

/*fix for blockquote paragraphs*/
blockquote p{
		margin: 0;
		line-height: 120%;
		font-family: arial, sans-serif;
		color: #000;
		background: #FFF;
		font-weight: normal;
		font-size: 110%;}


/* Calendar */

	#ribacontent table.sys_calendar {
		width: 168px !important;
		margin: 0; /* overwrite table negative margins in user.css */
		margin-top: 1px;
		border-bottom: 1px solid #ddd; /* needed for IE */
	}

	   /* hide the table footer and caption */
		#ribacontent table.sys_calendar tfoot,
		#ribacontent table.sys_calendar caption {
			display: none;
		}

		/* generic cell styles */
		#ribacontent table.sys_calendar th,
		#ribacontent table.sys_calendar td {
			background-color: transparent;
			color: #000;
			border: 1px solid #ddd;
			padding: 0;
			width: 23px;
			text-align: center;
		}

		/* heading cell styles */
		 #ribacontent table.sys_calendar thead th {
			padding: 4px 0;
			width: auto;
		}

		 #ribacontent table.sys_calendar tbody th {
			background-color: #ddd;
			padding: 4px 0;
		 }

		 /* links styles */
		  #ribacontent table.sys_calendar td a {
			text-decoration: none;
			display: block;
			padding: 4px 0;
            width: 100%;
            height: 100%;
		  }

		  #ribacontent table.sys_calendar tr td a:hover,
           #ribacontent table.sys_calendar tr.sys_hover td a:hover {
			background-color: #000;
			color: #ff0;
		  }

		  /* For javascript rollover */
          #ribacontent table.sys_calendar tr.sys_hover td,
          #ribacontent table.sys_calendar tr.sys_hover td a {
            background-color: #ff0; 
          }

		  /* for non-links (as in no event on that day) */

		  #ribacontent table.sys_calendar td.sys_selected, 
          #ribacontent table.sys_calendar td a:hover, 
          #ribacontent table.sys_calendar td.sys_selected a {
			background-color: #ff0;
			color: #000;
		  }

		  #ribacontent table.sys_calendar tr td.sys_currentday, 
          #ribacontent table.sys_calendar tr td.sys_currentday a {
			background-color: #000;
			color: #ff0;
		  }

			#ribacontent table.sys_calendar td.sys_noevent {
			   
			   /*padding: 4px 0;*/
			   color: #b8b8b8;
		  }

/* calendar page */
	#ribacontent .sys_text_area .sys_clearmargin p {
	margin-top:0;
	}
	
   /* calendar menu tabs styles */

	#sectiontitle {
	   position: relative;
   }

	#sectiontitle ul#calendarmenu {
		list-style: none;
		position: absolute;
		bottom: 0px;
		left: 191px;
	}

		#sectiontitle ul#calendarmenu li {
			float: left;
			border-top: 1px solid #969696;
			border-left: 1px solid #969696;
			background-color: #f4f4f4;
		}


			#sectiontitle ul#calendarmenu li.sys_calmenu_last {
				border-right: 1px solid #969696;
			}

			#sectiontitle ul#calendarmenu li a {
				text-decoration: none;
				padding: 4px 12px;
				float: left;
			}

			#sectiontitle ul#calendarmenu li a:hover, #sectiontitle ul#calendarmenu li.sys_selected a{
				text-decoration: none;
				padding: 4px 12px;
				float: left;
				color: #FF0;
				background: #000;
			}

/* dataview search options */

.sys_width2 .sys_form_element, .sys_width2 .sys_form_buttons{
	width:100%;
	background:#ececec;
	padding:3px 7px;
	clear:both;
}
	.sys_width2 .sys_form_buttons{
		padding-bottom:7px;}

.sys_width2 .sys_form_element label {
	width:50px;
	display: block;
        float: left;
        clear: left;
        text-align: left;
        color: #000;
        font-weight: normal;
        padding: 0;
        font-family: verdana, sans-serif;}

.sys_width2 .sys_form_element input {
	width: 155px;
        padding: 1px;
        font-size: 105%;}

.sys_width2 .sys_form_element select {
	float:right;
	width: 98px;
        padding: 1px;
        font-size: 105%;}

		.sys_width2 .sys_form_buttons input {
			margin-left:57px;
			width:98px;}

	.sys_width2 div.sys_form_element label.sys_hidden, label.sys_hidden {display:none;}

/* search page */

#ribacontent .sys_item_list p.sys_resultiteminfo {
	color:#000;}

	.sys_searchterm {
		color:#273b85;
		text-decoration:underline;}

		.sys_item_list p.sys_resultiteminfo .sys_itemFileType {
			display:block;
			float:right:
			width:100px;}

/* no results */
	.sys_no_results {
	padding:50px 25px;
	}

 /* Special home page boxes */
    
    div.sys_homepage #homecontent{
    	margin: 0 20px;
    	float:none ;}      
    
    div.sys_home_feature{
    	padding-top: 9px;}
    	
    div.sys_width2p6r{
    	width: 234px;
    	margin: 0 9px 0 0;
    	padding: 0 0 15px 0;
    	float: left;}

    div.sys_width2p6r big a {
        text-decoration: none!important;
     }
    	
    div.sys_homepage h2{
		font-family: arial, sans-serif;
		font-size: 110%;
		font-weight: bold;
		background: #000;
		color: #FFF;
		margin: 0!important;
		padding: 4px 7px;
		border-top: solid 15px #FFF!important;
		border-bottom: solid 1px #FFF!important;}
		
	div.sys_homepage h2 a{
		color: #FFF;
		background: #000;
		text-decoration: none;
		display: block;
		width: 100%;
	}

	div.sys_homepage h2 a:hover {
		color: #FF0
		
	}
		
	 div.sys_homepage div.sys_text_area{
			border-bottom: solid 1px #FFF;
			padding: 0 7px;}

	 div.sys_homepage div.sys_text_area p{
			line-height: 1.45em;}
			
	 div.sys_homepage div#footer{
	  	border-top: solid 9px #FFF;}
	  	
	 div.sys_homepage #header #crumbtrail{
	 	padding: 0;
	 	margin: 0;
	 	visibility: hidden;}
	 	
	
	 	
	  div.sys_homepage div.sys_image_caption div {
	  	padding: 10px 0 0 0;
	  	margin-top: 9px;
	  	background: #FFF url("http://www.architecture.com/SiteElements/images/template/up.png") 7px top no-repeat;
	  	top: 100%;}
	  	
	  	div.sys_homepage div.sys_image_caption div big, div.sys_homepage div.sys_image_caption .sys_big{
	  		font-size: 125%;
	  		font-family: arial, sans-serif;
			font-weight: bold;
			color: #000;
			background: #FFF;
			display: block;
			margin-bottom: 9px;}
			
		div.sys_homepage div.sys_image_caption div p{
			margin: 7px;}
			
		div.sys_lastcolumn{
			margin-right: 0;
			clear: right;}


/*---------------------- Editor Styles ----------------------*/
/*Hide access keys etc in editor*/
#editor #skiplinks {display:none;}
#editor a.sys_anchorlink {display:none;}

/*Provide left menu graphic in editor*/
#editor .sys_template161551 #OCTRL47 {
	color:#fff;
	width:176px;
	height:203px;
	background:url("http://www.architecture.com/SiteElements/Images/editor/editor_menu_bg.gif") no-repeat 0 16px;
	font-size:70%;
	border:0 none;
	margin-left:6px;
}

/*Make Main Area wider so editing items dont drop*/
#editor #mainarea {width:770px;}

/*Page Title SubTemplate*/
#editor .sys_template161555 {width:100%;margin-bottom:15px;}


/*Revert H3 headings to width-auto (instead of 100%) to make them easier to delete when using the editor backspace*/
#editor #ribacontent h3 {width:auto;}

/*Links in Headings*/
#editor #ribacontent h3 a, #editor #ribacontent h4 a, #editor #ribacontent h5 a {display:inline; width:auto; height:auto;}

/*Margins between the thumbs row cols*/
/*#editor #ribacontent .sys_thumbs_row {background:#ececec;}
#editor #ribacontent .sys_thumbs_row .sys_width2 {margin-right:0; border-right:10px solid #fff; height:100%;}
#editor #ribacontent .sys_thumbs_row .sys_width2.sys_lastcolumn {margin-right:0; border-right:0 none;}*/

/*Logo Image Subtemplate*/
#editor .sys_template161719 {float:left;}
/*Quote Subtemplate*/
#editor .sys_template162119 {float:right;width:180px;}
/*Floating Image*/
#editor .sys_template162132 {float:right;width:260px;}

/*-------Placeholder Classes-------*/
/*Generic Content Placeholder*/
#editor .sys_editor_genericcontent{
	padding-bottom:15px;
}

#editor .sys_editor_textareaclear {
	margin-top:15px;
	padding-top:0;
	clear:both;
}

#editor .sys_editor_textnoclear {
	margin-top:15px;
	padding-top:0;
}

/*Insert RIBA Image*/
#editor .sys_editor_insertRIBAimage {background:#d6d6d6 url("http://www.architecture.com/SiteElements/Images/editor/editor_insert_pic.gif") 50% 50% no-repeat; margin:0;}

/*Related Feature Image*/
#editor .sys_editor_insertRelatedImage {
	float:right;
	background:#fff url("http://www.architecture.com/SiteElements/Images/editor/editor_insert_relatedpic.gif") 50% 50% no-repeat;
}

#editor .sys_editor_insertRelatedImage img {float:none;margin:0;}

/*Logo Images*/
#editor .sys_editor_insertLogoImage {
	background:#fff url("http://www.architecture.com/SiteElements/Images/editor/editor_insert_relatedpic.gif") 50% 50% no-repeat;
}

/*Additional Info*/
#editor .sys_editor_additionalinfo {margin-top:15px;padding-top:0;}

#editor .sys_editor_standardcontent {}
#editor #ribacontent .sys_editor_standardcontent > p:first-child {margin-top:0;}

/*Editor Helpers*/
#editor .sys_template163357, #editor .sys_template163356, #editor .sys_template163291 {clear:both;}
.sys_helper_meta {background:#fff url("http://www.architecture.com/SiteElements/Images/editor/Helper_Metadata.gif") no-repeat; width:100%; height:25px; margin-top:15px; clear:both;}

.sys_helper_editorial {background:#fff url("http://www.architecture.com/SiteElements/Images/editor/Helper_Editorial.gif") no-repeat; width:100%;  height:25px; margin-top:15px; clear:both;}

.sys_helper_related {background:#fff url("http://www.architecture.com/SiteElements/Images/editor/Helper_Relationships.gif") no-repeat; width:100%; height:25px; margin-top:15px; clear:both;}

/*Floated Image ASP Placeholder*/
#editor .sys_record .sys_image_float {float:right; clear:none;}

/*Quotebox ASP Placeholder*/
#editor .sys_record .sys_quote_box {float:right; clear:none; width:250px;}

/*A to Z Index Box */
#editor #ribacontent .sys_width2 .sys_atoz_feature {height:240px;}
#editor #ribacontent .sys_width4 .sys_atoz_feature {height:90px;}
#editor #ribacontent .sys_width4 .sys_atoz_feature .sys_atoz .sys_CellStyle span {
				display: block;
				float: left;
				background-color: #fff;
				color: #b8b8b8;
				font-family: verdana, arial, sans-serif;
				text-align: center;
				width: 22px;
				padding: 5px 0;
				margin: 0 1px 1px 0;
}
#editor #ribacontent .sys_width2 .sys_atoz_feature .sys_atoz .sys_CellStyle span {
				display: block;
				float: left;
				background-color: #fff;
				color: #b8b8b8;
				font-family: verdana, arial, sans-serif;
				text-align: center;
				width: 29px;
				padding: 5px 0;
				margin: 0 1px 1px 0;
}
#editor #ribacontent .sys_width4 .sys_atoz_feature  .sys_atoz .sys_CellStyleDouble span {

				width: 46px;

}
#editor #ribacontent .sys_width2 .sys_atoz_feature  .sys_atoz .sys_CellStyleDouble span {

				width: 46px;

}

/* news template */
#editor #newsthumbnaildiv {width:250px; margin-top:15px; padding:10px; background:#ececec;}

#editor #newsthumbnaildiv p {float:left; width:80px; margin-right:10px;}

/* homepage */
.sys_editor_h2 {
	font-size:125%;
	font-weight:bold;
	border-top:1px dotted #424242;
	padding:7px;}


/*10 09 07*/
/*18xThumbnail in a Row fix for awards pages*/
#ribacontent div.sys_awardthumbs_row div.sys_width2 h3 {
			font-family: arial, sans-serif;
			font-size: 110%;
			font-weight: bold;
			background: #000;
			color: #FFF;
			margin: 0!important;
			padding: 4px 7px;
			border-top: solid 15px #FFF!important;
			border-bottom: solid 1px #FFF!important;}

#ribacontent div.sys_awardthumbs_row div.sys_width2 h3 a{
				color: #FFF;
				background: #000;
				text-decoration: none;
				display: block;
				width: 100%;}

#ribacontent div.sys_awardthumbs_row div.sys_width2 h3 a:hover{
					color: #FF0;}

/* No margin between WOOBs and images so drop the image margin for launch pages */
#ribacontent div.sys_awardthumbs_row div.sys_image{
				margin: 0;}

/*03 10 07*/
/*1xPicAndText*/
#ribacontent div.sys_person_row div.sys_width6 h3 {
			font-family: arial, sans-serif;
			font-size: 110%;
			font-weight: bold;
			background: #000;
			color: #FFF;
			margin: 0!important;
			padding: 4px 7px;
			border-top: solid 15px #FFF!important;
			border-bottom: solid 1px #FFF!important;}