body, p, th, td, ul, h1, h2, h3, h4 {
	color: #000000;
	font-family : Arial, Helvetica, sans-serif;
	font-size:small;
}

body {
	background-color:#a1adbf;
	background-image:url(/images/PageBackground.gif);
	background-repeat:repeat-x;
	}
/*surrounds the content area */
div#wrapper {
	color:#000000;
	background-color:#ffffff;
	width:800px;
	margin:auto;
	padding:0;
	border-right:1px solid #999;
	border-left:1px solid #999;
	border-bottom: none;
}

/*masthead styles*/
#header { border-top: 1px solid #999;}


/*menu styles*/
#menu {
	background-color:#264772;
	border-top:1px solid #a1abdf;
	border-bottom:1px solid #a1abdf;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align:center;
	padding:2px 0 8px 0;
}
	#pipe	{
	text-align:center;
	}
	#pipe ul {		/*	top menu is a list*/
		padding-left: 0;
		display: inline;
		font-family: Verdana, Arial, Helvetica, sans-serif; /* Because Verdana goes bold at smaller sizes than Arial */
		font-weight: bold;
		font-size: 75%;
		margin:3px 0 0 0;
	} 
	#pipe ul li {
		margin-left: 0;
		padding: 0 4px 0 5px;
		border-left: 1px solid #fff;	/*	CSS equivalent of pipe character */
		list-style: none;
		display: inline;
		}
	#pipe ul li.first {				/* Left-most one does not have pipe divider	*/
		margin-left: 0;
		border-left: none;
		list-style: none;
		display: inline;
	}
	
	#menu a:link	{
		color: #ffffff;
		text-decoration: none;
	}
	#menu a:visited{
		color: #ffffff;
		text-decoration: none;
	}
	#menu a:hover	{
		color: #cccccc;
		text-decoration: none;
	}
	#menu a:active	{
		color: #ffffff;
		text-decoration: none;
	}

/*defines page content area*/
#maincontent {margin: 1em 5em 1em 3em;}

/*general behaviors*/

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

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

a:hover 
	{
	color : #980000;
	text-decoration : underline;
}

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

.smallbodytext {
    font-size: 80%;
    font-weight: normal;
}

#splitleft {
	width: 50%;
	margin:0;
	padding: 1em;
	float: left;
	}
	
#splitright {
	float: right;
	padding:1em 2em 1em 1em;	/* top padding aligns top relative to h2 */
	margin: 10px 2px 10px 2px;
	width: 40%;
	
}

#niftybox  {background-color: #dde0e8;
											}
								
#niftycontents {position:relative; 
		padding: 1em;
		font-size: 110%;
			font-weight: bold;
			font-color: #17365d;}
		

.ark {
	font-size: 120%;
	color: #000099;
}
.link  {	font-size: 120%;
	color: #CC0000;
}


h1 {
	font-size: 120%;
	background-color: #a1b2bd; 
	color: #17365d;
	padding: 2px 0 2px 1em;
}

p {margin-left: 2em;} 

ul {margin-left: 1em;} 

h2 {
	font-size: 110%;
	background-color: #c9cedb; 
	color: #17365d;
	padding: 2px 0 2px 1em;
	margin: 1em 0 0 2em;
}

.level2text { margin-left: 2em;}


h3 {
	font-size: 100%;
	background-color: #dde0e8; 
	color: #17365d;
	padding: 2px 0 2px 1em;
	margin: 1em 0 0 3em;
}

.level3text { margin-left: 3em;}


/*tables*/
.datatable {font-size: 90%;}

.datatable th {font-weight: bold; background-color: #c9cedb;}

.oddrow {background-color: #ffffff;}

.evenrow {background-color:#dde0e8; }

/* Killer Zebra tables   - used with /ssi/KillerZebraStripes.js     
For this to work, add to the body tag: 
onload="stripeTables('table1','#D2D2FF','table2', '#cdc5b1', 'table3', 'black');"> etc.
give the table to be striped the id="table1" and class="taglist"   */

.taglist {
border: 0;
}

.taglist tbody tr td {
font-size:90%; 
padding: 0;
}
.taglist tbody tr.selected td {
font-weight: bold;
}	

/*page footer*/
#footer { border-top: #c9cedb 2px dotted;
		border-bottom: #c9cedb 2px solid;
		background-color:#eaecf1; }
#footer p{
	text-align: center;
	font-size: 80%;
	}