/*
Website Colors:
#F6F6F6 background
#C6C6CC banner background
#0B0D0E text
#AA0000 alert text
#483D8B link text
*/

html { height: 100%; width: 100%; }
body { margin:0px;
	   padding:0px;
	   border:0px;
	   font-family: Arial, sans-serif;
	   background: #F6F6F6;
		background-image:url('../images/ghost-flamel.png');
		background-repeat: no-repeat;
		background-position: right bottom;
		background-attachment: fixed;
	   font-size:auto;
	   color: #0B0D0E;
		line-height: 120%;}
#head { height: 6em;
        margin: 0px;
        padding: 1em;
        border-bottom: medium groove;
        background: #CBCBCB;
        position: fixed;
        top: 0px;
        left: 0px;
        right: 0px;
        bottom: 6em;
        width: auto;
        z-index: 1;
        background-image:url('../images/Ed_Al_top1.png');
        background-repeat: no-repeat;
        background-position: center left;
        }
#head h1 { text-align: center;
			font-variant:small-caps;
			font-family: fantasy;
			text-indent: 150px;}
#head h4 {font-variant: none;
			text-align: center;
			text-indent: 150px;
			font-family: fantasy;}
#nav_top { width: 25%;
	   min-width: 210px;
	   padding: .5em;
	   padding-bottom: 0;
	   margin-bottom: 0;
	   border-right: medium groove;
	   height: 2em;
	   float: left;
	   top: 8em;
	   bottom: 10em;
	   left: 0;
	   position: fixed;
	   z-index: 2;
	   background: #CBCBCB;}
#nav_bottom { width: 25%;
	   min-width: 210px;
	   padding: 0 .5em 0 .5em;
	   border-right: medium groove;
	   float: left;
	   position: absolute;
	   top: 10.5em;
	   left: 0px;
	   bottom: 0px;
	   z-index: 0;
	   background: #CBCBCB;}
#body {
		height: auto;
		position: absolute;
		left: 28%;
		top: 8em;
		right: 1em;
		}
h2 {text-transform: capitalize;
	font-family: fantasy;}
#body p { text-indent: 1em;
		  margin-top: .25em;
		  margin-bottom: .25em;}
#controls { float: right;
			width: 20%;
			min-width: 150px;
			height: auto;
			min-height: 4em;
			top: 0px;
			right: 0px;
			margin: 0;
			padding: .25em;
			font-size: 80%;
			}
div.item { border-top: thin groove;
			text-indent: 1em;
			padding: .25em;
			}
div.comment { border-top: thin groove;
			padding: .25em;
			margin: 1em;}
p.comment { border: thin groove;
			padding: .75em;
			margin-left: 1.5em;
			text-indent: 1em;}
.name { text-align: right;
		margin-top: -1em;
		font-size: 90%;
		}
#form p {text-indent: 0;
		 padding: .25em;}
ul.types { list-style-type: none;
			display: inline;
			padding-left: 0;
			padding-right: 0;
			padding-top: .5em;
			padding-bottom: .5em;
			margin-bottom: 0;
			text-transform: capitalize;}
.types li { margin: .125em;
			margin-bottom: 0;
			padding-bottom: .5em;
			padding-top: .25em;
			display: inline-block;
			border-left: thin groove;
			border-right: thin groove;
			text-align: center;
			width: 4em;}
ul.titles { list-style-type: none;
			padding-left: 1.5em;
			padding-top: .5em;
			padding-bottom: .5em;
			margin-top: 0;
			background: #F6F6F6;
			text-transform: none;}
.titles li { text-indent: -1em;
			 padding-left: 1em;
			 margin: .25em;
			 margin-top: 0;}
a { color: #4E4E7A;	}
.right { text-align: right;}
.center { text-align: center;}
.alert { color: #aa0000;}
.selected { font-weight: bold;
			background: #F6F6F6; }
.required { color: #900000; }
.date { text-align: right;
		font-size: 80%;
		position: relative;
		line-height: 0;
		bottom: -1.5em;}