/* ~~~~~~~~~~ page layout ~~~~~~~~~~ */

	body {
		font: 100%/175% 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
		font-size: small;  text-align: center; 
		margin: 0; padding: 0;
		background: #817276 url('pagebg.gif') top left repeat-x; 
	}

	#page     {
		width: 760px; 
		border: 1px solid #3A291F;
		margin: 20px auto 20px auto;
		text-align: left;  
		background: #ffffff;
	}

	#header     {
		text-align: right;  color:#F2EEEC;	font-size:1.2em;
		height:170px; border: 1px solid #3A291F;
		margin: 8px ; padding: 0 25px 0 0; 
		background: #ffffff url('header.jpg') no-repeat; 
	}

	#menu { 
		background: #91725B;
		margin: 8px;
	}

	#main { 
		padding:30px;
		background: #ffffff;
	}

	#leftside { 
		padding: 10px; 
	}

	#rightside { 
		width: 170px; float:right;
		padding: 10px; border-left:1px dashed #eee; margin-left:10px;
	}


/* ~~~~~~~~~~ header elements ~~~~~~~~~~ */

	#header h1 {
		font-weight: normal;
		padding:10px 0 5px 0; 
		color: #F2EEEC; 
		letter-spacing: 0.1em;
	}
	#header h3 {
		font-style:italic;
		font-weight: normal; 
		color: #F2EEEC; 
		letter-spacing: 0.1em;
	}

/* ~~~~~~~~~~ menu elements ~~~~~~~~~~ */

	#menu ul {
		font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
		width: 100%; text-align: center; line-height: 18px;
		padding: 5px 0px 5px 0px; margin: 0 ;
		background-color: #91725B; color: #F2EEEC;
	}
	#menu ul li {
		display: inline; margin:0;
	}
	#menu ul li a {
		padding: 5px 5px 5px 5px;
		color: #F2EEEC; 
		text-decoration: none;
		border-right: 1px solid #F2EEEC;;
	}
	#menu ul li a:hover {
		background: #F2EEEC;
		color: #3A291F;
	}


/* ~~~~~~~~~~ page elements ~~~~~~~~~~ */

	p { 
		font:  100%/175%  'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
		font-size: small; 
	}

	img {
		margin: 0px; padding: 2px; border:0;
	}

	pre {
		font-face:  'Courier New', Courier;
		font-size: medium; 
		font-style: normal; 
		font-weight: normal; 
	}

	ul li {
		list-style-type: circle;
	}

	table,tr,td {
		font:  100%/175%  'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
		font-size: small; 
		text-align: left; 
		vertical-align: top; 
	}

	.watermark {
		 visibility: hidden;
	}

	a {
		color: #8A654A; 
		text-decoration: none; 
	}

	a:visited { 
		color: #8A654A; 
		text-decoration: none; 
	}

	a:hover { 
		color: #8A654A; 
		text-decoration: underline; 
	}

	#leftside h2 { 
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color: #8A654A;
		font-weight: normal; 
		font-size: large;
		letter-spacing: 0.1em;
	}

	#rightside h4 { 
		font: italic bold medium Verdana, Arial, Helvetica, sans-serif;
		color: #8A654A;
	}

	.logo {font-size: small; color:#91725B;}