/*
Eikes Stylesheet
*/

/* general definitions */


body  {
	color: black; 
	background: #ffffff;
	font-family: "Verdana", "Arial", "Geneva", "Times", "Helvetica", sans-serif; 
	margin:0px;
}


.copy {
	text-align:center;
	font-weight:bold;
	font-size:x-small;
	margin: 10px;
}

a img {
	border: 0px;	
}

ul li {
	list-style-image:url(images/ball.gif);
}


h1 {
  font-variant: small-caps;
}

.center {
	text-align:center;
}

@media print {

	.content {
		width: 80%;
	}
	
	.centercontent {
		text-align:center;
		margin:5%;
	}

	
	a:link {
		text-decoration: none;
 		color: #0000E0;
		font-style: normal;
	}

	ol#menu li {
		display: none;
	}

	ol#menu li#thismenu,
	ol#menu li#thismenu ol,
	ol#menu li#thismenu li,
	ol#menu li#thismenu a:link
	{
		display: block;
		text-decoration: none;
		color: black;
	}

}


 @media screen {
 
	.content {
		margin: 5%;
		position: relative;
		left: 16ex;
		z-index: 1;
		width: 75%;
	}
	
	.centercontent {
		text-align:center;
		margin:5%;
		position: relative;
		left: 16ex;
		z-index: 1;
		width: 75%;
	}
	
	a { /* menu links non-hovered*/
		font-style:normal;
		text-decoration:none;
	}
	
	a:link {
	color:#0000E0;
	}
	a:hover,  /* menu links hovered*/
	a:active {
		text-decoration:underline;
	}
	
	
	a:visited,
	a:hover,
	a:active,
	a:focus  { 
		color:#E00000;
	}
	
	/* Menu hover definitions
		(currently doesn't work in IE, just top level menu is shown 
	*/
  
	ol#menu,
	#menu ol{
	/*Remove all spacings from the list items*/
		margin: 0;
		padding: 0;
		cursor: default;
		
	}
	
	ol#menu{
		width: 16ex;
		float: left;
		margin-right: 1em;
	
		z-index: 2;
		position: absolute; /* special for preventing IE to interpret position wrong */
		top: 0px;
		left: 0px;
		bottom: -1px; /* to hide bottom line from browser correctly interpreting fixed */
		border-right: 1px solid #808080;
		border-bottom: 1px solid #808080;
	}

	/* special for preventing IE to interpret position wrong */
	body>ol#menu{
		position: fixed;
	}
		
	ol#menu li{ /* menu items */
		margin: 0;
		padding: 2px 6px;
		list-style-type: none;
		list-style-image: none;
	}
	
	
	ol#menu li ol{ /* drop-out menu, make the sub list items invisible */
		display: none;
		position: absolute;
		width: 20ex;
		left: 16ex;
		margin-top: -1.25em;
		padding-bottom: 0.5em;
	}
	
	ol#menu ol ol{ /* 3rd level menu */
		left: 20ex;
	}
	
	ol#menu li:hover>ol{  /* drop-out items visible*/
		display : block;
	}
	
	ol#menu a[title] /* hide long name if short title exists */
	{
		visibility: hidden;
		white-space: nowrap; /* must prevent line-wrapping */
	}
	
	ol#menu a[title]:before /* insert short title for menu */
	{
		content: attr(title); 
		visibility: visible;
	}
	
	/*** Menu text styles ***/
	
	#menu li#thismenu a{  /* menu of actual page */
		font-weight: bold;
		text-decoration: none;
	}
	
	#menu a,
	#menu li#thismenu ol a { /* menu links non-hovered*/
		font-weight: normal;
		text-decoration:none;
	}
	
	#menu a:hover,  /* menu links hovered*/
	#menu li#thismenu ol a:hover {
		text-decoration:underline;
	}
	
	ol#menu li:hover>a[title]:before  /* menu short-title links hovered*/
	{
		text-decoration:underline;
	}
	
	#menu li:hover>a,  /* menu links with parent element hovered (doesn't work in IE) */
	#menu li:active>a{
		text-decoration:underline;
	}
	
	
	/*** Menu colors ***/
	
	
	ol#menu li:hover>ol{ /* sub menu */
		border: 1px solid #808080;
	}
	
	ol#menu,
	ol#menu li:hover ol
	{
		background-image: url(images/lines.png);
	}
	
	ol#menu, /* top-level menu */
	#menu ol,
	#menu li,
	#menu a {
		color: black;
	}
	
	ol#menu li:hover>ol li, /* sub menu item */
	ol#menu li:hover>ol a{
		color: black;
	}
	
	#menu li:hover,
	#menu a:hover {
		background-color: #e0f0ff;
		color: black;
	}
	
}