BODY {
	font-family: sans-serif;
	color: #666666;
}

table.page_columns {
	spacing: 20px 20px 20px 20px;
	width: 100%;
}

td.page_column {
	vertical-align: top;
	width: 50%; 
}

/* headers for sections within a page */
.section {
	margin-bottom: 20px;
}

.section_header {
	font-family: sans-serif;
	color: #666666;
	border-top: 1px solid #999999;
	background-color: #f0f4f5;
	margin-right: 20px;
	margin-bottom: 10px;
}

.tabs {
	position: relative;
/*	margin-top: 20px;	*/
	z-index: 2;
}

/* UL for generating tabs at the top of website */
.tabs ul {
	display: block; 
	padding: 0px;
	margin: 0px;
	white-space: nowrap;
	text-transform: uppercase; 
	z-index: 5500; 
/*\*/	vertical-align: middle;/*\*/
	font-family: sans-serif; 
	font-size: 100%;
	list-style: none;
	}
	
.tabs ul li {
	margin: 0px;
	display: block; 
	float: left; 

/* changed the tab color from pale blue to grey - arik */
/* 	background-color: #f0f4f5; */
	background-color: #cccccc;

	border: 1px solid #666666;
	border-width: 1px 1px 1px 0px;
	white-space: nowrap;
	padding: 4px 7px 3px 7px;
	z-index: 6000;
	background-image: none;
	}
			
.tabs ul li.selected {
	background-color: white;
	border-bottom: none;
	z-index: 9999;
	padding: 4px 7px 4px 7px;
	}

.tabs ul li.selected a:link {
	color: red;
}

.tabs ul li.selected a:visited {
	color: red;
}

.tabs a:visited {
	color: black;
}
	
.tabs a:link {
	text-decoration: none;
	color: black;
}		

.tabs a:hover {
	color: red;
}	

.tabs a:visited {
	text-decoration: none;
}

div#page {
	font-family: sans-serif;
	position: relative;
	z-index: 1;
	clear: both;
	border-top: 1px solid #999999;
/*	width: 970px;*/
/*	border-right: 1px solid #999999; */
	_border-top: 0px;
	top: -1px;
	_top: 0px;
	vertical-align: top;

/*	Now that the tab color has changed from pale blue to grey, it is
 * 	fusing with the browser's toolbar which is also grey.  So I'm 
 * 	giving some space between the browser and the page to separate 
 *	them apart. - tk, 7/6/06
 */ 
	margin-top: 10px;
	}

div#page #page_header table {
	width: 100%;
	margin-top: 20px;
	margin-bottom: 20px;
}

div#page #page_header table tr td#left {
	width: 25%;
	text-align: left;
}
 
div#page #page_header table tr td#center{
	width: 50%;
	text-align: center;
	font-size: 180%;
	color: #666666; 
}

div#page #page_header table tr td#right{
	width: 25%;
	align: left;
}

.announcement {
	font-size: 83.5%;
}

.announcement ul {
	padding: 0px;
	white-space: nowrap;
/*\*/	vertical-align: middle;/*\*/
	font-family: sans-serif; 
	list-style: none;
}

.page_cells {
	padding: 20px;
}

.page_cell {
	vertical-align: top;
	width: 50%;
}
	
.pagefooter {
  font-family: "Century Schoolbook";
  font-size: 10pt;
}