body {
	background: url("pics/bg.jpg")  0 0;
	color: #def;
	font: normal small serif;
	border: 0; 
	margin: 0; 
	padding: 0
	}

A {
	color: #99f
	}
	
A:visited { 
	color: #99c 
	}
 
A:hover { 
	color: #fc0;
	}

A:active { 
	color: #ff0; 
	}

h1 {
	font: bold xx-large sans-serif;
	text-align: left;
	color: #fc0
	}

h2 {
	color: #fc6
	}

h3 {
	color: #fd9
	}
	
hr {
	background: url("pics/hr_baroque.png") repeat-x 0 0;
	height: 5px;
	width: 92%;
	border: 0;
	}

pre {
	font-size: large;
	}

blockquote {
    font: oblique medium serif;
    background: #334;
    border: thin solid #003;
    padding: 0 1em;
}

q {
    font: oblique small serif;
}

dfn {
    font-weight: bolder;
}

samp {
    color: #090;
}

kbd {
    color: #090;
    font-weight: bold;
}

dt {
    font-weight: bold;
    font-size: larger;
}

br {
    clear: both;
}  

p br {
    clear: none;
} 

/* Tables */

table {
    margin: 1em auto;
    border: medium double #556;
    border-collapse: collapse;
	border-spacing: 0;
}

thead {
    background:  #ff9d34;
}

th {
    padding: 0 1em;
    margin: 0;
    border: thin solid #334;
}

td {
    padding: 0.5ex 1ex;
    margin: 0;
    border: thin solid #334;
}

caption {
    margin: 0;
    padding: 0;
    font: oblique medium serif;
}

/* Forms */

fieldset {
    padding: 0.5em 1em;
    margin: 0.5em 1em;
}

legend {
 font: oblique medium serif;
}

label {
    text-align: left;
    display: inline;
    width: 100%;
    padding: 1em 0;
    clear: both;
}

label.vertical {
    display: block;
    float: left;
    text-align: right;
    width: 6em;
    padding: 0.5em;
    clear: both;
}

input {
    text-align: left;
    display: inline;
    width: auto;
}

input.vertical {
    display: block;
    float: left;
    text-align: left;
    width: auto;
    margin: 0.5em;
}

div.checkbox {
    margin-left: 2em
}

div.results {
    border: thin solid #678;
    background: #012;
    padding: 1em;
}

/* Lists */

li { 
	border: 0; 
	margin: 0; 
	padding: 0;
	list-style-position: inside;
	}

ul li {
	list-style-image: url(pics/arrow-right.png);
	}
    
ol li {
    border: 0;
    margin: 1em 0;
    padding: 0;
}
   
li.plain {
    list-style: none inside none;
}

/* Classes */

.photo_frame {
    text-align: center;
    vertical-align: middle;
    padding: 2em;
}

.lframe {
    text-align: left;
    vertical-align: middle;
    padding: 2em;
    clear: left;
}

.rframe {
    text-align: right;
    vertical-align: middle;
    padding: 2em;
    clear: right;
}

.photo {
	border: 1px solid #678;
	margin: 0 1em;
}
	
.strap {
	font: bolder larger serif;
	color: white;
}

.centred {
    text-align: center
}

.required {
    color: #fc0;
}

.akey {
    text-decoration: underline
    } 

.highlighted {
    background: #600;
}

/* Modules */

#left_col {
	background: url("pics/vertical_logo.gif") repeat-y 1.5em 0px;
	width: 14%;
	height: 110em;
	float: left
	}

#right_col {
	background: url("pics/vertical_logo.gif") repeat-y 1.5em 0px;
	width: 14%;
	height: 110em;
	float: right
	}

#menu {
	float: left;
	width: 120px;
	margin: 0; 
	padding: 0 1ex;
	font: bold medium sans-serif;
	}
	
#menu ul {
	display: block;
	border: none;
	list-style: none inside none;
	width: 100%;
	margin: 0;
	padding: 0 0 0 3ex; 
	}

#menu ul li {
    list-style: none inside none;
}
	
#menu ul li a {
	text-decoration: none;
	line-height: 20px; 
	overflow: hidden;
	cursor: pointer;
	margin: 0;
	padding: 0;  
	}
	
#menu ul li ul li a {
	font-size: small;
	}

#content {
	padding: 0 1em 0 10em;
	}

#body {
	background: url("pics/dragon-corner.png") no-repeat 0 0 #123;
	border: 1px solid black; 
	margin: 0 2em; 
	padding: 0;
	}
	
#entryform {
	border: 0;
	width: 45em;
	margin: 1em;
	padding: 1em;
	}

#address {
	width: 28em;
	text-align: right;
	}

#footer {
    font-style: italic;
}