@charset "utf-8";
/* RIAI New 2010 | Layout and Extras CSS Document */
body {  background:#fff; /*padding-top:60px;*/}

a:hover img {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter: alpha(opacity=80);-moz-opacity: 0.8;-khtml-opacity: 0.8;opacity: 0.8;}
/* PAGE LAYOUTS
-----------------------------------------------------------------------*/
#wrap {min-height: 100%;border-rig1ht:15px solid #002f65;width:970px; margin:0 auto;}

/* HEADER
-----------------------------------------------------------------------*/
#header {width:970px;height:125px;background:url(../i2/header-bg.gif) top right no-repeat;}
#header h1.logo {text-indent:-99999px;display: block; line-height:0;}
#header h1.logo a {background: url(../i2/riai_logo_new.jpg) top left no-repeat;float:left;width: 125px;height: 125px; margin-top: 10px;}
#header h1.logo a:hover {background: url(../i2/riai_logo_new.jpg) 0 -0px no-repeat;}
#header #searchform {	float:left;margin: 50px 0px 0 92px;}
#header #searchform div {
    /* This div will have the left image as a background */
    background: url(../i2/header-search-bg.gif) no-repeat left top;
    padding: 0px;
    margin: 0px;
    line-height: 1;
	width:288px;
	height:28px;
}
#header #searchform #keywords {
	 float:left;
	border:none;
    background: transparent;
    padding-left: 32px;
	width:217px;
	line-height: 1;
	height:28px; color:#fff;
}
#header #searchform input {
    /* Some reset styles to make my form elements play nice */
    vertical-align: top;
    margin: 0 !important;
    line-height: 1; 	height:28px;
    outline:0 !important;
}
#header #searchform input.submit {float:right;width:38px;height:28px;}
#header p.advanced-search {float:left; margin:55px 0px 0 10px;}
#header p.advanced-search a {color:#33cc00;}
/* Main Navigation
-----------------------------------------------------------------------*/
#mainnav {clear:both;margin:20px 0 20px 0;width:968px;position: relative; z-index: 999;}

ul#topnav {margin: 0; padding: 0;float:left;width: 100%;list-style: none;font-size: 13px;background: #fafaf9;height:37px;border:1px solid #b4c1d0;}
ul#topnav li {float: left;dislpay:block;position: relative;z-index: 99999;}
ul#topnav li a {float: left; dislpay:block;	padding: 12px 7px 5px 7px; margin-right:0px; color: #143064;font-size:13px;height:20px;}
ul#topnav li:hover a, ul#topnav li a:hover,ul#topnav li.here:hover a,ul#topnav li.here a:link, ul#topnav li.here a  { background: #002e65;/*url(../i2/mainnav-bg-hover-right.png) top right no-repeat;*/color:#fff;text-decoration:none; }

ul#topnav li .sub {
	position: absolute;	
	z-index: 1000;
	top: 37px; left: 0;
	background: #28568d  url(../i2/dropdown-back.gif) top left repeat-x ;
	
	padding: 15px;
	border: 0px solid #33cc00;

	float: left;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	display: none;
}
ul#topnav li .sub.one {
	position: absolute;	
	z-index: 1000;
	top: 37px; right: 0;
	background: #28568d  url(../i2/dropdown-back.gif) top left repeat-x ;
	padding: 15px;
	border: 0px solid #33cc00;

	float: left;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	display: none;
}
ul#topnav li .row {clear: both; float: left; width: 100%; margin-bottom: 10px;}
ul#topnav li .sub ul{list-style: none;margin: 0; padding: 0;width: 230px;float: left;}
ul#topnav li .sub ul li {width: 100%;color: #ffffff;	}
ul#topnav li.here .sub ul li a,ul#topnav li.here .sub ul li a:link, ul#topnav .sub ul li a, ul#topnav .sub ul li a:link, ul#topnav .sub ul li a:active {float: none; text-indent: 0; /*--Reset text indent--*/height: auto;background: url(../i2/navlist_arrow.gif) no-repeat 5px 12px;padding: 7px 5px 7px 15px;display: block;text-decoration: none;color: #ffffff;font-size:12px;line-height:1.5;}

ul#topnav .sub ul li a:hover, ul#topnav li.here .sub ul li a:hover {color: #33cc00; text-decoration:underline; background: url(../i2/navlist_arrow.gif) no-repeat 5px 12px ;}

ul#topnav li .sub ul li h3 {padding: 0;  margin: 0;font-size: 12px;font-weight: bold;;}
ul#topnav li .sub ul li h3 a, ul#topnav li .sub ul li h3 a:link, ul#topnav li.here .sub ul li h3 a, ul#topnav li.here .sub ul li h3 a:link {padding: 5px 0;background: none;color: #33cc00;font-size:12px}

/* CONTENT LAYOUTS
-----------------------------------------------------------------------*/
#enclose {clear:both;float:left;width:665px;}
#enclose #content {padding:5px 15px 15px 0;}
#enclose #content img {border:5px solid #eaeae4;margin:10px auto;padding:0;}
#enclose #content img.left {float:left; margin: 0 15px 10px 0;clear:both;}
#enclose #content img.right {float:right;margin:0 0 10px 10px;clear:both;}


#slideshow {}
#calls2action {clear:both;padding:15px 0;}
#right {float:right; width:300px;z-index:1;}

/* single page */
h2#pagebanner {display:block; width:955px; font-size:26px;height:41px; background:url(../i2/pagebanner-bg.png) top left no-repeat;color:#fff;margin-top:-10px;margin-bottom:10px;padding:4px 0 0 15px; vertical-align:middle;}

/* TABS and News Big Links */
#tabs {border:none;}
 div.scroll {height:350px;overflow:auto;width:262px; padding-right:3px;}
 div.scroll h4 {font-size:12px;font-weight:bold; text-transform:uppercase;padding:0;margin:0;}
 div.scroll p {font-size:11px;padding:0;}
 div.scroll p.date {margin-bottom:5px;font-style: italic;}
 div.scroll p a {color:#33cc00;}

/* Bigger Links News */
/* Put a border around the newly clickable element */
.bl-hot {zoom: 1; /* Should be IE only */}
/* rollover style for clickable element */
.bl-hover {cursor: pointer;background-color: #224991;}
		
/* Simulate hover on contained link */
.bl-hover a:link {color: #33cc00;}
.bl-hover a:visited {color: #33cc00;}
		
/* Some demo layout */
#links, #links2 {clear: both;margin: 0;padding: 0;width:235px; }
#links li.bl-hot, #links2 li.bl-hot {margin: 0;margin-right: -1px;text-indent: 0;list-style-type: none; padding-top:10px;border-bottom: 1px dotted #33cc00;}
#links li:before, #links2 li:before {content: '';}
#links h3, #links2 h3 {}

/* pdf link */
.pdf {background:url(../i2/pdf.gif) top left no-repeat; padding-top:15px; padding-bottom:15px; padding-left: 40px; margin-top:5px; margin-bottom:5px; display:block; }

/* FOOTER 
-----------------------------------------------------------------------*/
#footer {clear:both; background:#fff;height: 150px;clear:both;z-index:20;} 
#footer .gutter {width:980px;margin:0 auto;border-top:15px solid #002f65;padding-top:10px;}
#footer .gutter p {font-size:11px; float:left; color:#7d7b7b; padding:2px 0 1px 0; width:100%;margin:0;}
#footer .gutter a {color:#7d7b7b;}
#footer .gutter a:hover {color:#33cc00;}
#footer .gutter p.bbd {color:#cdcdcd;}
#footer .gutter p.bbd a, #footer .gutter p.bbd a:link {color:#cdcdcd;text-decoration:none;}
#footer .gutter p.bbd a:hover {color:#cdcdcd;text-decoration:underline;}

#footer p a:hover img {  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter: alpha(opacity=80);-moz-opacity: 0.8;-khtml-opacity: 0.8;opacity: 0.8;}

/* TOP BAR 
-----------------------------------------------------------------------*/
#topbar {/*position:absolute;top:0;left:0;*/position:relative;width:100%;height:60px;background:#002f65;margin:0;padding:0;}
#topbar .gutter {margin:0 auto;width:975px;padding:15px 0;}
#topbar h6.logo {text-indent:-99999px;display: block; line-height:0;}
#topbar h6.logo a {background: url(../i2/topbar-logo.gif) top left no-repeat;float:left;width: 121px;height: 25px;}
#topbar h6.logo a:hover {background: url(../i2/topbar-logo.gif) 0 -0px no-repeat;}
#topbar .gutter p {float:right; color:#fff; padding-top:3px; }

#topbar .gutter form {float:left;margin:3px 0 0 20px;}


/* COOKIE BAR 
-----------------------------------------------------------------------*/
#popup {width:100%;background:#758eac;}
#popup .gutter {margin:0 auto;width:975px;padding:5px 0;}
#popup a {color:#33cc00;}
#popup a:hover {text-decoration:underline;}
#popup .gutter p {float:left; color:#fff; color:#fff; font-size:11px;width:50%;}
#popup h3 {float:left; width:20%;margin-top:0;margin-bottom:0;font-weight:bold;}
#popup h4 {float:right; width:25%;}

/* BOXES
-----------------------------------------------------------------------*/

/* Submenu Box */
#submenu {width:285px;float:right; background:#002f65 url(../i2/news-box-bottom.png) bottom left no-repeat; margin-bottom:10px;}
#submenu div {width:285px; display:block; background:url(../i2/news-box-top.png) top left no-repeat; }
#submenu h3 {font-size:18px; color:#fff;padding: 10px 0 0 10px;line-height:1;}
#submenu hr {color: #7d95b0;background-color: #7d95b0;height: 1px;border: 0;width: 265px;padding:0;margin:5px auto; line-height:1;}
#submenu ul#subnav {list-style: none; padding: 0;width: 265px;float: left;margin:0px 0 15px 10px;}
#submenu ul#subnav li {border-bottom:1px dotted #33cc00;padding:5px 0 5px 0;font-weight:bold;}
#submenu ul#subnav li a, #submenu ul#subnav li a:link {color:#fff;}
#submenu ul#subnav li a:hover,#submenu ul#subnav li a.here, #submenu ul#subnav li a.here:link {color:#33cc00;}
#submenu ul#subnav ul {list-style:none;margin-left:5px;margin-bottom:0px;}
#submenu ul#subnav ul li {border:none;padding:0;font-weight:normal;}
#submenu ul#subnav ul li a {float: none; text-indent: 0; /*--Reset text indent--*/height: auto;background: url(../i2/submenu_bg.png) no-repeat 0px 50%;padding: 7px 5px 7px 25px;display: block;text-decoration: none;color: #fff;font-size:12px;line-height:1;margin:0;}
#submenu ul#subnav ul li a:hover, #submenu ul#subnav ul li a.here, #submenu ul#subnav ul li a.here:link {background: url(../i2/submenu_bg_hover.png) no-repeat 0px 50%;color:#33cc00;} 

/* Members Login - Homepage */
div.login {clear:both;float:right;margin-right:0px;margin-bottom:15px;width:280px;height:220px;background:#33cc00 url(../i2/login-box.png) bottom left no-repeat;color:#fff;}
div.login h4.login {text-indent:-99999px; display:block; width:280px; height:27px; background: #fff url(../i2/h4-login.png) top left no-repeat;}
div.login a, div.login a:link {color:#002f65;text-decoration:none;}
div.login a:hover {color:#002f65;text-decoration:underline;}
div.login form {padding:20px; background:transparent;color:#fff;}
div.login form div {clear:both;}
div.login form label {float:left;font-weight:bold;padding-top:5px;}
div.login form input {float:right;border:none;background:#fff;width:160px;height:25px;margin-bottom:18px; color:#002f65;padding-left:5px;}
div.login form input.submit {margin-bottom:20px;float:right;clear:both; background:url(../i2/submit.png) 0 0;width:84px;height:26px;cursor:pointer;text-indent:-9999px;}
div.login form input.submit:hover {background:url(../i2/submit.png) 0 -26px;width:84px;height:26px;}

div.login2 {clear:both;float:right;margin-right:0px;margin-bottom:15px;width:285px;height:105px;background:url(../i2/mem-login-box-bottom.gif) bottom left no-repeat;color:#fff;}
div.login2 h4.login {display:block; width:285px; background: #fff url(../i2/mem-login-box-top.gif) top left no-repeat;font-size:14px; font-weight:bold;color:#fff; padding:5px 0 0px 10px; text-transform:uppercase;}
div.login2 a, div.login a:link {color:#002f65;text-decoration:none;}
div.login2 a:hover {color:#002f65;text-decoration:underline;}
div.login2 form {padding:0px; background:transparent;color:#fff;}
div.login2 form div {}
div.login2 form label {float:left;font-weight:bold;padding-top:5px;}
div.login2 form input {float:left;border:none;background:#fff;width:160px;height:25px;margin-bottom:10px; color:#002f65;padding-left:5px;clear:left;}
div.login2 form input.submit {margin-bottom:0px;float:right; background:url(../i2/login-submit.gif) 0 0;width:84px;height:26px;cursor:pointer;text-indent:-9999px;}
div.login2 form input.submit:hover {filter:alpha(opacity=80);
-moz-opacity:0.8;
-khtml-opacity: 0.8;
opacity: 0.8;}

/* Calendar CSS Document */
div.calendar {clear:both;float:right;margin:10px 0px 10px 0;}
div.calendar .calendarBG {width:235px;}
div.calendar .calendarBG td {padding:10px;}
div.calendar .calendarBlank {background-color: #fff;border-right:4px solid #fff;border-bottom:4px solid #fff;}
div.calendar .calendarHeader { font-weight: bold; color: #002f65; text-align: center; background-color: #fff; font-size: 14px; padding-top:0;}
div.calendar .calendarMonthLinks { font-size: 14px; font-weight: bold; letter-spacing:	.1em; text-decoration:   none; color: #002f65; background-color:  transparent; padding:5px 0;}
div.calendar .calendarMonthLinks a {color:#002f65;text-decoration:   none; background-color:  transparent;}
div.calendar .calendarMonthLinks a:visited {color:#002f65; text-decoration:   none; background-color:  transparent;}
div.calendar .calendarMonthLinks a:hover {color:#002f65; text-decoration:   underline; background-color:  transparent;}
div.calendar .calendarDayHeading { font-weight: bold; font-size:	11px; color: #fff; background-color: #33cc00;text-align:  center; vertical-align: middle; border-right:4px solid #fff; border-bottom:4px solid #fff;}
div.calendar .calendarToday { font-weight: bold; letter-spacing:	.1em; text-decoration:   none; text-align:  center; vertical-align: middle;color: #fff; background-color: 	#228600;  border-bottom:4px solid #fff; border-right:4px solid #fff;}
div.calendar .calendarCell { font-weight: bold; letter-spacing:	.1em; text-decoration:   none; text-align:  center; vertical-align: middle; color: #33cc00; background-color:  #e9e9e3; border-bottom:4px solid #fff; border-right:4px solid #fff; padding:2px 2px;}
div.calendar .calendarCell a {color: #fff; text-decoration:   underline; background-color:  #33cc00;}
div.calendar .calendarCell a:visited {color: #fff; text-decoration:   underline;}
div.calendar .calendarCell a:hover {color: #fff;text-decoration:   none;background-color:  #33cc00;}


/* BIG LINKS CSS */

/* Put a border around the newly clickable element */
.boxlinks	.bl-hot {border: solid 1px #ccc;zoom: 1; /* Should be IE only */}

/* rollover style for clickable element */
.boxlinks	.bl-hover {border-color: #aaf;cursor: pointer;background-color: #cdF;}
		
/* Simulate hover on contained link */
.boxlinks	.bl-hover a:link {color: #CC3333;}
.boxlinks	.bl-hover a:visited {color: #CC3333;}
.boxlinks:before {content: '';}
			
.yum h3 a, .yum h3 a:link, .yum p a, .yum p a:link {color: #fff;} /* for biglinks */
.yum h3 a:hover, .yum p a:hover  {color:#ff0000;}
.roll h3 a:visited, .roll p a:visited {color: #ff0000}/* for biglinks */

li#arch-connect {height:218px;background:url(../i2/arch_connect_bg.jpg) top left no-repeat;border-color:#002f65;}
li#gpg-link {height:203px;background:url(../i2/gpg_bg.jpg) 0 20px;border-color:#000;}
li#reg-link	 {height:218px;background:url(../i2/register_bg.jpg) top left no-repeat;border-color:#33cc00;}	
li#arch-awards {height:203px;background:url(../i2/portal_bg.jpg) top left no-repeat;border-color:#33cc00;}
li#consumer-link {height:203px;background:url(../i2/working_bg.jpg) top left no-repeat;border-color:#002f65;}
li#practice-link	 {height:203px;background:url(../i2/practice_bg.jpg) top left no-repeat;border-color:#33cc00;}	
li#arch-irl-link {background:url(../i2/arch_irl_bg.jpg) top left no-repeat;border-color:#002f65;width:658px;height:108px;}

/* Put a border around the newly clickable element */
.links2 .bl-hot, .links3 .bl-hot, .links4 .bl-hot {border: solid 1px #ccc;zoom: 1; /* Should be IE only */}
.links2 .bl-hot a,.links2 .bl-hot a:link, .links3 .bl-hot a,.links3 .bl-hot a:link, .links4 .bl-hot a,.links4 .bl-hot a:link  {padding:0;margin:0;color:#fff;}

/* rollover style for clickable element */
.links2 .bl-hover, .links3 .bl-hover, .links4 .bl-hover, li#house-mag-link.bl-hover, li#arch-connect.bl-hover, li#gpg-link.bl-hover, li#reg-link.bl-hover, li#arch-awards.bl-hover, li#consumer-link.bl-hover, li#practice-link.bl-hover, li#arch-irl-link.last.bl-hover  {
border:1px solid #000;
	cursor: pointer;
		filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
	/*background-color: #cdF;*/
	}
 



/* Simulate hover on contained link */
.links2 .bl-hover a:link, .links2 .bl-hover a:hover,.links3 .bl-hover a:link, .links3 .bl-hover a:hover, .links4 .bl-hover a:link, .links4 .bl-hover a:hover, li#arch-irl-link.last.bl-hover a:link, li#arch-irl-link.last.bl-hover a:hover {
	color: #fff;text-decoration:none;
	}
.links2 .bl-hover a:visited, .links2 .bl-hover a:visited, .links3 .bl-hover a:visited, .links3 .bl-hover a:visited, .links4 .bl-hover a:visited, .links4 .bl-hover a:visited, li#arch-irl-link.last.bl-hover a:visited {
	color: #fff;
	}
		
/* .links2 layout */
.links2 {float: left;width: 660px;clear: both;margin: 0;padding: 0;margin: 15px 0;}
.links2 li {margin-right:15px;display:block;} 
.links2 li.last {margin-right:0;}
.links2 li.bl-hot {width: 213px;float: left;padding: 0;margin: 0;margin-right: 15px;display: inline;text-indent: 0;list-style-type: none;min-height: 218px;}
.links2 li.last.bl-hot {width:195px;margin:0;}			
.links2 li:before, .links2 li.last:before {content: '';}
.links2 div h3, .links2 div p {margin:0;padding:5px;display:block; background:#002f65;line-height:1;width:175px;margin:0px;
filter:alpha(opacity=90);
-moz-opacity:0.9;
-khtml-opacity: 0.9;
opacity: 0.9;}
.links2 div h3 {margin-top:10px;}
.links2 div p {margin-top:114px;height:30px;float:right;}
li#arch-connect p, li#arch-connect h3{background:#002f65;}
li#gpg-link h3{background:#000;}
li#reg-link p, li#reg-link	 h3{background:#33cc00;width:155px;}	

		
/* .links3 layout */
.links3 {float: left;width: 660px;clear: both;margin: 0;padding: 0;margin-bottom: 15px;}
.links3 li {margin-right:15px;display:block;} 
.links3 li.last {margin-right:0;}
.links3 li.bl-hot {width: 213px;float: left;padding: 0;margin: 0;margin-right: 15px;display: inline;text-indent: 0;list-style-type: none;height: 203px;}
.links3 li.last.bl-hot {width:195px;margin:0;}			
.links3 li#arch-irl-link.last.bl-hot {width:658px;height:108px;margin:0;}
.links3 li:before, .links3 li.last:before, .links3 li#arch-irl-link.last:before {content: '';}
.links3 div h3,.links3 div p  {margin:0;padding:5px;display:block; background:#002f65;line-height:1;width:175px;margin:0px;
filter:alpha(opacity=90);
-moz-opacity:0.9;
-khtml-opacity: 0.9;
opacity: 0.9;}
.links3 div h3 {margin-top:10px;}
.links3 div p {height:30px;margin-top:100px;float:right;}
li#arch-awards p, li#arch-awards h3{background:#33cc00;}
li#consumer-link  p,li#consumer-link h3{background:#002f65;}
li#practice-link p, li#practice-link h3 {background:#33cc00;width:155px;}	

li#arch-irl-link.last p {background:#002f65;margin-top:0;height:35px;padding:5px;}		
li#arch-irl-link.last h3 {margin-top:10px;background:#002f65;padding:5px;}
/* .links4 layout */
.links4 {clear:both;float: right;width: 283px;height:108px;clear: both;margin: 0;padding: 0;margin: 15px 5px 15px 0px;}
.links4 li {display:block; } 
.links4 li.bl-hot {width: 283px;float: left;padding: 0;margin: 0;display: inline;text-indent: 0;list-style-type: none;height: 203px; }
.links4 div h3 {padding:5px;display:block; background:#33cc00;line-height:1;width:175px;margin:10px 0 0 0;
filter:alpha(opacity=90);
-moz-opacity:0.9;
-khtml-opacity: 0.9;
opacity: 0.9;}


li#house-mag-link {background:url(../i2/house_mag_bg.jpg) top left no-repeat;/*border-color:#33cc00;*/border:none;width:285px;height:220px; margin-top:15px;}

li#arch-ireland-link {background:url(../i2/arch_irl_bg.jpg) top left no-repeat;/*border-color:#33cc00;*/border:none;width:285px;height:220px; }

/* NEW AUGUST 2011 - Homepage Orbit Slideshow */
#featured {width:660px;height:420px;background:#000;}
/* END NEW AUGUST 2011 - Homepage Orbit Slideshow */

/* NEW AUGUST 2011 - Homepage Boxes */

/* LEFT SIDE */
#enclose h3.find-an-arch {text-indent:-99999px;display: block; line-height:0;}
#enclose h3.find-an-arch a {background: url(../i2/find-an-arch.jpg) top left no-repeat;float:left;width: 215px;height: 220px;margin-bottom:15px;}
#enclose h3.find-an-arch a:hover {background: url(../i2/find-an-arch.jpg) 0 -0px no-repeat;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  opacity: 0.8;
}

#enclose h3.top-tips {text-indent:-99999px;display: block; line-height:0;}
#enclose h3.top-tips a {background: url(../i2/top-tips.jpg) top left no-repeat;float:left;width: 210px;height: 122px;margin-bottom:10px;}
#enclose h3.top-tips a:hover {background: url(../i2/top-tips.jpg) 0 -0px no-repeat;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  opacity: 0.8;
}

#enclose h3.practice-directory {text-indent:-99999px;display: block; line-height:0;}
#enclose h3.practice-directory a {background: url(../i2/practice-directory.jpg) top left no-repeat;float:left;width: 210px;height: 122px;margin-bottom:10px;}
#enclose h3.practice-directory a:hover {background: url(../i2/practice-directory.jpg) 0 0px no-repeat;	
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  opacity: 0.8;
}

#enclose h3.working-architect {text-indent:-99999px;display: block; line-height:0;}
#enclose h3.working-architect a {background: url(../i2/working-architect.jpg) top left no-repeat;float:left;width: 210px;height: 122px;margin-bottom:10px;}
#enclose h3.working-architect a:hover {background: url(../i2/working-architect.jpg) 0 0px no-repeat;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  opacity: 0.8;}
  
  
#enclose h3.consumer-protection {text-indent:-99999px;display: block; line-height:0;}
#enclose h3.consumer-protection a {background: url(../i2/consumer-protection.jpg) top left no-repeat;float:left;width: 210px;height: 122px;margin-bottom:10px;}
#enclose h3.consumer-protection a:hover {background: url(../i2/consumer-protection.jpg) 0 0px no-repeat;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  opacity: 0.8;}
  
  #enclose h3.arch-ireland {text-indent:-99999px;display: block; line-height:0;}
#enclose h3.arch-ireland a {background: url(../i2/arch-ireland.jpg) top left no-repeat;float:left;width: 210px;height: 122px;margin-bottom:10px;}
#enclose h3.arch-ireland a:hover {background: url(../i2/arch-ireland.jpg) 0 0px no-repeat;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  opacity: 0.8;
}

#enclose h3.irish-architecture {text-indent:-99999px;display: block; line-height:0;}
#enclose h3.irish-architecture a {background: url(../i2/irish-architecture.jpg) top left no-repeat;float:left;width: 210px;height: 122px;margin-bottom:10px;}
#enclose h3.irish-architecture a:hover {background: url(../i2/irish-architecture.jpg) 0 0px no-repeat;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  opacity: 0.8;}
  
  #enclose .cta-holder {width:225px; height:175px; float:left;  margin-top:15px;}
  
   #enclose .cta-holder2 {width:210px; height:175px; float:left;  margin-top:15px;}
  
  #enclose h4 {/*clear:both;*/ margin-top:5px; margin-bottom:5px; color:#339900; font-size:12px; text-transform:uppercase; font-weight:bold;}
  #enclose p {color:#666;}

#enclose h3.check-register {text-indent:-99999px;display: block; line-height:0;}
#enclose h3.check-register a {background: url(../i2/check-the-register.jpg) top left no-repeat;float:left;width: 215px;height: 220px;margin-bottom:15px;margin-left:18px;}
#enclose h3.check-register a:hover {background: url(../i2/check-the-register.jpg) 0 0px no-repeat;	
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  opacity: 0.8;
}

#enclose h3.riai-awards {text-indent:-99999px;display: block; line-height:0;}
#enclose h3.riai-awards a {background: url(../i2/riai-awards.jpg) top left no-repeat;float:left;width: 197px;height: 220px;margin-bottom:15px;margin-left:15px;}
#enclose h3.riai-awards a:hover {background: url(../i2/riai-awards.jpg) 0 0px no-repeat;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  opacity: 0.8;}


#enclose h3.consumer-link {text-indent:-99999px;display: block; line-height:0;}
#enclose h3.consumer-link a {background: url(../i2/working-with-an-architect.jpg) top left no-repeat;float:left;width: 215px;height: 220px;margin-bottom:15px;}
#enclose h3.consumer-link a:hover {background: url(../i2/working-with-an-architect.jpg) 0 0px no-repeat;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  opacity: 0.8;}

#enclose h3.competitions-link {text-indent:-99999px;display: block; line-height:0;}
#enclose h3.competitions-link a {background: url(../i2/riai-competitions.jpg) top left no-repeat;float:left;width: 215px;height: 220px;margin-bottom:15px;margin-left:18px;}
#enclose h3.competitions-link a:hover {background: url(../i2/riai-competitions.jpg) 0 0px no-repeat;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  opacity: 0.8;
}

#enclose h3.arch-connect {text-indent:-99999px;display: block; line-height:0;}
#enclose h3.arch-connect a {background: url(../i2/arch-connect.jpg) top left no-repeat;float:left;width: 197px;height: 220px;margin-bottom:15px;margin-left:15px;}
#enclose h3.arch-connect a:hover {background: url(../i2/arch-connect.jpg) 0 0px no-repeat;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  opacity: 0.8;}

/* RIGHT SIDE */
#right-col-extras h3.arch-irl {text-indent:-99999px;display: block; line-height:0;}
#right-col-extras h3.arch-irl a {background: url(../i2/house_mag_bg.jpg) top left no-repeat;float:right;width: 285px;height: 105px;margin-top:0px;margin-bottom:10px;}
#right-col-extras h3.arch-irl a:hover {background: url(../i2/house_mag_bg.jpg) 0 0px no-repeat;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  opacity: 0.8;}

#right-col-extras h3.house-mag {text-indent:-99999px;display: block; line-height:0;}
#right-col-extras h3.house-mag a {background: url(../i2/arch_irl_bg.jpg) top left no-repeat;float:right;width: 285px;height: 105px;margin-bottom:10px;}
#right-col-extras h3.house-mag a:hover {background: url(../i2/arch_irl_bg.jpg) 0 0px no-repeat;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  opacity: 0.8;}

#right-col-extras h3.newsletter {text-indent:-99999px;display: block; line-height:0;}
#right-col-extras h3.newsletter a {background: url(../i2/newsletter-signup.gif) top left no-repeat;float:right;width: 285px;height: 105px;margin-bottom:10px;}
#right-col-extras h3.newsletter a:hover {background: url(../i2/newsletter-signup.gif) 0 0px no-repeat;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  opacity: 0.8;}
  
  #right-col-extras h3.newsletter-2013 {text-indent:-99999px;display: block; line-height:0;}
#right-col-extras h3.newsletter-2013 a {background: url(../i2/newsletter-signup-2013.gif) top left no-repeat;float:right;width: 285px;height: 80px;margin-bottom:15px; margin-top:15px;}
#right-col-extras h3.newsletter-2013 a:hover {background: url(../i2/newsletter-signup-2013.gif) 0 0px no-repeat;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  opacity: 0.8;}
  
  #right-col-extras h3.check-register-2013 {text-indent:-99999px;display: block; line-height:0;}
#right-col-extras h3.check-register-2013 a {background: url(../i2/check-register.gif) top left no-repeat;float:right;width: 285px;height: 80px;margin-bottom:15px;}
#right-col-extras h3.check-register-2013 a:hover {background: url(../i2/check-register.gif) 0 0px no-repeat;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  opacity: 0.8;}
  
    #right-col-extras h3.visit-bookshop {text-indent:-99999px;display: block; line-height:0;}
#right-col-extras h3.visit-bookshop  a {background: url(../i2/visit-bookshop.gif) top left no-repeat;float:right;width: 285px;height: 80px;margin-bottom:15px;}
#right-col-extras h3.visit-bookshop  a:hover {background: url(../i2/visit-bookshop.gif) 0 0px no-repeat;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  opacity: 0.8;}
  
   #right-col-extras h3.riai-services {text-indent:-99999px;display: block; line-height:0;}
#right-col-extras h3.riai-services  a {background: url(../i2/riai-services.gif) top left no-repeat;float:right;width: 285px;height: 80px;margin-bottom:15px;}
#right-col-extras h3.riai-services  a:hover {background: url(../i2/riai-services.gif) 0 0px no-repeat;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  opacity: 0.8;}
  
    #right-col-extras h3.join-conversation {text-indent:-99999px;display: block; line-height:0; float:right;width: 285px;height: 80px;margin-bottom:15px; margin-top:0px;}
	.joiner01 {float:left; width:170px; height:80px; display:block;}
	.joiner02 {float:left; width:52px; height:80px; display:block;}
	.joiner03 {float:left; width:63px; height:80px; display:block;}



/* END NEW AUGUST 2011 - Homepage Boxes */

/* ******************** Members Homepage *************** */

/* Put a border around the newly clickable element */
.mem-links-holder {display:block; float:left; width:33%;}
.mem-links .bl-hot {border: solid 1px #ccc;zoom: 1; /* Should be IE only */}
.mem-links .bl-hot a, .mem-links .bl-hot a:link  {padding:0;margin:0;color:#fff;}

/* rollover style for clickable element */
.mem-links .bl-hover,  li#mem_sustainable.last.bl-hover  {
	border-color: #0077ff;
	cursor: pointer;
	filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
	}

/* Simulate hover on contained link */
.mem-links .bl-hover a:link, .mem-links .bl-hover a:hover {color: #fff;text-decoration:none;}
.mem-links .bl-hover a:visited {color: #fff;}

/* .links2 layout */
.mem-links {float: left;width: 660px;clear: both;margin: 0;padding: 0;margin: 0 0 15px 0;}
.mem-links li {float:left;margin-right:15px;display:block; clear:both; } 
.mem-links li.last {margin-right:0;}
.mem-links li.bl-hot {width: 185px;float: left;padding: 0; margin: 0 15px 15px 0; display: inline;text-indent: 0;list-style-type: none;height: 80px;}
.mem-links li.last.bl-hot {margin: 0 15px 15px 0;}			
.mem-links li:before, .mem-links li.last:before {content: '';}
.mem-links div h3 {padding:5px 5px 5px 5px;display:block; background:#002f65;line-height:1;width:96px;margin:25px 0 0 0;font-size:16px;font-weight:bold;height:35px;}


li#mem_cpd {background:url(../i2/mem_cpd_bg.png) top left no-repeat;border-color:#33cc00;}
li#mem_cpd h3{background:#33cc00;}
li#mem_cpd1 {background:url(../i2/mem_cpd1_bg.png) top left no-repeat;border-color:#002f65;}
li#mem_cpd1 h3{background:#002f65;}
li#mem_cpd2 {background:url(../i2/mem_cpd2_bg.png) top left no-repeat;border-color:#33cc00;}
li#mem_cpd2 h3{background:#33cc00;}

li#mem_lottery1 {background:url(../i2/mem_lottery_bg.png) top left no-repeat;border-color:#002f65;}
li#mem_lottery1 h3{background:#002f65;}
li#mem_lottery2 {background:url(../i2/mem_lottery_bg.png) top left no-repeat;border-color:#33cc00;}
li#mem_lottery2 h3{background:#33cc00;}

li#mem_docs {background:url(../i2/mem_docs_bg.png) top left no-repeat;border-color:#002f65;}
li#mem_docs h3{background:#002f65;}
li#mem_sustainable {background:url(../i2/mem_sustainable_bg.png) top left no-repeat;border-color:#cc3300;}
li#mem_sustainable h3{font-size: 15px; background:#cc3300;}
li#mem_jobs {background:url(../i2/jobs.png) top left no-repeat;border-color:#33cc00;}
li#mem_jobs h3{background:#33cc00;}
li#mem_news {background:url(../i2/mem_news2_bg.png) top left no-repeat;border-color:#33cc00;}
li#mem_news h3{background:#33cc00;}
li#mem_bcar {background:url(../i2/bcar.png) top left no-repeat;border-color:#cc3300;}
li#mem_bcar h3{background:#cc3300;}

li#mem_info {background:url(../i2/mem_info_bg.png) top left no-repeat;border-color:#002f65;}
li#mem_conserve {background:url(../i2/conserve-bk.png) top left no-repeat;border-color:#cc3300;}
li#mem_conserve h3 {font-size: 15px; background:#cc3300;}
li#mem_ebulls {background:url(../i2/mem_ebulls_bg.png) top left no-repeat;border-color:#33cc00;}
li#mem_practice {background:url(../i2/mem_practice_bg.png) top left no-repeat;border-color:#002f65;}
li#mem_practice_ebulls {background:url(../i2/mem_news_bg.png) top left no-repeat;border-color:#002f65;}
li#mem_info h3{background:#002f65;}
li#mem_ebulls h3{background:#33cc00;}
li#mem_practice h3{background:#002f65;}
li#mem_practice_ebulls h3{background:#002f65;}

li#mem_access {background:url(../i2/mem-accessibilty.gif) top left no-repeat;border-color:#cc3300;}
li#mem_access h3 {background:#cc3300;} 
li#mem_bim {background:url(../i2/mem-bim.gif) top left no-repeat;border-color:#cc3300;}
li#mem_bim h3 {background:#cc3300;}
/* Custom Icons */
.addthis_toolbox .custom_images a {width: 32px;height: 32px;margin: 0;padding: 0;}
.addthis_toolbox .custom_images a img {opacity: 1.0;}
.addthis_toolbox .custom_images a:hover img {opacity: 0.75;}
.addthis_toolbox .custom_images span {font-size:14px;}

/* ---------------------------------------- Events Calendar Styles ------------------------------ */

#event_calendar {width: 100%;border: none;}

#event_calendar .calendarBlank { 
	background-color: #6e6e64;
	width: 14%;
	text-align: center;
	color:#999;
	}

#event_calendar .calendarHeader { 
	color:#002f65; 
	font-weight:bold; 
	font-size:1.3em; 
	padding-bottom:10px; 
	line-height:1.2em; 
	margin: 0px 0px 0px 0px;
	text-transform: uppercase;
	text-align:center;
}

#event_calendar .calendarMonthLinks {
	font-size: 11px;
	font-weight: bold;
	letter-spacing: .1em;
	text-decoration: none;
	color: #002f65;
	}

	#event_calendar .calendarMonthLinks a {
		color: #002f65;
		text-decoration: none;
		}

		#event_calendar .calendarMonthLinks a:hover {
			color: #002f65;
			text-decoration: underline;
			background:none;
			}

#event_calendar .calendarDayHeading {
	font-weight: bold; 
	font-size:	11px;
	color: #fff; 
	background-color: #002f65;
	text-align:  center;
	vertical-align: middle;
	padding: 5px 0px 5px 0px;
	height:20px;
	}

#event_calendar .calendarToday { 
	font-size: 12px;
	font-weight: bold;
	letter-spacing: .1em;
	text-align: center;
	vertical-align: middle;
	color: #002f65;
	background-color: #aaaa9d;
	}

#event_calendar .calendarCell {
	font-size: 11px;
	font-weight: normal;
	letter-spacing: .1em;
	text-align: center;
	vertical-align: middle;
	color: #002f65;
	background: #e6e5df url(../i/calender-cell-bg.gif) bottom left repeat-x;
	width: 14%;
	height: 100px;
	border-left:1px solid #fff;
	}

#event_calendar .event_link {
	padding: 5px 0px 5px 0px;
	}

	#event_calendar .event_link  a {
		color: #002f65;
		text-decoration: none;
		}

	#event_calendar .event_link a:hover {
		text-decoration: underline;
		background:none;
		}


	

#event_calendar .event_details {
	padding:10px; 
	margin: 0px 0px 0px 0px
	}

	#event_calendar .event_details h3 {
		border: none;
		text-transform: none;
		padding: 0px 0px 0px 0px;
		margin: -5px 0px -15px 0px;
		font-size: 1em;
		}	

	#event_calendar .event_details p {
		line-height: 1.5em;
		}

/* ---------------------------------------- Bookshop Table ------------------------------ */

#book_table td {padding:10px 5px; line-height: 1.5em; vertical-align:top;}



#book_table tr {padding-bottom:5px; border-bottom:solid #FFF 5px;}
/* ---------------------------------------------------------------------------- EXTRAS and HACKS 
--------------------------------------------------------------------------------------*/	
/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}

/* Clearfix Hack */
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

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