/*Website hue: 36 */

body
	{
		font-size: 12pt;
		margin: 0px;
		padding: 0px;
	}
	
h1 /*page title*/
	{
		font-size: 200%;
		color: #000;
		font-family: sans-serif;
		text-align: center;
		margin: 0px;
		padding: 0px;
		height: 70px;
		background-color: #ccc;
		overflow: hidden;
		width: 100%;
	}
	
div.menu
	{
		font-size: 90%;
		/*width: 100%;*/
		overflow: auto;
		background-color: #aaa;
		width: 150px;
		min-height: 100%;
		float: left;
		padding-top: 50px;
		padding-bottom: 50px;
	}
	
div.menu ul
	{
		border: 0px;
		margin: 0px;
		padding:0px;
		list-style-type: none;
	}

div.menu ul li
	{
		padding: 3px;
		margin-left: 10px;
		width: 134px;
		text-align: center;
		float: left;
	}
	
div.menu li a
	{
		color: #a17738;
		text-decoration: none;
		font-weight: bold;
	}
	
div.menu li a:link
	{
		color: #a17738;
		font-weight: bold;
	}
	
div.menu li a:active
	{
		color: #a17738;
		font-weight: bold;
	}
	
div.menu li a:visited
	{
		color: #a17738;
		font-weight: bold;
	}
	
div.floatstop
	{
		clear: both;
		float: left;
		overflow: hidden;
		height: 1px;
		width: 300px;
	}

div.body /*body div*/
	{
		padding: 10px;
		margin: 0px;
		padding-left: 170px;
	}

table.content
	{
		border: 1px solid grey;
		margin-top: 5px;
	}

table.content td
	{
		border-right: 1px solid grey;
	}

table.content td
	{
		border-top: 1px dashed grey;
	}
	
span.error
	{ /* used in admin interface to feed back problems*/ 
		color: red;
	}

div.inputprompt
	{
		float: left;
		clear: left;
		width: 20em;
		text-align: right;
		margin-right: 0.4em;
	}
	
div.thumbnail
	{
		padding: 1px;
		margin: 1px;
		border: 1px solid #333;
		float: left;
		text-align: center;
	}

div.thumbnail img
	{
		border: 0px;
	}

.floatleft
	{
		float: left;
		border: 0px;
		margin: 5px;
	}

.floatright
	{
		float: right;
		border: 0px;
		margin: 5px;
	}

.center
	{
		border: 0px;
		margin: 5px;
	}

div.imgcenter
	{
		width: 100%;
		text-align: center;
	}

div.logDetails
	{
		font-size: 60%;
		text-align: center;
		margin-top: 30px;
		display: block;
	}
	
div.event
	{
		border: 1px dashed #ddd;
		margin: 5px;
	}
	
div.eventtitle
	{

	}

div.eventnote
	{
		margin-left: 40px;
	}

div.bigreminders
	{
		border: 3px dashed #ddd;
		margin: 10px;
		padding: 5px;
		width: 70%;
	}

div.reminders
	{
		float: right;
		border: 3px dashed #ddd;
		background-color: white;
		margin: 10px;
		padding: 5px;
		width: 30%;
	}
	
div.reminderstitle
	{
		font-size: 120%;
		font-weight: bold;
		width: 100%;
		text-align: center;
	}
	
div.reminder
	{
		padding-bottom: 3px;
	}
	
div.reminddate
	{
		font-weight: bold;
		display: inline;
	}
	
div.remindnote
	{
	}