/* Jill's style sheet January 2006 */
/* The theme is based on colours one might see around a cave entrance */

body {
    margin: 0em;
    padding: 0em;
    color: black;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: medium;
}

.normalpg {
    background: #fffff0 none; /* ivory */
}

.titlepg {
    background: #ffdab9 none; /* peachpuff */
}

.invisible {
    display: none;
}


#fixed {
    position: absolute;
    top: 0;
    left: 0;
    width: 8em;
    height: 100%;
    /* background-image:url("images/bargn.gif"); */
    color: black;
}

body > #fixed {
    position: fixed;
}

.titlepgimg {
    background-image:url("images/bargn.gif");
}

.normalpgimg {
    background-image:url("images/barpk_iv.jpg");
}


#content {
    margin-left: 8em;
    padding-top: 0em;
    padding-bottom: 0em;
    padding-left: 1em;
    padding-right: 0.3em;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: medium;
    /* line-height: 1.5; */
	/* border-width: thin; border-style: solid; border-color: black; */
}


code, pre {
    font-family: monospace;
    font-size: large;
    font-weight: bold;
    background: transparent none;
    color: gray;
}

.center { text-align: center; }
h1 {
	font-size: 2em;
	text-align: right;
}

h2 {
	font-size: 1em;
    font-weight: bold;
	color: gray;
	margin-top: 1em;
	}

/* The paragraph in a list has less space top and bottom. */
p.list {
	margin-top: 0.2em;
	margin-bottom: 0.2em;
}

/* Table data is a little smaller than normal paragraph. */
table	{
	font-size: smaller;
	}

/* Tables used with diagrams are the same as a normal paragraph. */
table.dia	{
    font-size: medium;
	border: 0;
	padding: 0;
	}

/* Tables used with SEM images use smaller fonts and clickthrough images. */
table.sem	{
    font-size: smaller;
	border: 1px solid gray;
	width: 100%;
	}

table.sem th {
	border: 0;
	text-align: center;
}

table.sem td {
	border: 0;
	text-align: left;
	padding: 3px;
}

a:link { background: transparent none; color: blue; }
a:visited { background: transparent none; color: navy; }
a:active { background: transparent none; color: red; }
a:hover { background: transparent none; color: maroon; }


/* This section is for the left hand, fixed menu area */
#fixed a {
    display: block;
    text-decoration: none;
    padding: 0.2em;
    background: #a0b6aa none; /* greenish */
    color: black;
    font-weight: normal;
    font-size: smaller;
    font-variant: small-caps;
	letter-spacing: 0.18em;
    margin-bottom: 2px;
	border-width: thin; border-style: solid;
	border-top-color: #ffb896; /* red-brown */
	border-bottom-color: #517979; /* dark grey-green */
	border-left-color: #c4bbad; /* mid-brown */
	border-right-color: #7c766d; /* dark brown */
}

/* This is for a normal button highlight on the top left area */
#fixed a:hover {
    background: #ffdab9 none; /* peachpuff */
	border-top-color: #ffffe0; /* light yellow */
	border-bottom-color: #7db19f; /* olive */
	border-left-color: #bce7cd; /* light green */
	border-right-color: #97aa95; /* dark green */
}

/* This is for the current site so is informative only, not a button */
#fixed p {
    display: block;
    text-decoration: none;
    padding: 0.2em;
    color: black;
    font-weight: normal;
    font-size: smaller;
    font-variant: small-caps;
	letter-spacing: 0.18em;
    line-height: 1.5em; 
    margin-bottom: 2px;
    margin-top: 0px;
	border-width: thin; border-style: solid;
    background: #ffdab9 none; /* peachpuff */
	border-top-color: #ffffe0; /* light yellow */
	border-bottom-color: #7db19f; /* olive */
	border-left-color: #bce7cd; /* light green */
	border-right-color: #97aa95; /* dark green */
}

/* This is for the gap between two vertical nav bars in the fixed division */
#fixed p.gap {
    display: block;
    text-decoration: none;
    padding: 0.2em;
    color: black;
    font-weight: normal;
    font-size: small;
    font-variant: small-caps;
	letter-spacing: 0.18em;
    line-height: 1.5em; 
    margin-bottom: 2px;
    margin-top: 40px;
	border-style: none;
	/* Colours same as background so it looks invisible */
    background: transparent none;
}

/* This is for the lower of the two vertical nav bars in the fixed division */
/* The subpar (not anchor) is the one we are viewing */
#fixed p.subpar {
    display: block;
    text-decoration: none;
    padding: 0.2em;
    color: #555555; /* grey, same as title */
    font-weight: normal;
    font-size: small;
    font-variant: normal;
    line-height: 1.5em; 
    margin-bottom: 2px;
    margin-top: 4px;
    margin-left: 2px;
	border-style: none;
	/* Colours same as background so it looks invisible */
    background: transparent none;
}

/* This section is for the left hand, fixed menu area */
/* The anchors are supposed to be wrapped in a subpar to inherit the style */
#fixed p a {
    display: block;
    background: transparent none;
    color: blue;
    font-size: small;
    font-variant: normal;
	border-style: none;
}

/* This is for a normal button highlight on the top left area */
#fixed p a:visited {
    color: navy;
}
#fixed p a:active {
    color: red;
}
#fixed p a:hover {
    color: maroon;
    background: transparent none;
}

/* This is for a title block */
div.titleblock {
	padding: 0;
    height: 50px;
    margin-left: 4em;
    /* width: 100%; */
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 2em;
	text-align: right;
	font-weight: normal;
    color: #555555;
    background-image:url("images/barpk_iv_rot.jpg");
	/* border-width: thin; border-style: solid; border-color: black; */
}

/* This is for a more simple title block */
div.simplblock {
	padding: 0;
    height: 50px;
    margin-left: 0em;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 2em;
	text-align: right;
	font-weight: normal;
    color: #555555;
}


/* the text part of the titleblock */
.titleblock p {
	margin-top: 0em;
	padding-right: 0.6em;
	padding-top: 0.6em;
	}

/* This section is for the lower part of the page where you put
	things such as who wrote it when, etc.
	The border-top is an effective rule line. */
div.address {
    border-top: 1px solid gray;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: smaller;
    color: gray;
}


/* In case you want to put images in the address section */
div.address img {
    border: 0px;
    text-align: left;
}