/* CSS document: AI2_Stylesheet.css */
/* ================================ */
    
/* Neutralise browser default styles */
/* --------------------------------- */
/* Removes browser spacing defaults for common elements */

	html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a {
		margin: 0;
		padding: 0;
		border: 0; }


/*	Divisions */
/*	--------- */
/* 'Id' elements for the several separate page areas */

	html {
		font-family: Verdana, sans-serif;
		font-size: 80.00%; }

	body {
		background-color: #000033; 
		margin-top: 20px;
		margin-bottom: 20px; }

	div#body_content {
		margin-left: auto;
		margin-right: auto;
		width: 900px; 
		height: 600px; }

	div#header {
		float: left; 
		clear: both; 
		width: 900px;
		height: 85px;
		font-size: medium;
		text-align: left; }

	div#header_left {
		background-image: url(../AI2_images/Common/img_aiLogo_bgGrad_horz_WhiteTo000033_h85px_w200px.jpg);
		float: left;
		width: 200px; 
		height: 85px; }

	div#header_main {
		float: left;
		height: 85px;
		width: 700px; 
		text-align: left; 
		overflow: visible;}

	div#main { 
		clear: both; }

	div#leftSide {
		background: url(../AI2_images/Common/img_bgGrad_horz_WhiteTo000033_h1px_w200px.jpg) repeat-y;
		float: left; 
		width: 200px; 
		padding-bottom: 5px; 
		font-size: 8pt; }

	div#leftSide_slideShow {
		float: left;
		width: 165px;
		padding-top: 10px;
		padding-left: 10px;
		padding-right: 5px;
		padding-bottom: 5px; }

	div#leftSide_menu { 
		float: left; 
		clear: left;
		width: 165px; 
		padding-left: 10px;
		padding-bottom: 5px; }

	div#leftSide_menu_home {
		background: url(../AI2_images/Common/img_leftSide_menuButton_home.jpg) no-repeat; 
		width: 165px;
		height: 20px; 
		overflow: hidden; }

	div#leftSide_menu_heading {
		background: url(../AI2_images/Common/img_leftSide_menuButton_heading.jpg) no-repeat; 
		width: 165px;
		height: 20px; 
		border-bottom: 1px solid #cccccc;
		overflow: hidden; }

	div#leftSide_menu_item {
		background: url(../AI2_images/Common/img_leftSide_menuButton_item.jpg) no-repeat; 
		width: 165px;
		height: 20px; 
		overflow: hidden; }

	div#leftSide_menu_separator {
		float: left; 
		width: 175px; 
		height: 0px;  
		margin-top: 5px; }

	div#mainContent {
		float: left;
		width: 680px;  
		padding-top: 10px;
		padding-left: 10px;
		padding-right: 0px;
		text-align: justify; 
		line-height: 1.3em;
		overflow: hidden; }

	div#references {
		clear: both; 
		width: 900px;
		height: 35px;
		font-size: 8pt; }
		
	div#references_left {
		background: url(../AI2_images/Common/img_bgGrad_horz_WhiteTo000033_h1px_w200px.jpg) repeat-y;
		float: left;
		width: 200px; 
		height: 35px; }

	div#references_dates { 
		float: left;
		width: 507px;
		height: 31px;
		padding-top: 2px; 
		padding-left: 5px; 
		text-align: left; }

	div#references_w3cValid { 
		float: right;
		width: 188px;
		height: 31px;
		text-align: right; }

	div#mainContent_PrjSum {
		float: left; 
		padding-bottom: 5px; }

	div#mainContent_PrjSum_Img {
		float: left; 
		width: 170px; }
		
	div#mainContent_PrjSum_Txt {
		width: 680px; }

	div#mainContent_3columns {
		float: left;
		width: 200px;
		padding-left: 10px;
		padding-right: 10px;
		border-left: 1px solid white; }

/* Paragraph formats - header division */
/* ----------------------------------- */

	h1 {
		position: relative;
		top: +25px;
		left: +12px;
		font-size: 20pt;
		font-weight: bold; 
		color: #ffffcc; }


/* Paragraph formats - left-side division */
/* -------------------------------------- */

	p.leftSide_menu_heading_text {
		padding-top: 3px; 
		padding-left: 3px; 
		text-align: left; 
		font-weight: bold; 
		color: #ffffcc;}

	p.leftSide_menu_item_text {
		padding-top: 3px; 
		padding-left: 3px; 
		text-align: left; 
		color: #ffffff; }

	p.leftSide_menu_item_text a {
		text-decoration: none; 
		color: #ffffff; }

	p.leftSide_menu_item_text a:link {
		text-decoration: none; 
		color: #ffffff; }

	p.leftSide_menu_item_text a:active {
		text-decoration: none; 
		color: #ffffff; }

	p.leftSide_menu_item_text a:hover {
		text-decoration: none; 
		color: #ffff00; }


/* Paragraph formats - main content division */
/* ----------------------------------------- */

	a {
		text-decoration: none; }

	a:link {
		text-decoration: none;
		color: #ffff00; }

	a:active {
		text-decoration: none;
		color: #ffff00; }

	a:hover {
		text-decoration: none;
		color: #ff0000; }

	a:visited {
		text-decoration: none;
		color: #ffff00; }

	h2 {
		padding-bottom: 0.5em;
		font-size: 14pt;
		font-weight: bold; 
		color: #ffffcc; 
		text-align: left;
		line-height: 1.3em; }

	h3 {
		padding-bottom: 0.5em;
		font-size: 12pt;
		font-weight: bold; 
		color: #ffffcc; 
		text-align: left;
		line-height: 1.3em; }

	h4 {
		padding-bottom: 0.5em;
		font-weight: bold; 
		color: #ffffcc; 
		font-size: 9pt; 
		text-align: left; }

	p {}

	p.mainContent {
		padding-bottom: 0.5em; 
		color: #ffffff; }
		
	p.mainContent_SmallText {
		color: #ffffff; 
		font-size: 90.00%; 
		line-height: 1.3em;
		margin-bottom: 10px; }

	ul.mainContent {
		margin-left: 2em; 
		list-style: outside disc; 
		color: #ffffff; }

	li.mainContent_last {
		padding-bottom: 0.5em; }

	p.mainContent_prevPage {
		float: left;
		clear: left;
		margin-top: 0.5em;
		padding-left: 6px;
		padding-right: 6px;
		padding-bottom: 2px;
		background-color: #cccccc; 
		text-align: left;  
		color: #000033; 
		font-weight: bold; }	
	
	p.mainContent_nextPage {
		float: right;
		margin-top: 0.5em;
		padding-left: 6px;
		padding-right: 6px;
		padding-bottom: 2px;
		background-color: #cccccc; 
		text-align: right;  
		color: #000033; 
		font-weight: bold; }	

	p.mainContent_prevPage a {
		text-decoration: none; }

	p.mainContent_prevPage a:link {
		color: #000033; }

	p.mainContent_prevPage a:active {
		color: #000033; }

	p.mainContent_prevPage a:hover {
		color: #000033; }

	p.mainContent_prevPage a:visited {
		color: #000033; }

	p.mainContent_nextPage a {
		text-decoration: none; }

	p.mainContent_nextPage a:link {
		color: #000033; }

	p.mainContent_nextPage a:active {
		color: #000033; }

	p.mainContent_nextPage a:hover {
		color: #000033; }

	p.mainContent_nextPage a:visited {
		color: #000033; }
		
	p.mainContent_ProjectSummary {
		color: #ffffff; 
		font-size: 8pt; 
		line-height: 1.5em;
		margin-bottom: 10px; }

	br.mainContent_ProjectSummary {
		line-height: 1px; }


/* Paragraph formats - references division */
/* --------------------------------------- */

	p.references_pageId {
		padding-top: 15px;
		padding-left: 10px;
		font-weight: bold;
		font-size: 80.00%;
		color: #bbbbbb; }

	p.references_dates {
		color: #ffffcc; }

	p.references_w3cValid { }

	p.references_w3cValid a {
		text-decoration: none; }

	p.references_w3cValid a:link {
		text-decoration: none;
		color: #000033; }

	p.references_w3cValid a:active {
		text-decoration: none;
		color: #000033; }

	p.references_w3cValid a:hover {
		text-decoration: none;
		color: #000033; }

	p.references_w3cValid a:visited {
		text-decoration: none;
		color: #000033; }

/* End of CSS document */