body
		{
		margin: 0;
		padding: 0;
		overflow: auto;
		text-align: center;
		font: 55% Verdana, Tahoma, Helvetica, Arial, sans-serif;
		background: #fff0c6 url('img/bg_body.gif') 50% 50% repeat-y;
		}
#wrapper
		{
		margin: 0 auto;
		width: 750px;
		text-align: left;
		}
#frame
		{
	border-color: #FFCC01;
	border-style: solid;
	border-width: thin;
	text-indent: 5px;
		}
#header img
		{
		display: block;
		}
#datetime
		{
		padding: 0 10px;
		height: 20px;
		font-size: 1.1em;
		font-weight: bold;
		color: #fff;
		text-align: right;
		line-height: 20px;
		background: #ff9900 url('img/bg_datetime.jpg') 50% 50% no-repeat;
		}
#navigation
		{
		float: left;
		width: 180px;
		font: bold 1.3em Verdana, Tahoma;
		background: #ffcc00 url('img/bg_nav.jpg') top left no-repeat;
		}
#navigation a
		{
		color: #ff9900;
		}
#navigation ul
		{
		margin: 0 0 0 5px;
		padding: 0;
		width: 170px;
		text-align: left;
		background: #a195ca url('img/bg_nav_ul.jpg') top right no-repeat;
		}
#navigation ul li
		{
		margin: 0;
		border-bottom: 1px solid #fff;
		padding: 0;
		list-style-type: none;
		}
#navigation ul li a
		{
		display: block;
		padding: 0.8em 5px 0.8em 30px;
		color: #fff;
		text-decoration: none;
		background: url('img/bg_nav_li.gif') center left no-repeat;
		}
#navigation ul li a:hover
		{
		background: #bdb5da url('img/bg_nav_li.gif') center left no-repeat;
		}
#navigation .pic
		{
		display: block;
		margin: 10px;
		}
#languages
		{
		float: left;
		width: 570px;
		height: 35px;
		overflow: hidden;
		background: #ffcc00 url('img/bg_languages.jpg') top left no-repeat;
		}
#languages ul
		{
		margin: 0;
		padding: 0;
		}
#languages ul li
		{
		float: right;
		margin: 0;
		padding: 0;
		list-style-type: none;
		}
#languages ul li img
		{
		display: block;
		float: left;
		margin: 1.4em 0 1.4em 5px;
		}
#languages ul li a
		{
		display: block;
		float: left;
		padding: 1.1em 5px 1.1em 5px;
		font: bold 1.1em Verdana, Tahoma;
		color: #fff;
		text-decoration: underline;
		}
#languages ul li a:hover
		{
		color: #ffcc00;
		}
#navigation .credits a
		{
		display: block;
		padding: 0 5px;
		height: 30px;
		font: normal 9px Tahoma;
		color: #ffcc00;
		line-height: 30px;
		background: #ff9900;
		text-align: center;
		}
#column_left
		{		
		float: left;
		margin-right: 2px;
		width: 390px;
		background: url('img/bg_colsx.gif') top left repeat-x;
		}
#column_right
		{
		float: left;
		width: 178px;
		background: url('img/bg_coldx.gif') top left repeat-x;
		}
#column_center
		{		
		float: left;
		border-bottom: 1px solid #ffcc00;
		width: 570px;
		background: #fff url('img/bg_colsx.gif') top left repeat-x;
		}
#column_unique
		{		
		clear: both;
		border-bottom: 1px solid #ffcc00;
		background: #fff url('img/bg_colsx.gif') top left repeat-x;
		}
.content
		{
	padding: 0 20px 20px 20px;
	text-align: left;
		}
.content h1
		{
		margin: 15px 0 10px 0;
		font: bold 1.6em Verdana, Tahoma;
		color: #ff9900;
		text-align: right;
		}
.content h2,
.content h3

		{
		margin: 10px 0 5px 0;
		font: bold 1.4em Verdana, Tahoma;
		color: #ff9900;
		}
.content p
		{
		margin: 5px 0 8px 0;
		font: 1.3em Verdana, Tahoma;
		color: #3e394d;
		line-height: 1.5em;
		}
.content hr
		{
		margin: 5px 0;
		padding: 0;
		border: 0;
		border-top: 1px solid #ffcc00;
		color: #ffcc00;
		background-color: #ffcc00;
		}
.content ul li
		{
		font: 1.3em Verdana, Tahoma;
		color: #3e394d;
		line-height: 1.5em;
		}
.content a
		{
		color: #3e394d;
		}
#column_right .content h1,
#column_right .content h2,
#column_right .content h3
		{
		color: #a195ca;
		}
#column_left form
		{
		}
#column_left form .formrow
		{
		padding: 5px;
		font-weight: normal;
		font-size: 10px;
		color: #a195c1;
		}
#column_left form .formrow label
		{
		display: block;
		padding: 4px 0;
		font-weight: bold;
		font-size: 12px;
		color: #a195c1;
		}
#column_left form .formrow .field,
#column_left form .formrow textarea,
#column_left form .formrow select
		{
		display: block;
		border: 1px solid #a195c1;
		background: #f9f7ff;
		}
#column_left form .formrow input:hover,
#column_left form .formrow textarea:hover,
#column_left form .formrow select:hover
		{
		background: #ffffff;
		}
#column_left form .formrow .field
		{
		padding: 3px 2px;
		width: 180px;
		font-size: 10px;
		color: #a195c1;
		}
#column_left form .formrow .select
		{
		padding: 3px 2px;
		width: 220px;
		font-size: 10px;
		color: #a195c1;
		}
#column_left form .formrow .textarea
		{
		padding: 3px 2px;
		width: 280px;
		height: 120px;
		font-size: 12px;
		color: #a195c1;
		}
#column_left form .formrow .button
		{
		padding: 3px 2px;
		font-weight: bold;
		font-size: 10px;
		color: #f9f7ff;
		background: #a195c1;
		}
#column_left form .formrow .button:hover
		{
		background: #ffcc00;
		}
#column_left form .formrow br
		{
		clear: both;
		}