/*//////////////////////////////////////////////////////////*/
/* CSS Stylesheet for project colore HTML content 			*/
/* data: august 2006, author: eLab							*/
/*//////////////////////////////////////////////////////////*/


/* HTML elements */

	body		{ margin: 10px 0 0 0; font-family:Arial, Helvetica, sans-serif;	font-size:12px;}
	
	p			{ margin: 0; }
	
	a,
	a:link,
	a:visited 	{ text-decoration:none; color:#0000FF; }
	
	a:hover,
	a:active	{ text-decoration:underline; color:#0000FF; }
	
	a.subchapter { font-weight:bold; }
	
	img { border: none; margin: 0; }
	
	img.border { border: 1px solid #000; }
	
	ol{ margin-left: 55px; }
	
	ol li { padding: 0 0 0 0; text-align: left; width: 290px; }
	
	ul{ margin-left:40px; list-style-type: none; }
	
	ul li { background: transparent url(../LAYOUTPIX/dash.gif) left top no-repeat; padding: 0 0 0px 15px; text-align: left; width: 290px; }
	
	/*	object {margin-left: 40px;}*/
	
	table.intext {margin-left: 40px;}
	
	table.intext td {padding: 3px;}

/* Main layout zones */

	#maincontainer{ width:750px;}
	
	#header{ font-size:20px; margin: 5px 0 40px 40px; width:710px;}
	
	#content{ margin:0; width: 100%;}
	
	#footer{ border-top: 1px solid #ccc; margin:30px 0 0 40px; width:710px; color:#ccc; clear: both;}
	
/* Text styles */

	p.hanging { width: 162.5px; float:right; margin-right:20px;}

	p.note { width: 162.5px; font-size:9px; color:#999999; position:relative; float:right}
	
	p.chapter{ margin:0 0 20px 0; font-weight:bold; width:710px; border-top: 1px solid black; clear:both; margin-left:40px;}

	.text { margin:0 0px 20px 0; width:345px; margin-left:40px;}
	
	.small { font-size:9px; color:#999999; } /*used for span with 'link' */
	
/* Boxes on standard pages */
	.box1	{ width: 345px; margin: 0 0 10px 40px; }	/* only the first column on the left */

	.box2	{ float: right; clear:right; width: 162.5px; margin: 0 182.5px 10px 0; }	/* only the first column on the right */

	.box3	{ float: right; clear:right; width: 162.5px; margin: 0 0 10px 0; }	/* only the second column on the right */

	.box12	{ margin-left: 40px; width: 522.5px; clear:right; }	/* on the main and first right column */

	.box23	{ float: right; width: 345px; margin: 0 0 10px 0; }	/* on the 2 columns on the right */

	.box123	{ margin-left: 40px; width: 710px; clear:right; }	/* on the three columns */

	.caption { text-align:right; font-weight:bold; margin: 8px 0 0 0; }

/* Boxes for inteactive content */

	.application { margin-left: 0px;} 	/* used for flash files that already contain borders and 40px left margin*/
	
	.application_screen { width: 710px; height: 409px; padding: 8px 7px 8px 7px; border: 1px solid #aaa; margin: 0 0 0 33px;}
	
	.application_commands { width: 710px; height: 186px; padding: 8px 7px 8px 7px; border: 1px solid #aaa; margin: 6px 0 0 33px;}
	
	.application_text_left { width: 345px; margin: 6px 10px 6px 0px; float:left; }
	
	.application_text_right { width: 345px; margin: 6px 0px 6px 0px; float:right; }
	
	.application_text_long { width: 710px; margin: 6px 0px 6px 0px; }