body 
{
	background-color: #ccc;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	padding: 0px;
	margin: 0px;
	text-align: center; 	/* force centering of page for all browsers */
}

h1
{
	
	text-align:center; 
	margin-top:0px;
	color: #fff;
	background: #000;
	line-height: 40px;
	position: absolute;
	width: 100%;
	top: 60px;
	font-size: 1.7em;
}

h2
{
	font-size: 1.3em;
	margin-top:5px;
	margin-bottom:10px;
}

h3
{
	font-size: 1.1em; 
	margin-bottom:10px;
}

p
{
	margin-top:0px;
	margin-bottom:10px;
}

p.interface
{
	margin-top: 0;
	margin-bottom: 8pt;
}

.emphasize
{
	font-weight:bold;
}


#container 
{
	background-color:#EBEFF9;		/* this needs to be the same color as the leftBar */
	width: 770px;					/* Subtract 40 pixels from the target resolution (760, 955, 1240) */
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	text-align: left; 				/* reset text alignment to normal */
	border-top: solid 4px #000;
	border-left: solid 1px #000;
	border-right: solid 1px #000;
}

#containerCD 						/* this is only used for the context diagram pages */
{
	background-color:#EBEFF9;		/* this needs to be the same color as the leftBar */
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	text-align: left; 				/* reset text alignment to normal */
	
}

#content 
{
	background-color: #fff;
	width: 590px;  					/* container width minus leftBar width minus 20px more*/
	float:right;
	min-height: 500px;
	padding: 5px 10px 5px 10px;
	color:#000000;
	
}

#contentCD                          /* this is only used for the context diagram pages */
{
	background-color: #EEEEEE;
	float:right;
	min-height: 500px;
	padding: 4px; 
	color:#000000;
}


#header 
{
	background-image: url("../images/logos.gif");
	height:100px; 					/* This needs to be the height of the above background image */
	background-repeat:no-repeat; 
	background-color: #fff;
	position:relative;
	color:#000000;
	font-family: Georgia Times Roman;
	border-bottom: solid 1px #ccc;
}

#footer 
{
	background-color: #000;
	clear:both;
	text-align:center; 
	color:#000000;
	line-height: 25px;
}

#footer a
{
	color: #fff;
}

/************************** Navigation CSS *******************************/
#leftBar 
{
	background-color: #EBEFF9; 		/* this needs to be the same color as the container */
	width: 140px;  
	float:left;
	padding: 10px; 
	color:#6B90DA;
	
	
}

.navFirstLevel  
{
	
	text-decoration:none; 
	padding:2px;	
}

.navSecondLevel
{
	font-size:0.8em;
	text-indent:15px;
	padding:2px;
}

.defaultNavItem
{
	color:#6B90DA;
	text-decoration: none; 

}

.selectedNavItem
{
	color:#6B90DA;
	font-weight:bold;
	text-decoration: none; 
}


/******************End of Navigation CSS *******************************/


#contactEmail
{
	margin-left:10px;
	margin-right:10px;
	font-size:12px; 
}

#contactPhone
{
	margin-left:10px;
	margin-right:10px;
	font-size:12px; 
}

#version
{
	margin-left:10px;
	margin-right:10px;
	font-size:12px; 
}



/***************** Table CSS ****************************/

table
{
	margin-top:0px;
	border-collapse: collapse;
	width: 100%;
}

th, td
{
	border:solid;
	border-width:1px;
	border-color:#999;
	padding: 5px; 
}

th
{
	background-color:#ccc;
	color:#FFFFFF;
}

.highlight
{
	background-color:#FFFFCC;
}

.sansBorder, .contextCell
{
	border:none;
	vertical-align:top;
	margin-top:0px;
	padding-top:0px;
	margin-left:0px;
	padding-left:0px;
	float: left;
}




/************End of Table CSS ****************************/

/**********The following allows short paragraphs to move up next to a heading***********/

h3.float-left-context /* header element float */
{
	float: left;
	margin: 16px 0.2em 10px 0;
}
  
p.top-context /* after header margin adjustment */
{

	margin: 16px 0.2em 10px 0;
	padding: 0.17em;
	text-indent: 1em;
}

/* header element float */
h3.float-left 
{
	float: left;
	margin: 0 0.2em 0 0;
}

/* after header margin adjustment */  
p.top 
{
	margin-top: 0.2em;
	padding: 0.17em;
 	text-indent: 1em;
}

/**********************************************************************************/