/*
Style sheet by Iain Murray 2002-11
http://www.iainmurray.net

Intended for screen media only with some tweaks for display on small screens (phones).
Include in HTML 4.0 like this:
<LINK rel="stylesheet" type="text/css" media="screen" href="new.css">

Addapted by Athina Spiliopoulou 2011
*/

body {color:#000000; background-color:#ffffff; }

a:link { color: #6020A0; }
a:visited { color: #9933FF; }
a:hover { color: #8A2EE6; background-color: #EFE9F6;}

/* do not change colour of visited links in navigation bar */
a.nav:visited { color: #6020A0; }

a.hlink:link { color: #000000; text-decoration: none; }
a.hlink:visited { color: #000000; text-decoration: none; }
a.hlink:hover { color: #000000; background-color: #ffffff; text-decoration: none; }

.content {
	background-color: White;
	font-family: Arial, sans-serif;
	font-size: 16px;
	text-align: left;
	padding-left: 2ex;
	padding-right: 2ex;
	max-width: 50em;
	min-height: 30em;
}

.keeptogether { white-space:nowrap; }
@media handheld, only screen and (max-width:480px) {
	.content { padding-left: 0;}
	.keeptogether { white-space:normal; }
}

.titlename {
	text-align: right;
	font-size : 100%;
	padding-top: 2ex;
	padding-bottom: 2ex;
	padding-right: 2ex;
	color: #6020A0;
}

.navigation {
	text-align: right;
	font-size : 90%;
	padding-bottom: 4ex;
	padding-right: 2ex;
}


.content p {
	font-family: Arial, sans-serif;
	line-height: 1.2;
	font-size : 90%;
	float: none;
}

.content li {
	font-family: Arial, sans-serif;
	line-height: 1.2;
	font-size : 90%;
	text-align: left;
	margin-top: 0.5ex;
}

.content h1 {
	font-family: Arial, sans-serif;
	border-bottom : 2px solid #6020A0;
	font-size : 120%;
}

.content h2 {
	font-family: Arial, sans-serif;
	font-size : 110%;
	border-bottom : 1px solid #6020A0;
	margin-top: 3ex;
}

.content h3 {
	font-family: Arial, sans-serif;
	font-size : 100%;
	margin-top: 3ex;
}

.content h1:target { background-color : #ccccff; }
.content h2:target { background-color : #ccccff; }
.content h3:target { background-color : #ccccff; }

.content hr{
	/* Yes, this is (or was) all needed to get a coloured rule to work
	simultaneously in IE, Netscape and Opera. */
	color : #6020A0;
	background-color : #6020A0;
	height : 2px;
	border: 0 solid #6020A0;
}

.footer {
	font-family: Arial, sans-serif;
	max-width: 41em;
	text-align: center;
	font-size: 80%;
	color: #6020A0;
	padding-top: 4ex;
}