/*sets base styles; font size is in pixels - will be inherited by descendants which are relatively sized*/


body { font-family: verdana, Verdana, sans-serif; font-size: 11px; line-height: 1.5em; background-color: #fff; margin: 0; }

h2 { font-size: 1.3em; margin-bottom: 0; }	
h3 { font-size: 1.1em; margin-bottom: 0; }	
h4 { font-size: 1em; margin-bottom: 0; }	
h4 {margin-top: 0;}
h3 + h4 {margin-top: 0.5em;}
h1 { font-size: 1.5em; margin: 0 0 1em 0; }

#bodytext { margin-right: 1.5em; }
	
#bodytext .separate { margin-top: 3em; }
#bodytext h2.separate { margin: 1em 0; }
#bodytext p { margin: 0 0 1em 0; }
	
ul { list-style-type: none; margin: 0 0 1em 1.5em; padding: 0; }
ul.inline li { display: inline; }

ul, ul.bullets { list-style-type: disc; }
ul li, ul.bullets li { margin-bottom: 0.5em; }
	
ul.plain, dl.plain dd{ margin: 0 0 1em 0; padding: 0; }
ul.plain li, ul.multiline { margin: 0; padding: 0; }
ul.multiline li { margin: 0 0 1.5em 0; padding: 0; }
	
ol { list-style-type: decimal-leading-zero; }
ol li { margin-bottom: 0.5em; }
	
/*
need to standardise dl styles & look at usage
*/
	
dl.styled dd { margin-left: 2em; margin-bottom: 0.5em; }
dl.styled dt { }
	
#pNavigation { position: relative; top: 182px; }
#pNavigation ul { line-height: 1em; margin: 0; padding: 0; width: 120px; font-size: 13px}
#pNavigation li { margin: 0; padding: 0;  }
	#pNavigation li a { text-decoration:none; font-size: .8em;  }
	#pNavigation li a, #pNavigation li a:hover { display: block; color: #000; width: 120px;   }
	#pNavigation li#pnCurrent a { background: #fff url(../images/pNav_active.gif) no-repeat center left; color: #66CCFF !important; }
	#pNavigation li a:hover { background: #fff url(../images/pNav_hover.gif) no-repeat center left;  }
		#pNavigation li a span { display: block; border-bottom: 1px dotted #000; padding: 3px 0; margin-left: 15px;}
		#pNavigation li.first a span {  border-top: 1px dotted #000;  }
	
div.project_bar { background-color: #ccc; padding: 0.5em 15px; margin-top: -1.5em; }
div.project { border-bottom: 1px dotted #ccc; margin: 1em 15px; padding-bottom: 1em; }

/* New Products */
#products .project_bar {margin-top: 0; }
div.product { margin-bottom: 1em; }
#products h3 { text-indent: 90px; margin-bottom: 1em; }
#products h4, #products p { margin: 0; padding: 0; }
div.product img { display: block; float: left; border: 3px solid #ccc; }
div.product div { margin-left: 90px; }

#bodytext div.project p, #bodytext div.project h3, div.product h4 { margin: 0; }

div.project img { display: block; float: right; border: 3px solid #ccc; }



em { font-style: normal; font-weight: bold; }
img { border: 0; }

/*navigation box*/
#pNavigation { }

/*outermost box*/ 	
#outermost { position: absolute; top: 0; left: 130px; width: 54.8em; }
	
#topbar { height: 5em; } 	
#homepage { height: 425px; clear:both; position: relative; top: 10px; }
#homepage img { display: block; float: left; position: relative; left: 10px; z-index: 1; }
#homepage a { color: #fff; }	
#homepage ul { position: relative; left: 20px; top: 80px; margin: 0 2em; font-size: 140%; line-height: 140%; background-color: #0cf; }
#homepage li { margin-bottom: 2em; }

/*
This is for the links page - a multiline list
separated by horizontal dotted lines
*/
dl#separated { margin-top: 2em; }
dl#separated dt { font-weight: bold; margin-top: 1em; }
dl#separated dd { padding: 0 0 1em 0; margin: 0 0 1em 0; border-bottom: 1px dotted #999; }	
	
/*
This is for a table on the IP overview page 
rows separated by horizontal dotted lines
*/

table { text-align: left;  }	
th, td { padding: 1em 1em 0 0; border-bottom: 1px dotted #999; vertical-align: top; width: 16%; }
td { padding-bottom: 1em; }


#topbar h2 {
	float: right;
	font-size: 2em;
	/* positioning rules convoluted to accommodate IE Mac 5.5 */
	margin: 0 0.6em 0 0;
	position: relative;
	top: 0.6em;
	font-family: 'Arial Rounded MT', 'arial rounded mt', 'Arial Rounded', 'arial rounded', Arial, arial, verdana, Verdana, sans-serif;
	font-weight: bold;
	/*letter-spacing: 0.1em;*/
}
	

#homepage, #topbar { background-color: #0cf; color: #fff; overflow: hidden;}
#inner { clear: both; border-left: solid 1em #ccc; border-right: solid 1em #ccc; position: relative; top: 10px; }
#crest { float: right; margin-top: 20px; margin-right: 3px; }
#irca_logo { float: left; }

/*width is smaller than the width of the image, to give gutter at the right. Right margin extends out to right edge of the image to stop right-hand column from moving left*/
#leftcol { float: left; padding-left: 15px; margin-right: 15px; width: 34.8em; /*border: 1px solid yellow;*/ }

/*bizarrely, has to float LEFT. Width is smaller than the width of the image, see above.	*/
#rightcol { float: left; width: 15em; /*padding-left: 15px;*/ /*border: 1px solid green;*/ }
	
/* 
#rightcol img {
	position: relative;
	left: 1px;
	}
*/


/**** SITEMAP ****/

#sitemap {float: left; display: block; width: 510px;}
#sitemap li {list-style: none !important; line-height: 1.6em; width: 100%; font-weight: bold}
#sitemap li a {display: block; color: #555; text-decoration: none;}
#sitemap li a:hover {background-color: #eee; border-right: 2px solid #00ccff; color: #000}
#sitemap ul li {background: url(../images/sitemap_arrow1.png) 0px 8px no-repeat; padding: 0 0 0 15px; font-weight: normal}
#sitemap ul li a {margin-right: 15px}
#sitemap ul ul li {background: url(../images/sitemap_arrow2.png) 0px 8px no-repeat; padding: 0 0 0 15px;}
#sitemap ul ul li a {margin-right: 30px;}
#sitemap ul ul ul li {background: url(../images/sitemap_arrow3.png) 0px 8px no-repeat; padding: 0 0 0 15px;}
#sitemap ul ul ul li a {margin-right: 45px;}
#sitemap ul ul ul ul li {background: url(../images/sitemap_arrow4.png) 0px 8px no-repeat; padding: 0 0 0 15px;}
#sitemap ul ul ul ul li a {margin-right: 60px;}
.topLevel {font-weight: bold;}

/**** END SITEMAP ****/



/* =Side Navigation
--------------------------------------------------------------------------------------*/
#sidebar ul, #sidebar dl, #sidebar dt, #sidebar dd, #sidebar li { margin: 0; padding: 0; list-style-type: none; }
#sidebar li, #sidebar dd { margin-bottom: 1em; }
#sidebar ul li li { margin: 0 0 0.5em 1.5em; }
#sidebar li ul { margin-top: 0.5em; }
#sidebar, #bodytext { margin-top: 1.5em; }

body.aboutus #sidebar ul li a { display: block; }

/* =Footer 
--------------------------------------------------------------------------------------*/
#footer { clear: both; padding: 3em 0 1em 15px; color: #999; }
#footer a {color: #999;}
#footer ul { padding: 0; margin: 0; }
#footer ul li { display: inline; border-right: 1px solid #999; padding: 0 1em; }	
#footer li.last_li { border-right: none; }
#footer li.first_li { padding-left: 0; }

/* =Links
--------------------------------------------------------------------------------------*/
a {outline: none;}
a:link { text-decoration:none;}
a:hover { text-decoration:underline;}
a:active { text-decoration:underline; color:#33ccff;}
a:visited { text-decoration:none; color:#330099; }
a:visited:hover { text-decoration:underline; }


.project_navbar {
background-color:#CCCCCC;
margin:0;
padding:0.5em;
}

/*
i {
color:#666666;
font-style:normal;
}
*/
#gallery {padding: 20px 0 0 20px; position: relative}
#gallery ul { list-style-type: none; padding: 0 !important; margin: 0 !important; overflow: auto; line-height: 1;}
#gallery a { float: left; line-height: 0;}
#gallery li { border: 1px solid #999; padding: 2px; margin: 0 20px 20px 0; width: 150px; height: l20px; list-style-type: none; float: left; line-height: 1; }

body#project #bodytext {
margin-top:0pt;
padding:0pt 15px;
}