@media screen
{
	/* ---------------- main elements definition ---------------- */

	*
	{
		font-family		:	verdana, sans-serif;
		color			:	#222222;
	}
	
	body
	{
		text-align		:	center;			
		background		:	#ffffcd;
		margin			:	0px;
		padding			:	0px;
		font-size			:	0.7eM;
	}
	
	
	h1
	{
		font-size			:	2eM;
	}
	
	h2
	{
		margin-top		:	1.6eM;
		margin-left		:	1eM;
		font-size			:	1.5eM;
		clear			:	both;
		color			:	#000000;
	}
	
	h3
	{
		margin-top		:	1.2eM;
		margin-left		:	2eM;
		margin-bottom		:	0.5eM;
		font-size			:	1.3eM;
		clear			:	both;
		color			:	#000000;
	}
	
	a
	{
		font-weight		:	bold;
		color			:	#c00000;
		text-decoration	:	underline;
	}
	
	a:hover
	{
		color			:	#500000;
		text-decoration	:	none;
	}
	
	p
	{
		margin-top		:	0.5eM;
		margin-bottom		:	0.5eM;
		text-indent		:	2eM;
	}
	
	p:first-letter
	{
		font-weight		:	bold;
		font-size			:	1.2eM;
	}
	
     ul, ol
     {
     	margin-top		:	1eM;
     }
     
     li div
     {
     	margin-bottom		:	1eM;
     }
     
     ul#achievements
     {
     	margin-left		:	0px;
     }
	
	ul#achievements li
     {
     	list-style-type	:	none;
     	
     }

	li ul, li ol
	{
		margin-top		:	0px;
	}
	
	dt
	{
		font-weight		:	bold;	
	}
	
	img
	{
		border			:	none;
	}

     table
     {
          border-collapse     :    collapse;
          border              :    1px solid silver;
		width               :    95%;
          margin			:	1eM auto 1eM auto;
     }
     
     td
     {
          border              :    1px solid silver;
          vertical-align      :    top;
          padding             :    2px;
     }
     
     td ul
     {
          margin              :    0px;
     }
     
     td.description
     {
          width               :    30%;
          font-weight         :    bold;
     }
     
     tr.outdated td
     {
     	color			:	#999999;
     }
     
	address
	{
		margin-left		:	2eM;
	}

	/* ---------------- design definition -------------------- */
	.main
	{
		margin			:	0px auto;
		background		:	#ffffd2 url(/img/background.png) center top;
		width			:	964px;
	}
	
	.main div, .main span
	{
		text-align		:	left;
	}
	
	.header
	{
		width			:	964px;
		height			:	134px;	
		background		:	url(/img/header.png) no-repeat;
		margin-bottom		:	26px;
	}
	
	.header h1
	{
		display			:	none;
	}
	
	.footer
	{
		clear			:	both;
		width			:	964px;
		height			:	63px;
		background		:	url(/img/footer.png);
	}
	
	/* ---------------------- main content definition -------- */

	.content
	{
		width			:	614px;
		float			:	left;
		background		:	url(/img/main_footer.png) bottom no-repeat;
		padding-bottom		:	32px;
		margin-bottom		:	16px;
	}	

	.content h1
	{
		height			:	30px;
		background		:	url(/img/main_header.png) no-repeat;
		margin-bottom		:	0px;
		padding-left		:	20px;
		padding-right		:	16px;
		padding-top		:	8px;
	}
	
	.content .maindiv
	{
		min-height		:	300px;
		_height			:	300px;
		background		:	url(/img/main_body.png);
		border-top		:	1px solid transparent;
		border-bottom		:	1px solid transparent;
		_border			:	none;
		padding-left		:	20px;
		padding-right		:	20px;
			
	}

	
	/* ----------------------- menu definition --------------- */

	.leftmenu
	{
		width			:	174px;
		float			:	left;
	}
	
	.rightmenu
	{
		width			:	174px;
		float			:	left;
	}	
	
	.menu
	{
		width			:	100%;
		background		:	url(/img/menu_footer.png) left bottom no-repeat;
		padding-bottom		:	32px;
		margin-bottom		:	16px;
	}
	
	.rightmenu .menu
	{
		background		:	url(/img/menu_footer_right.png) left bottom no-repeat;
	}
	
	.menu h5
	{
		height			:	26px;
		_height			:	30px; /* IE 5- hack */
		_he\ight			:	26px; /* IE 6+ hack */
		width			:	150px; 
		_width			:	174px; /* IE 5- hack */
		_w\idth			:	150px; /* IE 6+ hack */
		font-size			:	1eM;
		color			:	#ebe6e3;
		background		:	url(/img/menu_header.png);
		margin			:	0px;
		padding-left		:	8px;
		padding-right		:	16px;
		padding-top		:	4px;	
	}
	
	.menu .maindiv
	{
		width			:	156px;
		_width			:	174px; /* IE 5- hack */
		_w\idth			:	156px; /* IE 6+ hack */
		background		:	url(/img/menu_body.png);
		padding-top		:	4px;
		padding-left		:	10px;
		padding-right		:	8px;	
		border-top		:	1px solid transparent;
		border-bottom		:	1px solid transparent;
		_border			:	none;	
	}
	
	.menu ul
	{
		list-style-type	:	none;
		margin			:	0px 4px;
		padding-left		:	0px;
	}
	
	.menu li
	{
		margin-bottom		:	4px;
		margin-left		:	0px;
	}
	
	/*  -------------- image definition  ---------- */
	div.image
	{
		border			:	2px solid #542708;
		background		:	#542708;
		margin			:	4px;
	}
	
	div.image div
	{
		margin			:	0px 4px;
		color			:	white;
	}
	
	.right
	{
		float			:	right;
	}
	
	.left
	{
		float			:	left;
	}
		
	.center
	{
		text-align		:	center;
	}
	
	
	/* ------- guestbook definition ----------*/
	
	.guestbookBox
	{
		border			:	2px solid #542708;
		padding			:	4px;
		background		:	#ffffcd;
		margin-top		:	8px;
		margin-bottom		:	4px;
	}
	
	.guestbookBox.beta
	{
		background		:	#fff0cd;
	}
	
	.guestbookBox div
	{
		border			:	1px solid #542708;
		padding			:	4px;
		background		:	#ffffed;
		margin-top		:	.5eM
	}
	
	/* ------- discussion definiton ---------- */
	.discussion
	{
		border			:	1px solid black;
		margin			:	2px;
		padding			:	2px;
		margin-bottom		:	8px;
		
	}
	
	.disHeader
	{
		float			:	left;
	}
	
	.disBody
	{
		border			:	1px solid black;
		background		:	#fefeec;
		float			:	right;
		width			:	430px;
		min-height		:	5eM;
		_height			:	5eM;
		margin			:	2px;
		padding			:	2px;
	}
	
	

	/* ------- forms definiton ---------------*/
	legend
	{
		padding			:	8px;
	}
	
	label
	{
		display			:	block;
	}
	input, textarea, select
	{
		margin-left		:	64px;
		margin-top		:	4px;
		margin-bottom		:	4px;
		font-size			:	1eM;
	}
	
	textarea
	{
		width			:	80%;
		height			:	10eM;
		font-size			:	1eM;
	}
	
	.menu label
	{
		display			:	inline;
		float			:	left;
	}
	
	.menu input
	{
		float			:	right;
		width			:	90px;
		font-size			:	0.8eM;
		margin			:	0px;
		margin-right		:	4px;
	}
	
	.menu input.button
	{
		width			:	auto;
	}
	
	
	
}




@media print
{
	


}