/* Unity 5 Style Sheet u2.css		RL	*/
* {
	margin: 0;
	padding: 0;
	/* This causes many side effects: <p>,<div>,<ul>,<ol>,<blockquote>,others, lose
	   their margins and padding. So, they sometimes have to be re-established.
	   TODO: remove this and then check all alignments.
	*/
}
body {
	background-color: #eeeeff;
	color: darkblue;
}
table {
	margin: 0 auto;
	border-collapse: collapse;
	border-spacing: 0 0;
	/* width: 100%; */
	vertical-align: top;
}
pre {
	font-weight: bold;
	font-size: 1.0em;
}
blockquote {
	padding-left: 30px;
}

ul.news {
	list-style: disc;
	margin: 20px;
	padding: 10px;
}

.tableContent {
	width: 700px;
}
#bannerRow {	/* in the table */
	position: relative;
	background-color: #eeeeff;
	height: 90px;
	border-collapse: collapse;
	border-spacing: 0 0;
}
#masthead {
	position: relative;
	margin-left: 5px;
	display: inline;
	background-color: #eeeeff;
	top: 5px;
}
#leftLogo {
	margin-top: 6px;
	margin-right: 20px;
	z-index:2;
	display: inline;
}
#topTitle {
	margin-top: 6px;
	z-index:2;
	display: inline;
}
#rightLogo {
	margin-top: 6px;
	margin-left: 10px;
	z-index:2;
	display: inline;
}
.backColor {
	background-color: #ffffff;
}
#navTd {
	padding: 5px 0 0 5px;	
	color: #0000aa;
	background-color: #eeeeff;
	vertical-align: top;
	width: 80px;
}
#navUl {
	width: 80px;
	float: left;
	margin: 15px 0 0 0;
	padding: 0 0 0 0;
	list-style: none;
	border-top: 1px solid #ff0000;
	background-color: #eeeeff;
}
#navUl li {
	padding: 3px 3px;
	font: 85% serif;
	border-bottom: 1px solid #ff0000;
	background-color: #eeeeff;
}
#visits {
	font-size: 15px;
	color: #000088;
}
#iframe {
	width: 740px;
	height: 800px;
	margin: 10px 0 0 10px;
	padding: 3px;
	background-color: #eeeeff;
}
#footer {
	font-size: 8pt;
	color: #000088;
	height: 360px;
	vertical-align: bottom;
}
a:link {
	color: #000088;
	text-decoration: none;
}
a:visited {
	color: #880088;
	text-decoration: none;
}
a:hover {
	color: #0000cc;
	text-decoration: underline;
	font-weight: bold;
}
a:focus, a:active {
	color: #aa0000; 
	background-color: #ffff00;
}
#hours {
	font-size: 16pt;
}
.whatsNewOver {
	background: darkblue;
	color:      #ffff00;
}
.whatsNewOut {
	background: #ffff00;
	color:      darkblue;
}
.highlightBackground {
	background-color: #FFFF66;
}
.highlightBackground2 {
	background-color: #FFccFF;
}

/* ---------------------------------------- */

div#horiz-nav {
	position: relative;
	/*
	left: 440px;
	top: -27px;
	*/
	left: 240px;
	top:  5px;

}

/* the horizontal menu starts here */
div#horizMenu {
	/* width:50em; */	/* keep width unspecified	*/
	float:left;			/* makes the div enclose the list */
	border-top:1px solid #069;		/* draws line on top edge of div */
	border-bottom:1px solid #069;	/* draws line on bottom edge of div */
	font-size:0.8em;			/* SET FONT-SIZE HERE */
	background-color:#CCF;	/* colors the div */
	margin-top:2px;		/* add some room at the top */
}
div#horizMenu ul {
	margin:0 0 0 0; 		/* indents ul from edge of container */
}
div#horizMenu li {
	float:left;				/* align horizontally instead of stack */
	position:relative;		/* positioning context for drop-downs */
	list-style-type:none;			/* remove bullets */
	background-color:#FFA;			/* background of the menu items */
	border-right:1px solid #069;	/* dividing lines between the li elements */
	padding: 0 20px;				/* space around li words */
}
div#horizMenu li:first-child {
	border-left:1px solid #069;		/* first vertical line on the menu */
}
div#horizMenu li:hover { 
	background-color:#eeF;			/* background of menu items */
	}
div#horizMenu a {
	display:block;	/* makes list items in drop down highlight and */ 
					/* wrapped lines indent correctly */
	padding:0 6px;			/* create space each side of menu item's text */
	text-decoration:none;	/* remove underlining of the link */
	color:#008;				/* sets the type color */
	font-weight:bold;
}
div#horizMenu a:hover {
	color:#F33;				/* link hovering color */
}
/* horizontal menu ends here */

/* drop-down starts here */
div#horizMenu ul li ul {
	margin-left:-10;
	position:absolute;	/* positions drop-down ul in relation to its /*
						/* relatively positioned li parent */
	width:10em;			/* set width of the menu - in combo with the li's /*
						/* 100% width, makes the menu stack */
	left:-1px;			/* align the drop exactly under the menu */
}
div#horizMenu ul li ul li {
	width:100%;			/* makes the list items fill the list container (ul) */
	border-left:   1px solid #069; /*  three sides of each drop-down item */
	border-bottom: 1px solid #069;
	border-right:  1px solid #069;
	padding: 0 20px;				/* space around li words */
	/* left: 38px;	*/					/* offset of dropdowns */
	left: 30px;
}

div#horizMenu ul li ul li.firstDrop {
	border-top:1px solid #069; /* top edge of the dropdown */
}

/* make the drop-down display as the menu is rolled over */
div#horizMenu ul li ul {display:none;} /* hide drop-down when menu not hovered */
div#horizMenu ul li:hover ul {display:block; } /* shows drop-down when menu is hovered */

/* pop-out starts here */
body div#horizMenu ul li ul li ul  {
	visibility:hidden; /* same effect as display:none in this situation */
	top:-1px;
	left:10em;
	}
div#horizMenu ul li ul li:hover ul {visibility:visible;} /* like display:block */

/* another level of pop-outs */
div#horizMenu ul li ul li:hover ul li ul {display:none;} /* conceal */
div#horizMenu ul li ul li ul li:hover ul {display:block; } /* show */

/* hack for IE (all flavors) so the menu has a vertical line on the left */
* html div#horizMenu ul {
	float:left; /* makes the ul wrap the li's */
	border-left:1px solid #000; /* adds the rightmost menu vertical line to the ul */
	margin-left:15px; /* IE doubles the given value above - why? */
}