/* 

this css document removes some unnecesseray blocks and changes the font to something more appropiete for printing

xhtml elements 

*/

body {
	background: #fff;
	margin: 0;
	padding: 0;
	text-align: center; /* margin: auto doesn't seem to work properly in IE5.01 and IE5.5, therefore this is necessery */
}

blockquote {
	color: #999;
	font-family: Georgia, "Times New Roman", Times, sans-serif;
	font-size: 12pt;
	font-style: italic;
	background-image: url("../img/quote.png");
	background-repeat: no-repeat;
	letter-spacing: 0.4px;
	margin-top: 5px;
	margin-bottom: 0px;
	margin-left: 0;
	padding-left: 20px;
	width: 250px 
}

h1 { /* header level 1 */
	color: #000;
	font: 20px Georgia, "Trebuchet MS", verdana, arial, helvetica, sans-serif;
	margin: 0;
	padding: 0;
}

h2 { /* header level 2 */
	color: #000;
	font: 16px Georgia, "Trebuchet MS", verdana, arial, helvetica, sans-serif;
	margin: 0;
	padding: 0;
}

/* Class-definitions */

#bottom {
	margin: 0px auto;
	width: 600px;
	background-color: #fff;
	border-top: 1px solid #778;
	text-align: left;
	font: 12pt "Times New Roman", "Trebuchet MS", Verdana, sans-serif;
	overflow: hidden;
}

#bottom a {
	text-decoration: none;
	color: #000;
}

#bottom img {
	border: 1px solid #000;
}

#content {
	overflow: hidden; /* for somehow, FF won't expand this div according to any floating object inside unless oweflow is set to hidden */
	width: 600px;
	border: 0px solid #000;
	margin: 50px auto;
	margin-bottom: 0; /* dunno why this is needed, but else Opera and IE adds about 100px bottom-margin, suppose it has something to do with my friend margin: auto again ;) */
	text-align: left; /* thanks to IE, i've had to add this 'cus else the whole page is centered becasue of text-align: center in body {} */
}

#content p.text {
	font: 12pt "Times New Roman", "Trebuchet MS", Verdana, sans-serif;
	width: 400px;
}

#imgbar {
	display: none;
}

/* Menu

The meny is properly shown in Opera, FF, IE5.5 and above. IE5.01 doesn't seem to handle the margins and borders as supposed.

*/

#navlist {
	padding: 3px 0;
	margin-left: 0;
	border-bottom: 1px solid #778;
	font: 14pt "Times New Roman", "Trebuchet MS", Verdana, sans-serif;
	display: none;
}

#navlist li {
	list-style: none;
	margin: 0;
	display: inline;
}

#navlist li a {
	padding: 3px 0.5em;
	margin-left: 3px;
	border: 1px solid #999;
	border-bottom: none;
	background: #fff;
	text-decoration: none;
}

#navlist li a:link, a:visited { 
	color: #000; 
}

#navlist li a:hover {
	color: #000;
	background: #fff;
	border-color: #227;
	border-bottom: 1px solid white;
}

#navlist li a#current {
	background: white;
	border-color: #227;
	border-bottom: 1px solid white;
	
}

