@charset "utf-8";

/* CSS Document */

* {
	margin:0;
	padding:0;
	}

body {
	color: #333;
	font-size: 62.5%;
	font-family: Verdana, Arial, "Lucida Grande", "Trebuchet MS", Sans-Serif;
	background: url(../i/bg.gif) #fff top left repeat-x;
	}
.center {text-align:center}
.bold {font-weight: bold;}
.red {color:#ff0000;}
img {border: none;}

#main-col .gutter img {

	border:1px solid #000;
	text-align:center;
	}
#main-col .gutter .img-article {
	float:right;
	border: 1px solid #558aaa;
	margin-left:10px;}	

/* ------------------------------------------------------------
-------------------------------------------------------------------- Header / Page Top */
#header {
	width:960px;
	margin:0 auto;
	}
#header h1 {
	margin:0;
	padding:0;
	text-indent:-9999px;
	}
#header h1.logo a {
	background: url(../i/ipi-logo.gif) no-repeat;
	float:left;
	width: 500px;
	height: 97px;
	display: block;
	text-decoration: none;
	}
#header h1.logo a:hover {
	float:left;
	background: url(../i/ipi-logo.gif) 0 -97px no-repeat;
	}
div#utilities {
	background:;
	float: right;
	padding:.5em;
	}		
#utilities a, #utilities a:link, #utilities a:visited { 
	font-size:.875em;
	text-decoration: none; 
	padding: 1px; 
	color:#024d82;
	}
#utilities a:hover { 
	text-decoration: underline;	
	}		

/* Main navigation
------------------------------------------------------------------*/
div#nav {
	clear:both;
	background:transparent;
	position: relative;
	width: 960px;
	height: 45px;
	overflow: hidden;
	margin:0 auto;
	}

div#nav ul#menu {
	height: 45px;
	width: 960px;
	background: transparent url(../i/ipi-nav2.gif) top left no-repeat;
	position: relative;
 	margin-top:5px;
	}

div#nav ul#menu li {
	list-style: none;
	position: absolute;
	top: 0;
	}
	
ul#menu li, ul#menu a {
	height: 45px;
	display: block;
	}
div#nav ul#menu li a {
	text-indent: -9999px;
	text-decoration: none;
	}
div#nav ul#menu li {
	text-indent: -9999px;
	text-decoration: none;
	}	
#about {left: 53px; width: 102px;}
#join	{left: 158px; width: 102px;}
#careers	{left: 263px; width: 155px;}
#news {left: 420px; width: 154px;}
#events	{left: 577px; width: 103px;}
#find	{left: 682px; width: 154px;}
#contact	{left: 839px; width: 102px;}

#about a:hover	{background: transparent url(../i/ipi-nav2.gif) -53px -45px no-repeat;}
#join a:hover {background: transparent url(../i/ipi-nav2.gif) -158px -45px no-repeat;}
#careers a:hover {background: transparent url(../i/ipi-nav2.gif) -263px -45px no-repeat;}
#news a:hover	{background: transparent url(../i/ipi-nav2.gif) -420px -45px no-repeat;}
#events a:hover {background: transparent url(../i/ipi-nav2.gif) -577px -45px no-repeat;}
#find a:hover {background: transparent url(../i/ipi-nav2.gif) -682px -45px no-repeat;}
#contact a:hover {background: transparent url(../i/ipi-nav2.gif) -839px -45px no-repeat;}

/* Main navigation "active tabs"
------------------------------------------------------------------*/

body#about-page #about {background: transparent url(../i/ipi-nav2.gif) -53px -45px no-repeat;}	
body#join-page #join {background: transparent url(../i/ipi-nav2.gif) -158px -45px no-repeat;}
body#careers-page #careers {background: transparent url(../i/ipi-nav2.gif) -263px -45px no-repeat;}
body#news-page #news {background: transparent url(../i/ipi-nav2.gif) -420px -45px no-repeat;}
body#events-page #events {background: transparent url(../i/ipi-nav2.gif) -577px -45px no-repeat;}
body#find-page #find {background: transparent url(../i/ipi-nav2.gif) -682px -45px no-repeat;}
body#contact-page #contact {background: transparent url(../i/ipi-nav2.gif) -839px -45px no-repeat;}

/* CONTENT AREA and COLUMNS
------------------------------------------------------------------*/
/* Layout - Content Columns */
#wrap {
	width:960px;
	margin:0 auto;
	background: url(../i/content-bg.gif) repeat-y;
	}
#wrap .gutter {padding: 6px 14px 6px 16px;}
/* Brand Area - Flash Holder */
h6.brand {
	text-align:center;
	background: url(../i/h/rotate.php) no-repeat;
	width:925px;
	height:200px;
	text-indent:-9999px;
	}	
/* Columns */
#main-col {
	float:right;
	width:560px;
	}
	
body#search-page #main-col {width:100%;}	
#main-col .gutter {padding:6px 30px 6px 20px;}

#left-col {
	float:left;
	width:200px;
	}
#left-col .gutter {padding:35px 0 0 16px;}	

#right-col {
	float:right;
	width:200px;
	}	
#right-col .gutter {padding:35px 14px 0 0;}

#enclose {
	float:left;
	width:760px;
	padding-bottom:15px;
	}
/* Index Page Layout */
body#index-page #main-col {width:760px;}
body#index-page #left-col {display:none;}
body#index-page div.box1-index, body#index-page div.box2-index {width:350px;background: #fff url(../i/350px-box-bot.gif) bottom left no-repeat;margin-top:1em;padding-bottom:10px;	}	
h5.box1-h {background: url(../i/350px-box-top.gif) top left no-repeat;  padding: 6px 0px 4px 10px;font-size:18px;color:#074b7a;}

body#index-page div.box1-index {float:left;}
body#index-page div.box2-index {float:right;}
div.scroll {
	height:195px;
	margin-right:5px;
	margin-bottom:5px;
	overflow-x: hidden;
overflow-y: scroll;
	}
/* Footer */	
#footer {
	clear:both;
	background: #fff url(../i/footer.gif) top left no-repeat;
	width:960px;
	padding-top: 60px;	
	margin: 0 auto;	
	text-align:center;
	}	
/* Boxes
------------------------------------------------------------------*/
.box {
	width: 175px;
	background: #fff url(../i/box-bot-blue.gif) bottom left no-repeat;	
	color:#fff;
	height:100%;
	}
.box p {padding: 5px;}
.mem-log-in {padding-bottom:35px;}
/* TOP OF BOX TAKEN CARE OF BELOW IN SIFR H5.box-h .box h3 {
	padding:10px 8px 10px 8px;
background: url(../i/box-top.gif) top left no-repeat;	
	}*/
.entry {
	border-bottom:1px dotted #ab8b36;
	margin:10px auto;
	padding-bottom:10px;
	width:510px;
	clear:left;
	}	

/* Calls 2 Action - Subs and Qualifications
------------------------------------------------------------------*/
h4.subs {
	text-indent:-9999px;
	padding-bottom:20px;
	background: url(../i/box-shadow.gif) bottom left no-repeat;
	}
h4.subs a {
	background: url(../i/subs.gif) no-repeat;
	width: 175px;
	height: 50px;
	display: block;
	text-decoration: none;
	}
h4.subs a:hover {
	background: url(../i/subs.gif) 0 -50px no-repeat;
	}
h4.qual {
	text-indent:-9999px;
	padding-bottom:20px;
	background: url(../i/box-shadow.gif) bottom left no-repeat;

	}
h4.qual a {
	background: url(../i/qualify.gif) no-repeat;
	width: 175px;
	height: 50px;
	display: block;
	text-decoration: none;
	margin-bottom:15px;
	}
h4.qual a:hover {
	background: url(../i/qualify.gif) 0 -50px no-repeat;
	}	
h4.jobs {
	text-indent:-9999px;
	padding-bottom:20px;
	background: url(../i/box-shadow.gif) bottom left no-repeat;
	}
h4.jobs a {
	background: url(../i/job-opportunities.gif) no-repeat;
	width: 175px;
	height: 50px;
	display: block;
	text-decoration: none;
	}
h4.jobs a:hover {
	background: url(../i/job-opportunities.gif) 0 -50px no-repeat;
	}		
h4.conf {
	text-indent:-9999px;
	padding-bottom:20px;
	background: url(../i/box-shadow.gif) bottom left no-repeat;
	}
h4.conf a {
	background: url(../i/cpd-papers.gif) no-repeat;
	width: 175px;
	height: 50px;
	display: block;
	text-decoration: none;
	}
h4.conf a:hover {
	background: url(../i/cpd-papers.gif) 0 -50px no-repeat;
	}		
h4.newsfeed {
	text-indent:-9999px;
	padding-bottom:20px;
	background: url(../i/box-shadow.gif) bottom left no-repeat;
	}
h4.newsfeed a {
	background: url(../i/ipi-newsfeed.gif) no-repeat;
	width: 175px;
	height: 50px;
	display: block;
	text-decoration: none;
	}
h4.newsfeed a:hover {
	background: url(../i/ipi-newsfeed.gif) 0 -50px no-repeat;
	}
h4.autumn {
	text-indent:-9999px;
	padding-bottom:20px;
	background: url(../i/box-shadow.gif) bottom left no-repeat;
	}
h4.autumn a {
	background: url(../i/autumn.gif) no-repeat;
	width: 175px;
	height: 50px;
	display: block;
	text-decoration: none;
	}
h4.autumn a:hover {
	background: url(../i/autumn.gif) 0 -50px no-repeat;
	}				
/* Headings SIFR etc
------------------------------------------------------------------*/
/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1.heading {
	visibility: hidden;
}

.sIFR-hasFlash h2.title {
	visibility: hidden;
	font-size: 2.5em;
	border-bottom: 1px dotted #024d82;
		margin-bottom:10px;
}

.sIFR-hasFlash h3.h3 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 25px;
}

.sIFR-hasFlash h4.h4 {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 21px;
}

.sIFR-hasFlash h5.box-h {
	letter-spacing: -4px;
	visibility: hidden;
	background: url(../i/box-top-blue.gif) top left no-repeat;	
  padding: 6px 0px 4px 10px;
	}
h5.box-h {
	
	}
/* Links
------------------------------------------------------------------*/
a	{
	color: #004d82;
	/*font-weight:bold;*/
	text-decoration: none;
	background-color: transparent;
	}

a:link	{
	color: #004d82;
	text-decoration: none;
	background-color: transparent;
	} 

a:visited	{
	color: #558aaa;
	text-decoration: none;
	background-color: transparent;
	} 

a:active	{ 
	color: #558aaa;  
	text-decoration:underline;
	background-color: transparent;
	} 

a:hover		{ 
	color: #004d82; 
	text-decoration:underline; 
	background-color: transparent;
	}
a.blue	{
	color: #81a6c1;
	/*font-weight:bold;*/
	text-decoration: none;
	background-color: transparent;
	}

a.blue:link	{
	color: #81a6c1;
	text-decoration: none;
	background-color: transparent;
	} 

a.blue:visited	{
	color: #81a6c1;
	text-decoration: none;
	background-color: transparent;
	} 

a.blue:active	{ 
	color: #81a6c1;  
	text-decoration:underline;
	background-color: transparent;
	} 

a.blue:hover { 
	color: #81a6c1; 
	text-decoration:underline; 
	background-color: transparent;
	}	

a.current {background: #fff;color:#000;}	
/* Lists
------------------------------------------------------------------*/
ul.navlist, ul.nav_categories { 
	width: 90%; 	
	padding-bottom:45px;
	padding-top:5px;
	list-style-type: none;
	margin:0 auto;
	}
ul.index-list {
	width: 90%; 	
	padding-bottom:25px;
	padding-top:5px;
	list-style-type: none;
	margin:0 auto;
	}	
ul.index-list li {padding:0px 0px 5px 0px;border-bottom: 1px dotted #fff;}	
ul.navlist li, ul.nav_categories li {
	margin-bottom:5px;
	border-bottom: 1px dotted #fff;
	}

ul.navlist a, ul.nav_categories a, ul.navlist a:link, ul.nav_categories a:link {
	font-size: 1.1em;
	display: block;
	padding: 3px;
	width: 100%;
/*	background-color: transparent;*/
	color:#004d82;
	}

ul.navlist a:visited, ul.nav_categories a:link, ul.nav_categories a:visted, ul.navlist li a:link, ul.navlist li a:visited, ul.nav_categories li a:link, ul.nav_categories li a:visted {

	text-decoration: none;

	}
ul.navlist li.current a:link, ul.nav_categories li.current a:link, ul.navlist li.current a, ul.nav_categories li.current a:link{ color:#004d82;}  
ul.navlist li.current, ul.nav_categories li.current	{background:#fff;color:#004d82;}
ul.navlist li a:hover, ul.nav_categories li a:hover, ul.index-list a:hover {
	color: #c1773c;
	text-decoration:none;
	}
ul.calls {list-style-type:none;}
ul.calls li a {width:175px;display:block; margin-bottom:10px;}
.box ul ul {list-style-type:none;border:none;}
.box ul ul li {border:none;}
#main-col ol, #main-col ul {

	font-size: 1.15em;
	line-height: 1.4em;
	margin-top: 0.1em;
	margin-bottom: 1em; 
	margin-left: 1.8em;
	} 
#main-col ol li, #main-col ul li {

	margin-top: 0.1em;
	margin-bottom: 0.1em; 
	}			
/* Definition Lists
------------------------------------------------------------------*/
 dl.table-display {
	width: 100%;
	margin: 2em 0;
	font-size:1.15em;
	}

.table-display dt {
	width: 25%;
	float: left;
	padding: .5em;
	font-weight: bold;
	}

/* commented backslash hack for mac-ie5 \*/
	dt { clear: both; }
/* end hack */

.table-display dd {
	float: left;
	width: 70%;
	padding: .5em;

	}
p {clear:both;}
p.clear-none, ul.clear-none {
	clear:none;
	}

/* Tables
------------------------------------------------------------------*/
table {

	width:100%;
/*	border:1px solid #024d82;*/
	border-bottom:none;
	}
table caption {
	padding:10px 0 5px 0;
	text-align:left;
	font-weight:bold;
	font-size:1.2em;
/*	border:1px solid #937210;
	border-bottom:none;*/
	}	
body#search-page td {width:50%;}
table th, table td {
	padding: 8px 8px;
	text-align:center;
	border-bottom:1px solid #fff;
	}	
table th {
	color:#fff;
	background:#81a6c1;
	}	
table .name {text-align:left;}	
table.detail{width:100%;padding-top:1em;}
table.detail td {text-align:left;padding:2px 0 2px 0;font-size:11px;vertical-align:top;}
table.detail td.td-lcol {width:30%;}
table.detail tr {background:#fff;}
table td a {
	display:block;
	font-weight:bold;
	}
table tr {
	background:#eff3f7;
	}
table tr.alt {
	background:#d7e3eb;
	}	
/* Forms
------------------------------------------------------------------*/
.fields {
	width:118px;
	font-size: 0.9em;
	font-weight: normal;
	color: #004d82;
	margin-left:5px;
	background-color:#fff;
	border: #004d82 1px solid; 
	}
.mem-log-in input.login-right {
	background:url(../i/submit.gif) 0 0 no-repeat;
	width:71px;
	height:20px;
	color: #004d82;
	margin:0px 0px 10px 10px;
	border:none;
	cursor:pointer;	
	}	
.mem-log-in input.login-right:hover {
	background:url(../i/submit.gif) 0 -20px no-repeat;	
	cursor:pointer;
	}	
input.submit-top {
	background:url(../i/go.gif) 0 0 no-repeat;
	text-indent:-99999px;
	border:none;
	width:35px;
	height:20px;
	margin-left:5px;
	margin-right:5px;
	color:#fff;
	cursor:pointer;	
	}
input.submit-top:hover {
	background:url(../i/go.gif) 0 -20px no-repeat;
	cursor:pointer;	
	}	
input.input-top {
	border: #775a05 1px solid; 
 
	}	
/* Typography
------------------------------------------------------------------*/ 
h1, h2, h3, h4, h5, h6 {
	/*font-family:"Courier New", Courier, monospace;*/

	}

h2 {font-size:1.7em;	
	color: #000;
	}
h2.title {
	font-size: 2.4em;
	border-bottom: 1px dotted #024d82;
		margin-bottom:10px;
        color:#ab8b36;
}
h3 {font-size: 1.5em;margin-top:10px;}
h3.title {clear:both; margin:10px 0 10px 0;}
#main-col h3.entry-title{
	font-size:1.3em;
	margin:0;
	padding:0;
	color: #ab8b36;
	}
h4 {font-size:1.3em;padding-bottom:1em;}

h5.box-h {
	font-size: 14px;	
	background: url(../i/box-top-blue.gif) top left no-repeat;	
  padding: 6px 0px 4px 6px;
  letter-spacing:-1px;
  /*  border-bottom: 1px solid #558aaa;*/	}

h6 {font-size: 1em;
	font-weight:bold;
	}

#main-col p {padding:10px 0 5px 0;font-size:1.15em;line-height:1.4em; text-align:justify;}	
#right-col p {padding-left:5px;}
/*li > p {
	margin-top: 0.2em;
	}*/
p.right {
	text-align:right;
	}
#main-col p.date {
	text-align:right;
	font-style:italic;
	font-size:10px;
	color:#333;
	padding-top:3px;
	margin:0;
	}
#main-col p.summary {
	}		
#footer p {
	line-height: 1.8em;
	margin: 0;
	padding: 0;
	font-size: 10px;
 
	}
pre {/*moz 1.0/1.1/1.2.1, net 7.0/7.01 make this way too small, but i'm not going to go larger because monospace tends to run you into overflow pretty quick. prior moz and net are okay.*/
	font-family: monospace;
	font-size: 1.0em;
	}
strong, b {
	font-weight: bold;
	}
/* Search Template CSS
------------------------------------------------------------------ */
body#search-page table {
	width:100%;
	border:none;
	}
body#search-page table td, body#search-page table th {
	text-align:left;
	border:none;
	}	
input.searchSubmit {
	width:71px;
	height:20px;
	border:none;
	background:url(../i/search.gif) 0 0 no-repeat;
	cursor:pointer;	
	}
input.searchSubmit:hover {
	background:url(../i/search.gif) 0 -20px no-repeat;
	cursor:pointer;
	}	
.fieldset {
 	border: 1px solid #004d82;
 	padding: 10px;
	}
.paginate {
	letter-spacing:	.1em;
 	padding: 10px 6px 10px 4px;
 	margin:	0;
 	background-color:	transparent;
	}
.pagecount {
 	color: #666;
 	background-color: transparent;
	}
.resultRowOne {
 	padding: 6px 6px 6px 8px;
 	background-color:	#f3f3e7;
	}
.resultRowTwo {
 	padding:           6px 6px 6px 8px;
 	background-color:  #fff;
	}	

.input {
 	border: 1px solid #004d82;
 color:             #333;
 height:            1.7em;
 padding:           0;
 margin-bottom: 5px;
} 
.textarea {
 	border: 1px solid #004d82;
	color: #333;
 padding:           0;
 margin:        	0;
}
.select {
 background-color:  #fff;
 font-weight:       normal;
 letter-spacing:    .1em;
 color:             #333;
 margin-top:        2px;
 margin-bottom:     2px;
} 
.multiselect {
 	border: 1px solid #004d82;
 background-color:  #fff;
 color:             #333;
 margin-top:        2px;
 margin-top:        2px;
 padding:2px;
} 

.radio {
 color:             transparent;
 background-color:  transparent;
 margin-top:        4px;
 margin-bottom:     4px;
 padding:           0;
 border:            0;
}
.checkbox {
 background-color:  transparent;
 color:				transparent;
 padding:           0;
 border:            0;
}
/* Member Template Form */
div#main-col div.gutter form div {
  clear: left;
  display: block;
  width: 500px;
  height: expression('1%');
  margin: 5px 0px 10px 0px;
  padding: 1px 3px;
}

form div.required fieldset legend {
  font-weight: bold;
}

form div label {
  display: block;
  float: left;
  width: 130px;
  padding: 3px 5px;
  margin: 0px 0px 5px 0px;
  text-align: right;
}

form div.optional label, label.optional {
  font-weight: normal;
}

form div.required label, label.required {
  font-weight: bold;
}		
/* SPECIAL ZENARK STYLES */
.article {
	clear:both;
	padding-bottom:1em;
	padding-right:1em;
	border-top:1px dotted #ab8b36;	
        background-color:#bfd0dd;
	}
a.title, .article, .source, .date, .description {display:block;	clear:both; font-size:1em;color:#074b7a;}
a.title {font-size:1.3em; font-weight:bold; padding-top:1em;}
.source, .date {font-size:1em; font-weight: 300; float:left;}
.description {padding-top:1em;font-size:1.15em;line-height:1.4em;}

/* -----------------------------  Practice List - Image Map CSS */
/* ---------- hidden ONLY if CSS is enabled.  If disabled, image is rendered ---------- */
img.image{ display: none; }

dl#irlMap{
	margin: 0;
	padding: 0;
	background: transparent url(../i/map-css.gif) top left no-repeat;
	height: 500px;
	width: 450px;
	position: relative;
}

dt{ margin: 0; padding: 0; position: absolute; font-size: 85%; display: none; }
dd{ margin: 0; padding: 0; position: absolute;  font-size: 85%; }

/* ---------- Hotspot Declarations ---------- */
dd#leinsterDef{ top: 160px; left: 225px; }
dd#leinsterDef a{ position: absolute; width: 150px; height: 255px; text-decoration: none; }
dd#leinsterDef a span{ display: none; }
dd#leinsterDef a:hover{ position: absolute; background: transparent url(../i/map-css.gif) -225px -2160px no-repeat;}

dd#ulsterDef{ top: 0px; left: 170px; }
dd#ulsterDef a{ position: absolute; width: 280px; height: 200px; text-decoration: none; }
dd#ulsterDef a span{ display: none; }
dd#ulsterDef a:hover{ background: transparent url(../i/map-css.gif) -170px -500px no-repeat; }

dd#munsterDef{ top: 280px; left: 0px; }
dd#munsterDef a{ position: absolute; width: 320px; height: 220px; text-decoration: none;	}
dd#munsterDef a span{ display: none; }
dd#munsterDef a:hover{ background: transparent url(../i/map-css.gif) 0px -1780px no-repeat; }

dd#connaughtDef{ top: 105px; left: 0px; }
dd#connaughtDef a{ position: absolute; width: 260px; height: 205px; text-decoration: none; }
dd#connaughtDef a span{ display: none; }
dd#connaughtDef a:hover{ background: transparent url(../i/map-css.gif) 0px -1105px no-repeat; }


dd#dublinDef{ top: 217px; left: 336px; }
dd#dublinDef a{ position: absolute; width: 84px; height: 64px; text-decoration: none; }
dd#dublinDef a span{ display: none; }
dd#dublinDef a:hover{ background: transparent url(../i/map-css.gif) -336px -2716px no-repeat; }

/* Bluebloc Footer Link */
p.bbd {color:#e9e9e9;text-align:center;}
a.bbd, a.bbd:link {color: #e9e9e9; text-decoration: none;}
a.bbd:visited {color: #999;} 
a.bbd:hover	{color: #333; text-decoration:underline;}
a.bbd:active {color: #666; text-decoration: line-through;}