/*
 * mksa.css
 * --------
 */

* {
	margin: 0;
	padding: 0;
}

body {
	color: #000;
	background-image: url("../images/test3.jpg");
	background-color: #fff;
	background-position: bottom right;
	background-repeat: no-repeat;
	background-attachment: fixed;
	bottom: 0px;
	text-align: left;
	font-size: 12pt;
	margin: 0;
}

.thumb {
	float: left;
	margin-left: 12px;
	margin-right: 11px;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 112px;
	height: 180px;
}
.imagelink
{
	border: 1px solid #b33;
}

/* ************************************************************************** */
/* Menubar & dropdown lists */

.menubar {
	width: 800px;
	border-top: 3px black solid;
	border-bottom: 3px black solid;
	height: 1.2em;
	margin: 1em 0 1em 0;
}

.menubar ul {
	padding: 0;
	margin: 0;
	list-style: none;

	color: #888; /* Applies to non-links. */
}

.menubar li {
	float: left;
	position: relative;
	width: 200px;
	text-align: center;
}

.menubar li li {
	float: none;
}

.menubar li ul { /* second-level lists */
	display: none;
	position: absolute;
/*	top: 1.2em; */ /* IE sucks, this is for IE only. */
	left: 0;
}

.menubar li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
}

.menubar li:hover ul, .menubar li.over ul { /* lists nested under hovered list items */
	display: block;

	background: #fff;
	border: 3px solid #a44;
	border-top: 1px solid #aaa; /* Switched to transitional to use this. */
/*	border-top: none;   3px solid #f08;*/
}

.menubar li li a {
/*	display: block;
	background: red;*/
	width: 194px; /* minus three (x2) for external borders */
	padding: 3px 0 3px 0;
	border: 0;
}

.menubar a {
	color: #400;
	display: block;
	border: 0;
}


.menubar a:visited {
	color: #400;
}


.menubar a:hover, .menubar a:visited:hover {
	color: #400;
	border: 0;
	background: #eee;
}

/* ========================================================================== */

h1 { text-align: center; }
h2 { text-align: center; font-variant: small-caps; }
h3 { text-align: left; margin: 2em 0 0 0; }

.text h3 { text-indent: 0; }

p { margin: 1em 0 0 0; }

.authors {
	text-align: center;
	font-style: italic;
}

.parts { color: #400; }
		
.footer {
	position: relative;
	right: 0;
	bottom: 0;
	text-align: right;
	font-size: 10px;
	margin-bottom: 6px;
}

/* ************************************************************************** */
/* Normal links */

a {
	text-decoration: none;
	border-bottom: 1px dashed red;
	color: #b33;
}

a:hover {
	border-bottom: 1px solid red;
}

a:visited {
	color: #700;
}

/* ************************************************************************** */
/* divs */

.main {
	width: 800px; /* Width ignores padding.  Huzzah! */
	/* top right bottom left */
/*	padding: 0px 50px 0px 50px; */ /* Thus box is 900px wide */
	/* Padding isn't really needed. */
	padding: 0;
	margin: 0px auto;
}

.title {
	border-bottom: 10px black solid;
/*	border-left: 10px white solid;
	border-right: 10px white solid;*/
}

.content {
	margin: 25px 25px 25px 25px;
	border: 1px #aaa solid;
	padding: 0 25px 1em 25px;
	color: #000;
	background: transparent;
}

.text {
	text-align: justify;
	text-indent: 2em;
}

.noindent {
	text-indent: 0;
}

.italics {
	font-style: italic;
}

blockquote {
	margin-left: 3em;
	margin-right: 3em;
}

/* ************************************************************************** */
/* .content lists and formatting */

.content h2 {
	margin: 1em 0 0 0;
	text-indent: 0;
}

.content ul, ol { margin: 1em 50px 0 50px; }
.content li {	  margin: 4px 0 0 0; }

dt {
	margin: 1em 0 0 0;
	font-weight: bold;
}

dd	{ margin: 3px 30px 0 30px;}
dl ul	{ margin: 1em 0 0 0;	}
dl li	{ margin: 0 0 0 0;	}

/* ************************************************************************** */
/* General formatting */

strong  { font-weight:  bold; color: #800;    }
span.u  { text-decoration: underline;   }
em      { font-style: italic;   }
em em   { font-style: normal;   }
.center { text-align: center; }
.centre { text-align: center; }
.right { text-align: right; }

a.image, a.image:hover { border-bottom: 0; }

hr {margin: 1em 4em;}