/* Make the transparent background PNG work in IE6 and below! */

#ribacontent div div.sys_image_caption div{
	background: none !important;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://members.riba.org/members/architecture_com_resources/style_refs/70percentblack.png', sizingMethod='scale', enabled='true');}

/* Work around for IE6 to allow for dotted borders! */

	#ribacontent div h3, div.sys_pagination{
		margin: 15px 0 0 0;
		padding: 1px 0;
		background: #FFF url("https://members.riba.org/members/architecture_com_resources/style_refs/dotted.png") top left repeat;
		border: 0!important;}

		#ribacontent div h3 span{
			display: block;
			padding: 6px 7px;
			background-color: #FFF;}

		div.sys_pagination .sys_pager, div.sys_pagination div#D2_9 {
			margin: 0;
			border: 0;}

		/* 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.sys_awardthumbs_row div.sys_width2 h3, #ribacontent div.sys_person_row div.sys_width6 h3{
			background: #000;
			padding: 4px 7px;
			border-bottom: solid 1px #FFF;}

			#ribacontent div.sys_launchpage div h3 span, #ribacontent div.sys_thumbs_row div.sys_width2 h3 span, #ribacontent div.sys_awardthumbs_row div.sys_width2 h3 span, #ribacontent div.sys_person_row div.sys_width6 h3 span{
				background: #000;
				padding: 0;
				display: inline;}

/* unfortunate need to reapply daterange CSS */
/* Heading for events pages showing date range */
			div.sys_launchpage #ribacontent div h3.sys_daterange, div #ribacontent div h3.sys_daterange, div.sys_launchpage #ribacontent div h3 span, #ribacontent div.sys_calendarpage div.sys_width4 h3 span{
				color: #000;
				background: #FFF;
			}

	#sectiontitle{
		border: 0;
		background: #FFF url("https://members.riba.org/members/architecture_com_resources/style_refs/dotted.png") left bottom repeat-x;}

	#ribacontent div.sys_backtotop, #ribacontent div.sys_topborder{
		border: 0;
		background: #FFF url("https://members.riba.org/members/architecture_com_resources/style_refs/dotted.png") left top repeat-x;}

#submenu ul li{
	margin-left: 6px;}

	#submenu ul li a{
		border-bottom: 0;}

#ribacontent dt span,
#ribacontent dd span{
	margin: 0 0.5em 0 -1em;}

/* Bug fix for the fact that IE6- do ont recognise the '+' selector or :first-child
which annoyingly has lead to the need for additional mark-up! */


  #ribacontent div div.sys_form_element div.sys_required{ 
    display: block;
    height: 1px;
    width: 1px;
    margin: 0;
    padding: 0;           
  }
  
  div.sys_homepage #homecontent h2{
  	background: #FFF url("https://members.riba.org/members/architecture_com_resources/style_refs/dotted.png") top left repeat-x;
  	border: 0;
  	padding-bottom: 8px;}
  	
  div.sys_homepage #homecontent h2 a{
	color: #000!important;
	text-decoration: none;}