/**
 * Stylesheet
 *
 * Copyright Fusionary Media, 2004
 */


/* begin styles to "normalize" elements accross browsers */
body, div, ul, li, td, h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-family: Arial, Helvetica, sans-serif;
}
body{
	text-align: center;
}
div, span, img, form, h1, h2, h3, h4, h5, h6 {
	margin: 0px;
	padding: 0px;
	background-color: transparent;
	border: 0px;
	text-align: left;
}
/* end of "normalizing" styles */


html, body{
	background-color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	color: #202020;
}

h1{
	font-size: 21px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #202020;
	margin:10px 0px 0px;
	font-weight: bold;
}

h2{
	font-size: 14px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #202020;
	margin:0px 0px 0px;
}

h3{
	font-size: 10px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #202020;
	margin:10px 0px 0px;
}


p {
	padding:5px 0px 5px 0px;
	margin:0px 0px 5px 0px;
}


td{
	vertical-align: top;
}

a:link{
	color: #800000;
	font-weight: bold;
	text-decoration: none;
}
a:visited{
	color: #800000;
	font-weight: bold;
	text-decoration: none;
}
a:hover{
	color: #800000;
	font-weight: bold;
	text-decoration: none;
}
a:active{
	color: #800000;
}
h1 a, h2 a{
	text-decoration: none;
	color: #800000;
	font-weight: bold;
}
h1 a:hover, h2 a:hover{
	text-decoration: bold;
	color: #800000;
}
hr {
	border: 0;
	width: 100%;
	color: #ccc;
	background-color: #ccc;
	height: 1px;
	margin: 0px;
	padding: 0px;
	text-align: center
}


.clear, .clr { clear : both; font-size: 1px; line-height: 0px; height: 0px;}
.clearfix:after { /*http://positioniseverything.net/easyclearing.html*/
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

#container{
	position: relative;
	margin: 0 auto;
	width: 100%;
}
#header
	{
	height: 89px;
	margin: 0px;
	padding: 0px;
	color: #000000;
	position: relative;
	background: transparent url("../images/bg_nav_irr.gif") bottom left repeat-x;
	border-bottom: 5px solid #333366;
	font-weight: normal;
}
#header
	{
	height: 94px;
	font-family: "\"}\"";
	font-family: inherit;
	height: 89px;
	}
/* */


	#header h1{
	margin: 0px;
	position: absolute;
	top: 14px; left: 20px;
	z-index: 5;
	}
	#header h1 a{
	display: block;
	background: transparent url("../images/logo_irr.gif") 0 0 no-repeat;
	width: 227px;
	height: 74px;
	text-decoration: none;
	}
	
	#header h2.sublogo {
  background:transparent url(../images/sublogo_irr.gif) no-repeat scroll 0pt;
  display:block;
  height:63px;
  left:246px; 

  position:absolute;
  top:0pt;
  width:383px;
  z-index:500;
}
	
	#header h2.hdr_background{
	height: 69px;
	margin: -1px 0px 0px -1px;
	}
	#header h1 span, #header h2.sublogo span{
		margin-left: -1000px;
	}
	#header h2.tagline{
		position: absolute;
		top: 73px;
		/*left: 55px;*/
		left: -999em;
		z-index: 10;
		background: none;
		color: #fff;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		font-weight: bold;
		margin: 0px;
		padding: 0px;
	}
	#header #controls-box{
		position: absolute;
		top: 0;
		right: 0px;
		z-index: 20;
		height: 59px;
	}
		#header #controls-box td{
			vertical-align: top;
			padding: 0;
		}
		#header #controls-box table{
		color: #ccc;
		font-size: 12px;
		font-weight: bold;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		}
		#header #controls-box table td{
		vertical-align: middle;
		}
		#header #controls-box table tr.row2 td{
		vertical-align: top !important;
		}
		#header #controls-box .columnlabel{
			text-align: right;
			vertical-align: top;
		}
	#header #headernav{
	margin: 0px;
	padding: 0px 0px 0px 139px;
	list-style: none;
	position: absolute;
	top: 69px;
	right: 0px;
	line-height: 20px;
	z-index: 10;
	font-weight: normal;
}
		#header #headernav li{
			display: inline;
		}
		#header #headernav a:link, #header #headernav a:visited{
	color: #800000;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
	display: block;
	float: left;
	padding: 0px 10px 0px 15px;
	background: transparent url("../images/btn_divider_irr.gif") 0 1px no-repeat;
}
		#header #headernav a:hover, #header #headernav a:active{
	color: #800000;
	background: #ccc;
	text-decoration: none;
}

/* -21px is for who? Netscape 4, I would guess - er yes */
#columns
	{
	margin: 0px;
	margin-top: -21px;
	background: #F8EBE4 url("../images/bg_sidebar_left.gif") 0 0 repeat-y;
	}
/* NB - OmniWeb displays the 1px space as looking somewhat thicker, but set it to 0px and there is no space */
/* IE5 gets the spacing all wrong: -18px puts it right. Then use the tantek-family hack to make everything right again */
/*/*/
#columns
	{
	margin-top: -18px;
	font-family: "\"}\"";
	font-family: inherit;
	margin-top: 0px;
	}
/* */
/* empty required to get IE5 vback on track */
#empty{}


/*
LEFT COLUMN STYLES
*/
#leftcolumn
	{
	float: left;
	width: 140px;
	margin-top: -11px;
	padding: 1px;
	}
* html #leftcolumn{margin-right: -20px;}
#leftcolumn
	{
/*/*/
	margin-top: 18px;
	font-family: "\"}\"";
	font-family: inherit;
	margin-top: 0px;
/* */
	}

	/* 
		LEFT COLUMN > MENU
	*/
	
	#navmain a
	{
	display: block;
	padding: 2px 0;
	margin: 0;
	text-align: right;
	font-size: 10px;
	color: #800000;
	text-decoration: none;
	border-bottom: 1px solid #999696;
	border-top: 1px solid #fff;
	border-right: 2px solid #999696;
	background: transparent url("../images/button_bg_irr.gif") 0 0 no-repeat;
}
	/*/*/
	#navmain a /*hack for IE5*/
		{
	width: 138px;
	font-family: "\"}\"";
	font-family: inherit;
	width: 137px;
	font-weight: normal;
}
	#empty{}
	/*  */
	
	#navmain a:hover
	{
		background: transparent url("../images/button_bg_irr.gif") 0px -60px no-repeat;
		border-bottom: 1px solid #999696;
		color: #BF402B;
	}
	#navmain
	{
		list-style: none;
		line-height: 16px;
		margin: 0px;
		padding: 0px;
	}
	#navmain span {
		margin-right: 10px;
	}
	#navmain li
	{
		display: block;
		padding:0;
		margin: 0;
	}
	






/*
RIGHT COLUMN STYLES
make sure that the hack widths equals the value of .centercolumn's margin-right
the initial width is for NN4 - experiment and set to what seems best
*/
#rightcolumn
	{
	position: static;
	float: right;
	width: 170px;
	z-index: 3;
	padding: 1px;
	}
/*/*/
#rightcolumn
	{
	margin-top: 18px;
	font-family: "\"}\"";
	font-family: inherit;
	margin-top: 0px;
	}
#empty{}
/*  */


/* 
For NN4, -25px is the margin-left setting to make the centercolumn column but up against the left column. (OmniWeb is much the same, but this stylesheet makes no allowances for it).
For other browsers, the equivalent margin-left setting is equal to the width of the left column.
margin-right is set to the value of the overriding values for .rightcolumn's width. 
A margin can be created between these two columns either by changing these values, or by setting the padding of the relevant #...padding divs.
margin-top is set to -1px to make NN4 line up correctly.
*/
.centercolumn
	{
	z-index: 4;
	padding: 10px 1px 1px 1px;
	padding-left: 10px;
	background: #fff;
	height: 1%;
	}
.centercolumn
	{
	margin: 0px;
	}
/* IE5 once again goes awry - shift it down and then zap 
empty because otherwise IE5 goes rampaging on */
/*/*/
.centercolumn
	{
	margin: 18px 170px 0 140px;
	font-family: "\"}\"";
	font-family: inherit;
	margin-top: 0px;
	}
	
#columns .footnote{
    color: #666666;
    font-size: 11px;
    
}

#empty{}
/*  */

/* following bit only necessary if OmniWeb to be handled - the .fake bit is only picked up by OmniWeb, IE and, er, Amaya
see  http://www.fu2k.org/alex/css/test/OmniWebInlineHack.mhtml
But exclude it from IE5/mac */
/*\*/
.fake.centercolumn
	{
	margin-right: 1px;
	margin-left: 1px;
	}
/* this bit resets for IE */
* html .centercolumn
	{
	margin-right: 170px;
	margin-left: 137px;
	}
/* End of OmniWeb shenanigans */


/* Content Image Styles*/
.img-right{ /*copy image floated left*/
	float: right; 
	margin: 10px 10px 0px 10px; 
	padding: 5px; 
	background: #fff; 
}

.img-left{ /*copy image floated right*/
	float: left; 
	margin: 10px 10px 0px 10px; 
	padding: 5px; 
	background: #fff; 
}

/* Pullquote Style */
.pullquote{
	font-style: italic;
	text-align:center;
	font-size: 12px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	color: #333;
	background: #eee; 
	border-top: 1px dashed #ccc; 
	border-bottom: 1px solid #ccc; 
	padding: 10px;
}


/* Center Column's highlighted content */
#columns .highlight{
	background: #eee; 
	border-top: 1px solid #ccc; 
	border-bottom: 1px dashed #999; 
	padding: 5px;
	height: 1%;
}
#columns .new-notice{
	display: block;
	color: #C34B4A;
	font-weight: bold;
	font-style: italic;
	background-color: #c7c7c7;
	text-align: right;
	border-bottom: 1px solid #999; 
	margin: -5px -5px 0 -5px;
	padding-right: 10px;
}
#content-top{
	border-bottom: 2px solid #666; 
	margin: 0px 10px 10px 0px;
	background: #eee; 
	border-top: 1px solid #ccc; 
	padding: 5px;
}
#content-left, #content-right{
	width: 47%;
	float: left;
	margin: 0px;
	display: inline;
	height: 1%;
}
#content-right{
	float: right;
	margin: 0px 10px 0px 0px;
}
#content-left div, #content-right div{
	clear: both;
	padding: 1px 1px 10px 1px;
}
#content-main{
	/*width: 410px;*/
	width: auto;
	margin: 0px 10px;
}
	.author{
		font-style: italic;
		font-size: 10px;
	}


#footer
	{
	clear: both;
	background: #610910;
	margin-top: -11px;
	padding: 5px 0px;
	width: 100%;
	color: #ccc;
	border-top: 1px solid #ccc;
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
	}
#footer
	{
/*/*/
	margin-top: 0px;
/* */
	}

.headerpadding, .leftpadding, .centerpadding, .rightpadding
	{
	margin: 0px;
	padding: 1px;
	}
.leftpadding{
	padding: 0px 1px 1px 0px;
}
.rightpadding{
	padding: 10px;
}
.headerpadding{
	background: #610910 url("../images/bg_hdrsplash_red.jpg") 0 0 no-repeat;
	padding: 0px;
	height: 69px;

}