/*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; }

h3, h2, h4 { font-size: 1em; margin-bottom: 0; }	
h4 {margin-top: 0;}
h3 + h4 {margin-top: 0.5em;}
h1 { font-size: 1em; 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.bullets { list-style-type: disc; }
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; }
ol { list-style-type: lower-alpha; }
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 { display: none; }
	
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 { width: 90%;  }
	
#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;  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: 100%; /*border: 1px solid yellow;*/ }


/* =Side Navigation
--------------------------------------------------------------------------------------*/
#rightcol { display: none; }


/* =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; }