@charset "iso-8859-1";
/* maiok.css

25/03/06	JKW	Created ex- maioknew2 6/3/06
22/04/06	JKW	.current not .active; page head is h2 not h1; fieldset; field float;
			breadcrumb; #toc; .leaning; blockquote; imgright
10/05/06	JKW	.imgleft, .imgright
23/11/06	JKW	Tmpl
24/11/06	JKW	.syllabus
2007-07-24	crosshead
2008-06-05	emphlist
2010-02-18	.asidehl
2010-02-21	p.emphlist
2010-08-12	.asidehl2
2010-08-13	border-radius

Generic template 12/01/07
*/

ol.syllabus > li, ol.syllabus > p {
font-weight: bold;
}

ol ul li {
margin-bottom: 0em;
}

/* Answer panel */
div.anspanel {
float: right;
margin: 1.1em 0 0.5em 0.7em;
border: 1px dotted #33F;
padding: 6px;
width: 40%;
color: #000;
background: #F3F6F9;
font-size: 0.8em;
line-height: 1.2;
}

/* Side panel */
div.sidepanel {
float: right;
margin: 1.1em 0 0.5em 0.7em;
border: 1px dotted #33F;
border-radius: 6px; 
padding: 6px;
width: 40%;
color: #000;
background: #F3F6F9;
font-size: 0.8em;
line-height: 1.4;
}

/* Marginal material: highlighted */
div.asidehl {
float: right;
margin: 1.1em 0 0.5em 0.7em;
border-top: 1px dotted #33F;
border-bottom: 1px dotted #33F;
padding: 6px;
width: 40%;
color: #399;
background: transparent;
font-size: 0.8em;
line-height: 1.4;
}

/* Marginal material: highlighted #2 */
div.asidehl2 {
float: right;
margin: 1.1em 0 0.5em 0.7em;
border: 1px solid #33F;
border-radius: 6px; 
padding: 6px;
width: 40%;
color: #399;
background: #F3F6F9;
font-size: 0.8em;
line-height: 1.4;
}

/* Leaning table (divdiam) */
table.leaning {
margin: 20px 0 15px 0;
border-collapse: collapse;
border: 1px solid #33F;
font-size: 0.9em;
}

.leaning th, .leaning td {
border: 1px solid #33F;
padding: 0.3em 3px 0.6em 3px;
color: #4D4D4D;
background: #F3F6F9;
vertical-align: top;
text-align: center;
}


/* <???> Colors, backgrounds, borders, link and emphasis indication, cursor --- */

/* Links */
a:link    {color: #0000CC; background: transparent; text-decoration: underline;}
a:visited {color: #551A8B; background: transparent; text-decoration: underline;}
a:hover, a:focus, a:active {
           color: #CC0000; background: transparent; text-decoration: underline;}

/* Body; all other block elements (incl. tables, div and form) plus span should inherit */
body {
color: #000;
background: #007DFF;
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
color: #4D4D4D;
background: transparent;
}

h1 img {
color: #FFF;
background: transparent;
}

acronym:after {
content: " (" attr(title) ")";
}

/* Acronyms, abbrs, help - attribute selectors may fail in IE */
acronym[title], abbr[title], .help[title] {
border-bottom: 1px dotted;
cursor: help;
}

p.crosshead {
border-top: 1px dotted #33F;
border-bottom: 1px dotted #33F;
color: #399;
background: transparent;
}

span.crossheadoff {
color: #999;
}

ul.emphlist, p.emphlist {
color: #399;
}

img.imgleft, img.imgright {
border: 1px solid #444;
border-radius: 2px;
}

div#banner {
border-top: 65px solid #007DFF;
border-bottom: 30px solid #0368D0;
background: #012898;
}

div#maincontent {
background: #FFF;
}

div#bodycol {
border-left: 1px dotted #33F;
}

/* Main menu */
#mainmenu li {
color: #FFF;
background: #0368D0;
}

#mainmenu li.current {
background: #012898;
}

#mainmenu li a:link, #mainmenu li a:visited {
color: #FFF;
text-decoration: none;
}

#mainmenu li a:link {
color: #FFF;
}

ul#submenu, ul#breadcrumb {
border-bottom: 1px dotted #33F;
}

div.asidehl h2, div.asidehl2 h2 {
color: #399;
}

div.asidehl h3, div.asidehl2 h3 {
color: #399;
}


/* <???> Text and font properties (excl. link indication, alignment and text-indent) --- */

/* Body text */
/* All other block elements (incl. tables, div and form) plus span should inherit */
/* Use font-size 0.9em for Verdana, either on body or on p,ul,ol,blockquote,legend */
body {
font-size: 100%;
color: #4D4D4D;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
line-height: 1.4 !important;
}

/* Headings - optional */
h1, h2, h3, h4, h5, h6 {
font-weight: bold;
/* font-family: <???>, sans-serif; */
}

h1 img {
font-weight: normal;
}

/*  */
h1 {
font-size: 1em;
}

/* Page heading */
h2 {
font-size: 1.1em;
}

/* Page subheading */
h3 {
font-size: 1em;
}

/* Page subsubheading */
h4 {
font-size: 1em;
}

/* Block quotes */
blockquote {
font-style: normal;
}

fieldset {
border: none;
}

/* For Alt text */
img {
font-size: 0.75em;
font-family: Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
}

p.crosshead {
font-size: 2em;
font-weight: bold;
letter-spacing: -1px;
}

span.crossheadoff {
font-weight: normal;
}

ul.emphlist {
font-weight: bold;
}

/* Marginal material */
div.sidepanel {
/* font-size: <???>em; */
}

/* Marginal material */
div.asidehl, div.asidehl2 {
font-size: 0.85em;
font-weight: bold;
}

div.asidehl h2, div.asidehl2 h2 {
font-size: 1.3em;
}

div.asidehl h3, div.asidehl2 h3 {
font-size: 1.2em;
}

/* Smallprint e.g. Copyright */
.smallprint {
/*
font-size: <???>em;
font-family: <???>;
*/
}

/* Main menu */
ul#mainmenu {
font: normal normal 0.85em Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
}

/* Submenu; breadcrumb; contents */
ul#submenu, ul#breadcrumb, .contents {
font: normal normal 0.85em Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
}

/* toc */
ul#toc {
font-size: 0.85em;
}


/* <???> Box properties (excl. borders), positioning, alignment, list types, text-indent, display --- */

/* Body - LR could be %, or 8px per W3C rec (Opera seems to need slack to avoid LR scroll) */
body {
margin: 0 auto;
padding: 10px 8px 1em 8px;
max-width: 65em;
line-height: 1.45;
}

/* Masthead */
h1 {
margin: 0;
padding: 0;
}

h1 img {
/* border: 1px solid red; */
}

/* Page heading - Optional - value is W3C rec */
h2 {
margin: 0.83em 0% 0.83em 0%;
}

/* Optional - value is W3C rec */
h3 {
margin: 1em 0% 1em 0%;
}

/* Optional - value is W3C rec */
h4 {
margin: 1.33em 0% 1.33em 0%;
}

/* Body text */
p {
margin: 1em 0% 1em 0%;
}

/* First para after (e.g.) H3 */
h3+p {
margin-top: 0;
}

/* Table cells */
th, td {
/* line-height: <???>; */
}

/* Lists - see Lists template */
ul, ol {
margin: 0.5em 0 1em 0;
padding-left: 1.5em;
}

li {
margin-top: 0;
margin-bottom: 0.5em;
/* line-height: <???>; */
}

/* Block quotes */
blockquote {
margin: 1em 0 1.5em 30px;
border-left: 5px solid #D3D6D9;
padding-left: 0.5em;
}

/* Forms (floats per PPK) */

form p {
clear: both;
}

input {
display: block;
float: left;
width: 30px;
margin-bottom: 0.5em;
}


span.en, span.em {
margin: 0 0.1em;
}

p.crosshead {
margin-left: 1em;
width: 80%;
}

/* Marginal material */
div.sidepanel, div.asidehl, div.asidehl2 {
line-height: 1.25;
}

img.imgleft {
clear:left;
float: left;
margin: 0 15px 0.7em 0;
}

img.imgright {
clear: right;
float: right;
margin: 0 5px 0.7em 15px;
}

/* Print-only text (e.g. .source) */
.print, #source {
display: none;
}

div#banner {
text-align: center;
overflow: hidden;
}

div#maincontent {
position: relative;
top: 0;
left: 0;
}

div#menucol {
position: absolute;
top: 0em;
left: 0;
width: 23%;
min-width: 9em;
}

div#bodycol {
position: relative; /* Longest column relative to force #maincontent length*/
top: 0;
left: 24%;
width: 73%;
padding: 0.5em 0 1em 1em;
}

div#footer {
overflow: hidden;
}

/* Main menu */
ul#mainmenu {
list-style: none;
margin: 0;
padding: 0;
}

#mainmenu li {
margin-bottom: 0;
border-bottom: 1px dotted #FFF;
border-top-right-radius: 4px; 
border-bottom-right-radius: 4px; 
padding: 0.4em 0.1em 0.5em 1em;
}

#mainmenu li#menufirst {
border-top: 1px dotted #FFF;
}

#mainmenu li#menulast {
border-bottom: none;
}

#mainmenu li a:link, #mainmenu li a:visited {
/* padding-left: 1em; */
}

/* Submenu, breadcrumb */
ul#submenu, ul#breadcrumb {
padding: 0 0 0.6em 0;
}

ul#submenu li, ul#breadcrumb li {
display: inline;
padding-right: 0.2em;
}

/* Attribution */
#attrib {
clear: both;
margin-top: 2em;
padding: 0.5em 5px 0.6em 5px;
font: 0.8em Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #FFF;
text-indent: 0;
text-align: center;
}

#attrib a {
color: #FFF;
}