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

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

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

.thin {
	position: relative;
	top: 27px;
	border-top: 1px;
	border-top-style: solid;
	width: 100%;
	border-top-color: #4D4445;

} 

/*table positioning*/
.table_position {
	position: relative;
	top: 35px;

}

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

.section_header {
	font-family: sans-serif;
	font-weight: bold;
	color: #E3E3E1;
	border-top: 1px solid #E3E3E1;
	background-color: #4D4445;
	margin-right: 0px;
	margin-left: 15px;
	margin-bottom: 10px;
}

.section_header_news {
	font-family: sans-serif;
	color: #4D4445;
	border-top: 1px solid #4D4445;
	background-color: #E6E2E3;
	margin-right: 0px;
	margin-left: 15px;
	margin-bottom: 10px;
	margin-top: 10px;
	
}

.section_header_home {
	font-family: sans-serif;
	color: #4D4445;
	border-bottom: 1px solid #4D4445;
	background-color: #E6E2E3;
	margin-right: 0px;
	margin-left: 15px;
	margin-bottom: 10px;
	margin-top: 0px;
	
}

.bodytext {
	font-family: sans-serif;
	color: white;
	background-color: #4D4445;
	margin-right: 15px;
	margin-left: 15px;
	margin-bottom: 10px;
}

.bodytext_ongrey {
	font-family: sans-serif;
	color: #4D4445;
	margin-right: 0px;
	margin-left: 15px;
	margin-bottom: 10px;
}

.pagetitle {
	font-family: sans-serif;
	font-size:large;
	color: #E3E3E1;
	background-color: #4D4445;
	text-align: center
}

.tabs {
	position: absolute;
	margin-top: 0px;
	z-index: 2;
	/*border-bottom: 10px;*/
	/*margin-left: 50%;*/
	margin-left: 0px;
	margin-right: 0px;
	
}

/* 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;
	left: 0px;
	right: 0px;
	margin-left: auto;
	margin-right: 0px;
	
	}
	
.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 #4D4445;
	border-width: 1px 1px 1px 0px;
	white-space: nowrap;
	padding: 4px 7px 3px 7px;
	z-index: 6000;
	background-image: none;
	background-color: #2B1716;
	border-bottom: 0px; /*add remove nav bar lower border here*/

	}
			
.tabs ul li.selected {
	background-color: #4D4445;
	z-index: 9999;
	padding: 4px 7px 4px 7px;
	}

.tabs ul li.selected a:link {
	color: white;
	font-weight: bold;
}

.tabs ul li.selected a:visited {
	color: white;
	font-weight: bold;

}

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

.tabs a:hover {
	text-decoration: underline;
	color: white;
	font-weight: bold;
}	

.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;
}