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;

		}

.pic {

	padding-right: 5px;

	padding-left: 10px;

	text-align: center;

}



#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;

		}