
/* colours: purple #660066, magenta #FF00FF, pink #CC99FF *//* #FFff10 bright yellow */
/*
	#9c2994	(magenta-ish)	h1
	#CC99FF (dull purple)	a
	yellow					a:hover
	#333333					gallery & pastprods table borders
*/

/* --- colour --- */

/*
body { background-color: black; color: white; }
h1 { color: #9c2994; }
table {	border-color:#333333;}
a {color: #CC99FF; }
a:hover {color:yellow; }
span.email {color: yellow;}
a.navA { background-color: black; color: #CC99FF;}
*/

body { background-color: #bbdddd; color: black; }
table {	border-color:black;}
a {color: blue; }
a:hover {color:yellow; }
span.email {color: yellow;}
.navA { background-color: navy; color: white;}	/* <a> or <div> */
div#footer a {color:#bbdddd;}	/* bot-trap, same colour as background */
span.required {color: red;}

/*
body { background-color: white; color: black; }
table {	border-color:black;}
a {color: blue; }
a:hover {color:yellow; }
span.email {color: yellow;}
a.navA { background-color: black; color: white;}
*/

input.submitButton {color:green;}
input.resetButton {color:red;}

/* --- text style --- */

body {
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight: normal;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 47px;
	font-weight: bolder;
}

h2 {
	font-size: 28px;
	font-weight: bold;
}

a {
	text-decoration: none;
}

.navA {	/* nav bar */
    font-size: 16px;
    /*font-style: italic;*/
    /*font-variant: small-caps;*/
    font-weight: bold;
}

input.submitButton {
	font-size:12pt;
	font-family: Arial;
}

input.resetButton {
	font-size:12pt;
	font-family: Arial;
}

div.text_justify{
	font-size: 18px;
}

div.footnote {
	font-size: 12px;
	font-style: italic;
}

div#footer {	/* copyright */
	font-size: 12px;
}

span.venue {	/* on pastprods */
	font-size: 12px;
}

span.smallFont { /* on homepage; was font size = -1 */
	font-size: 12px;
}

span.underline {
	text-decoration: underline;
}

span#theCounter2 {
	font-size: 18px;
	font-family: Courier, monospace;
}

div#footer a {font-size: 1px;}	/* bot-trap */

/* --- layout --- */

body {
	text-align: center;
	margin-top: 10px;
	margin-bottom: 5px;
	margin-left: 10px;
	margin-right: 10px;
	padding: 0px
}

h1 {
	text-align: center;
	/*padding: 1px;*/
	margin-top: 0px;
	margin-bottom: 10px;
}

h2 {
	text-align: center;
	margin-top: 20px;
	margin-bottom: 20px;
}

table {
	text-align: center;
	margin-left:auto;
	margin-right:auto;
	border-collapse: collapse;
}

table#contactTab {
	width:90%;
}

table#contactTab tr td {
	/*border-collapse: separate;*/
	border-width: thin;
	border-color: black;
	border-style: solid;
}

table.border {
	border-collapse: separate;
	border-spacing: 0px;
	border-width: thin;
	border-color: black;
	border-style: solid;
}

table.border tr td {
	border-width: thin;
	border-color: black;
	border-style: solid;
}

td.w150 {
	width:150px;
}

td {
	text-align: center;
}

td.left {
	text-align: left;
}

img.w3c {	/* validation images */
	border-width:0;
	width:88px;
	height:31px;
}

div.text_justify{
	text-align: justify;
}

div.text_left{
	text-align: left;
}

div.footnote {
	text-align: center;
	margin-top: 40px;
}

div#footer {	/* copyright */
	text-align: center;
}

/*** navigation bar ***/
	
div#nav {
    text-align: center;
	padding:  0px;
	margin:0px;
}

table#navTable {	
	border-collapse: collapse;
	margin-left:0;
}

table#navTable td {
	padding-left:  5px;
	padding-right: 5px;
}
	
.navA {
	text-decoration: none;
	padding-left:  10px;
	padding-right: 10px; 
}


/* - drop menu - */

/*--- colour ---*/

div.menuDrop {
	background-color: black;
	border-color: #003365;
}

/*--- other ---*/

/*.menuHeader {
	text-decoration: none;
	white-space: nowrap;
	cursor: pointer;
	padding: 0px;
	padding-left:  5px;
	padding-right: 5px;
	margin: 0px;
	display: inline;
	position: relative;
	border-right: 1px solid #000000;
	font-size: 16px;
}*/

div.menuDrop {
	position: absolute;
	visibility: hidden;
	z-index: 1000;
	top: 4px;
	left: 0;
	width: 200px;
	height: auto;
	margin: 0;
	padding: 0;
	/*color: yellow;*/ /*#999999;*/
	font-size: 12px;
	font-family: arial, Helvetica, sans-serif;
	background-repeat: repeat;
	border-style: solid;
	border-width: 0 1px 1px;
    font-weight: bold;
	text-decoration: none;
	padding-left:  10px;
	padding-right: 10px; 
}

div.menuDrop a {
	display: block;
	text-align: left;
	padding: 2px 5px;
	border-top: 1px solid;
	text-decoration: none;
}
