a:link { color: #009 }
a:visited { color: #551a8b }
a:active { color: #f00 }

/* Main menu-bar buttons */

a.menuButton:link {text-decoration: none;}
a.menuButton:active {text-decoration: none;}
a.menuButton:visited {text-decoration: none; color: #551a8b }
a.menuButton:hover {font-weight: bolder;}

body { 
	background-color: #e2e2e2; 
	color: #000000;
	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
	font-size: 14px;
}



table.topBanner {
	margin: 0;
	background-color: #e2e2e2; /* was blue #00bfff; */
	
	/*background-image: url("../Photos/CyanGrad1000.jpg");
	background-repeat: repeat; */ 
	
	color: gray;
	
	/*width: 80%;*/
	/*
	border-width: thin;  
	border-style: solid outset outset solid;
	donotuse  border-color: #00bfff;  blue... instead of black which makes it a boxlike 
	border-color: #e2e2e2;   same as background.. Aluminum 
	padding: 12px 12px 12px 12px;
	
	*/
}


th.topBanner {
	padding-top: 10px;
	padding-bottom: 10px;
}



table.navBar {
	margin: 0;
	table-layout : fixed; /* more equidistant than auto */
	/*background-color: #00bfff;*/    /*#B78DE3;  #9E71CC; #2d29ca;#81ab00;*/
	color: black;
	width: 70%;
	/* to center table */
	margin-left:auto; 
	margin-right:auto;
	
	/*border-width: thin;*/  
	
	border-style: none; 
	border-color: #81ab00;
	
	/*
	text-decoration: underline;
	font-weight: bold;*/
	font-family: Tahoma, Verdana, Helvetica;
	font-size: 90%;

}



td#first {
	padding-left: 65px;
}

td#last {
	padding-right: 65px;
}

/* Bold emphasis */
em.boldit {
	font-weight: bold;
	/* font-style: normal; */  /* for no italic-izing as well */
} 

em.redit {
	color: red;
	font-style: normal;  /* for no italic-izing as well */
} 

em.smallitalic {
	font-style: italic;
	font-size: 75%;
	
}
em.regitalic {
	font-style: italic;
	
}
/* News and Announcements  - serif family , slightly calligraphic..*/
em.news {
	font-style: italic;
	font-size: 88%;
	font-family: "Times New Roman", "Stone Serif", serif;
}

/* Bulleted list.  This is otherwise misbehaving; different ways yield different results */
ul.bullit {
	list-style-type: disc;
}

li.level2 {
	list-style: circle;
	margin-left: 3em;
}

table.contents {
	margin-top: 10px;
	background-color: #ffffff;	
	color: black;
	font-size: 100%;
	width: 70%;   /* percent that the table occupies...*/
	/* to center table */
	margin-left:auto; 
	margin-right:auto;
	
	padding: 20px 20px 20px 20px;
}

table.footerBanner {
	margin: 0;
	background-color: #00bfff;
	color: gray;
	width: 100%;
	/*align: center;*/
	border-width: thin;  
	border-style: solid outset outset solid;  
	border-color: #00bfff;  /* instead of black which makes it a boxlike */
	padding: 12px 12px 12px 12px;
	font-style: italic;
	font-size: 70%;
}


/* TABLE DISPLAY IS A MESS WITH CSS2 and IE? Who knows..  BORDER attr is a MUST in HTML */
table.ral  { 
	background-color: #ffffff;
	width: 90%;
	border-width: medium;
	border-style: solid outset outset solid;
	border-collapse: separate;   
	border-spacing: 15pt;
}


.underl {
text-decoration: underline;

}