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

06/09/04	JKW	Created synokpos; based on synok.css 26/12/03 and ALA 155 (Dug Falby)
27/11/04	JKW	Tmpl
09/02/05	JKW	Update per synok.css 28/12/04; .postit etc font size .75 to .9
2008-01-20	Tmpl; text-align on body col not postit, panel, returnpanel; .panel LM .7 to 1em;
		menu margins
2008-01-22	.sidepanel clear
2008-01-25	font-size 0.9em on body; other ems/widths
2008-01-29	ul, ol p-l
2008-02-05	BG and z-index on bodycol
2008-06-17	text shadow on h2, heademph

Generic template 12/01/07
*/

/* <???> 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. table, div and form) plus span should inherit */
body {
color: #000;
background: #F6F6F6 url(http://www.syntacticweb.co.uk/resource/parch.jpg);
}

/* Title - Syn */
h1 {
color: #933;
background: transparent;
}

h1 img {
border: none;
}

/* Title - awdac */
h2 {
color: #2D2D99;
background: transparent;
}

/* Body headings */
h3 {
color: #933;
background: transparent;
}

/* In h3 */
span.heademph {
color: #006;
}

/* Body subheadings, sidepanel headings */
h4 {
color: #933;
background: transparent;
}

blockquote {
background: #CCC;
}

/* Forms */
fieldset {
border: none;
}

input[type="submit"] {
color: #336;
background: #D0D0F6;
}

/* For RSS img (which UA?) */
a img {
border: none;
}

div.postit {
border: 1px outset #FFFBCC;
color: #000;
background: #FFFBCC;
}

/* Sidepanel alt. 1
div.sidepanel {
border-top: 2px #C66 ridge;
border-bottom: 2px #C66 ridge;
color: #006;
background: #F8F5E8;
}
*/

/* Sidepanel alt. 2 */
/*
div.sidepanel {
border: 1px solid #B35050;
border-left: 3px solid #B35050;
color: #006;
background: #FAF5EB;
}
*/

/* Sidepanel alt. 3 */
/*
*/
div.sidepanel {
border: 1px solid #B35050; /* #666; */
background: #FAF5EB;
}
div.sidepanel h4, div.sidepanel h4 a {
color: #933;
}
div.sidepanel p, div.sidepanel ul, div.sidepanel ol {
color: #333;
}


/* Help, acronyms, abbrs  */
.help {
border-bottom: 1px dotted;
cursor: help;
}

/* Main and Aux menus; return link */

/* Background */
ul#mainmenu, ul#auxmenu, .returnlink {
background-color: #D0D0F6;
}

/* Borders */
#mainmenu li, #auxmenu li, .returnlink  {
border-top: 1px solid #FAFAFF;
border-right: 1px solid #8E8ECC;
border-bottom: 1px solid #8E8ECC;
border-left: 1px solid #FAFAFF;
color: #449;
/* background-color: #D0D0F6; Error! */
}

/* Text; visited selectors for IE */
#mainmenu a, #auxmenu a, #mainmenu a:visited, #auxmenu a:visited, .returnlink a, .returnlink a:visited {
/* border: 1px solid transparent; IE6 gives text colour */
text-decoration: none;
color: #336;
/* background-color: #D0D0F6; Error! */
}

/* Hover: text and BG */
#mainmenu a:hover, #auxmenu a:hover, li.current, .returnlink a:hover {
/* border: 1px solid #CCC; */
color: #449;  /* #933; */
background-color: #DFDFFF;
text-decoration: none;
}

div#header {
}

div#search {
}

div#banner {
}

div#maincontent {
}

div#menucol {
}

div#bodycol {
background: #F6F6F6 url(http://www.syntacticweb.co.uk/resource/parch.jpg);
}

div#footer {
}


/* <???> 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 */
body {
font-size: 90%;
font-family: Verdana, "Lucida Sans", "Trebuchet MS", Arial, Helvetica, sans-serif;
}

/* Title - Syn */
h1 {
font: italic bold 2.3em Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
letter-spacing: -1px;
}

h1 img {
font: italic bold 1em Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
}

/* Title - awdac */
h2 {
font: bold 1.4em Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
letter-spacing: -1px;
text-shadow: 1px 1px 1px #CCC;
}

/* Body headings */
h3 {
font: normal 1.3em Arial, Helvetica, "Lucida Sans", "Trebuchet MS", "Century Gothic", sans-serif;
}

/* In h3 */
span.heademph {
font: italic 1.7em "Book Antiqua", "Times New Roman", "Calisto MT", "Century Schoolbook", "Bell MT", serif;
text-shadow: 2px 2px 2px #999;
}

/*  Body subheadings; sidepanel headings */
h4 {
font: bold 1em Verdana, "Lucida Sans", "Trebuchet MS", Arial, Helvetica, sans-serif;
}

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

/* Forms */
input[type="submit"] {
font-weight: bold;
letter-spacing: -1px;
}

/* Smallprint: copyright, margin notes, read-offline notes */
.copy p, .marginnote p, p.offline  {
font: normal 0.9em Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
}

div.postit {
font-size: 0.9em;
}

div.sidepanel {
font-size: 0.9em;
}

div#header {
}

div#search {
text-align: right;
}

div#banner {
}

div#maincontent {
}

div#menucol {
}

div#bodycol {
}

/* Main menu, return link */
ul#mainmenu, p.returnlink {
font-weight: bold;
letter-spacing: -1px;
}

/* Aux menu */
ul#auxmenu {
font-weight: bold;
letter-spacing: -1px;
}

div#footer {
}


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

/* Body */
body {
margin: 0;
margin-left: auto;
margin-right: auto;
padding: 10px 8px 1em 8px;
max-width: 53em;
line-height: 1.35;
}

/* Title - Syn */
h1 {
margin: 0.4em 0 0 0;
}

h1 img {
padding: 0;
margin: 0;
}

/* Title - awdac */
h2 {
margin: -0.2em 0 1em 50px;
}

/* Body headings */
h3 {
margin: 0 0 0.1em 1.3em;
}

ul+h3, p+h3 {
margin-top: 0.9em;
}

/* Body subheadings; sidepanel headings */
h4 {
margin-top: 1em;
margin-bottom: 0.2em;
}

/* First para after H3 */
body h3 + p {
margin-top: 0;
}

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

ul {
list-style: square url(resource/bullcora.gif);
}

ul, ol {
margin: 0.5em 0 1em 0;
padding-left: 2em;
}

li {
margin: 0 0 0.3em 0;
}

blockquote {
margin: 1em 0 1.5em 2em;
padding: 0.5em;
}

/* Forms */
input[type="submit"] {
min-width: 10em; /* Needed for NS7.1 */
}

input.checkbox {
width: 1.5em; /* Works on NS6.1 not O5.12, IE4 */
height: 1.5em;
}


/* Print-only text */
.print {
display: none;
}

/* Copyright */
div.copy {
margin-top: 7em;
}

/* Margin notes */
div.marginnote {
text-align: left;
}

/* Read-offline note */
p.offline {
text-align: left;
}

img.imgleft {
float: left;
margin: 5px 15px 0.5em 0;
}

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

div.postit {
float: right;
margin: 0.5em 0 0.9em 1em;
padding: 0.3em 0.7em 0.5em 0.7em;
width: 30%;
max-width: 12em;
line-height: 1.25;
text-align: left;
}

div.sidepanel {
float: right;
clear: right;
margin: 0.6em 0 0.6em 1em;
padding: 0 0.5em 0 0.5em;
width: 11em;
line-height: 1.25;
text-align: left;
}

div.small {
width: 10em;
}

div.medium {
width: 11em;
}

div.large {
width: 12em;
}

/* Return panels */
div.returnpanel {
float: right;
margin: 0 0 0.5em 0;
width: 12em;
text-align: left;
}

div#header {
/* position: relative; <???> Needed for columns */
top: 0;
left: 0;
padding-left: 15%;
}

div#search {
}

div#banner {
}

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

div#menucol {
position: absolute;
top: 0;
left: 0;
width: 25%;
min-width: 9em;
text-align: right;
}

div#bodycol {
position: relative; /* Longest column relative to force #maincontent length*/
top: 0;
left: 28%;
width: 70%;
text-align: justify;
z-index: 9;
}

/* Main menu */
ul#mainmenu {
list-style-image: none;
list-style-type: none;
margin: 1.1em 10px 0 0;
padding-left: 0;
line-height: 1.2;
}

/* Aux menu */
ul#auxmenu {
list-style-image: none;
list-style-type: none;
margin: 2em 10px 4em 0;
padding-left: 0;
line-height: 1.2;
}

#mainmenu li, #auxmenu li {
margin-top: 0;
margin-bottom: 0;
}

#mainmenu li.current {
padding: 2px 6px 2px 6px; /* As for <a> padding */
}

#mainmenu a, #auxmenu a, .returnlink a {
padding: 2px 6px 2px 6px;
display: block; /* essential for full BG on hover */
/*
height: auto;
width: auto;
*/
}

/* Source footer: print-only */
div#footer {
/* position: relative; <???> Needed for columns */
top: 0;
left: 0;
display: none;
}