/* 
	These are for the main menu..  bland and boring (why?)
*/

a.stdtxt:link { color: #000000; text-decoration: none; } 
a.stdtxt:visited { color: #000000; text-decoration: none; }
a.stdtxt:active { color: #000000; text-decoration: none; }
a.stdtxt:hover { font-weight:bold; text-decoration: none; }


a.pastshow:link {
	color: red;
	text-decoration: underline;
	font-style: italic;
	font-size: 75%;
	
}
a.pastshow:visited {
	color: red;
	text-decoration: underline;
	font-style: italic;
	font-size: 75%;

}
a.pastshow:active {
	color: red;   
	text-decoration: underline;
	font-style: italic;
	font-size: 75%;
}
a.pastshow:hover {
	color: red;    
	text-decoration: underline;
	font-weight:bold;
	font-style: italic;
	font-size: 75%;
}


/* 
	if you don't specify in detail the pseudo-links, (link, hover etc) -  the specs won't take effect 
*/
a.classic:link {
	color: blue;         /*color: #5050f0;*/
	text-decoration: underline;
}
a.classic:visited {
	color: blue;         /*color: #5050f0;*/
	text-decoration: underline;
}
a.classic:active {
	color: blue;         /*color: #5050f0;*/
	text-decoration: underline;
}
a.classic:hover {
	color: blue;         /*color: #5050f0;*/
	text-decoration: underline;
	font-weight:bold
}


a.classic-big120:link {
	color: blue;         /*color: #5050f0;*/
	text-decoration: underline;
	font-size: 120%;
}
a.classic-big120:visited {
	color: blue;         /*color: #5050f0;*/
	text-decoration: underline;
	font-size: 120%;
}
a.classic-big120:active {
	color: blue;         /*color: #5050f0;*/
	text-decoration: underline;
	font-size: 120%;
}
a.classic-big120:hover {
	color: blue;         /*color: #5050f0;*/
	text-decoration: underline;
	font-weight:bold;
	font-size: 120%;
}





body.main { 
	background-image: url("../images/blue1.jpg");
	background-repeat: no-repeat;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	/*font-family: "Trebuchet MS", Arial, Verdana, sans-serif;*/
	font-size: 14px;
}

/*
   No background and text is black on white
*/
body.other { 
	/* background-color: #FFFFFF; */ 
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	/*font-family: "Trebuchet MS", Arial, Verdana, sans-serif;*/
	font-size: 14px;
}
img {
	border-style :none;  /* works definitely better than border-width: 0 */
}



/* *************** For Dynamic Menus **************** */
div.menuBar,
div.menuBar a.menuButton,
div.menu,
div.menu a.menuItem {
  /* LA font-family: "MS Sans Serif", Arial, sans-serif; */
  font-size: 14px;    /* of top -level menu. was 10pt */
  font-style: normal;
  font-weight: normal;
  color: #000000;
  text-decoration: none; /* do NOT underline the Main Menus */
}

div.menuBar {
  /* LA background-color: #e0e0e0; THIS IS THE BOX LIKE COLOR AROUND top MENU*/
  padding: 4px 2px 4px 2px;
  text-align: center;
  text-decoration: none; /* do NOT underline the Main Menus */
}

div.menuBar a.menuButton {
  background-color: transparent;
  /*border: 1px solid #e0e0e0;  The border of the top level menu button*/
  color: #000000;  /*  color black. top level... m button */  
  cursor: default;
  left: 0px;
  margin: 1px;
  padding: 2px 6px 2px 6px;
  position: relative;
  /*text-decoration: underline;*/
  text-decoration: none; /* do NOT underline the Main Menus */
  top: 0px;
  z-index: 100;
}

div.menuBar a.menuButton:hover {
  background-color: transparent;
  /* border: 1px outset #e0e0e0; border when hovering over, now NONE. only change color */
  /* color: #000000; */
  color: #009;

}

div.menuBar a.menuButtonActive,
div.menuBar a.menuButtonActive:hover {
  /* background-color: #5050f0;
  border: 1px inset #e0e0e0; */
  color: #000000;
  font-weight: bold;
  left: 1px;
  top: 1px;
}

div.menu {
  background-color: #e0e0e0;
  /* border: 2px outset #e0e0e0; */
  left: 0px;
  padding: 0px 1px 1px 0px;
  position: absolute;
  top: 0px;
  visibility: hidden;   /* originally submenu is hidden */
  z-index: 101;
}

div.menu a.menuItem {
  color: #000000;
  cursor: default;
  display: block;
  padding: 3px 1em;
  text-decoration: none;
  white-space: nowrap;
}

div.menu a.menuItem:hover, div.menu a.menuItemHighlight {
  background-color: #5050f0;  /* of submenu option (blueish..) */
  color: #ffffff;   /* submenu font color when hovering over (white) */

}

div.menu a.menuItem span.menuItemText {}

div.menu a.menuItem span.menuItemArrow {
  margin-right: -.75em;
}

div.menu div.menuItemSep {
  border: 1px inset #e0e0e0;
  margin: 4px 2px;
}
/* **************** End Menus *********************** */


/* 
	topmost table with logo + curr exhibit. set its margins
*/
table.header {
	margin-top: 80px;
	margin-bottom: 10px;
}


/* 
	LA. Frankly, setting HR attrs. in css is screwed up..  use a div instead 
	These 2 HRs  are surrounding the menu
*/
div.hrtop {
	margin-top: 280px;
	/*
	align: left;
	*/
	width: 900px;
}

div.hrbot {
	/*
	align: left;
	*/
	width: 900px;
}

/* main contents holder */
table.contents {
	margin: 0;
	background-color: #ffffff;	
	color: black;
	font-size: 100%;
	width: 60%;   /* percent that the table occupies...(used to be 60% with 2 the thumbs)*/
	
	/* to center a table */
	margin-left:auto; 
	margin-right:auto;
	
	padding: 12px 12px 12px 12px;
}

/* image gallery */
table.maingallery {
	margin: 0;
	background-color: #ffffff;	
	/*color: black;*/
	/*background-color: black*/
	/*color: white;*/
	font-size: 100%;
	
	/* to center a table */
	margin-left:auto; 
	margin-right:auto;
	
	padding: 0px 0px 0px 0px;

}


/* navigation */

div.stdtxt {
	text-decoration: none; /* do NOT underline the Main Menus */
}


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

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

em.bolditmedium {
	font-weight: bold;
	font-size: 120%;
	/* font-style: normal; */  /* for no italic-izing as well */
} 

em.bolditbig {
	font-weight: bold;
	font-size: 140%;
	/* font-style: normal; */  /* for no italic-izing as well */
} 

em.bolditmediumnorm {
	font-weight: bold;
	font-size: 110%;
	font-style: normal;  /* for no italic-izing as well */
} 

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

em.smallitalic {
	font-style: italic;
	font-size: 85%;
}

em.regitalic {
	font-style: italic;
	
}


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

ul.nobullit {
	list-style-type: none;
}


div.main {
margin: 20px 60px;
/*text-align: justify;*/
}





.underl {
text-decoration: underline;

}