* 	{
		margin: 0;
		padding: 0;
	}

body	{
		background: #C0C0C0;
	}

#layout	{
		width: 820px;
		margin-left: 50px;
		background-color: #EBEBFF;
		text-align: left;
	}

#top	{
		width: 800px; height: 120px;
		background: #EBEBFF url("images/mainbg.png") no-repeat scroll 50%;
		text-align: left;
		padding-left: 20px;
	}

#topic	{
		color: #383838;
		font: italic normal bold 36px arial, verdana, sans-serif;
		padding-left: 10px;
		padding-top: 28px;
		letter-spacing: 5px;
	}

#tl	{
		width: 800px; height: 30px;
		color: #C8C8E2; 
		font: normal normal bold 20px arial, verdana, sans-serif;
		padding-left: 10px;
		padding-top: 14px;
	}

#tl a, a:visited{
			color: #C8C8FF;
			text-decoration:none;
		}

#tl a:active	{
			color: #DCDCFF;
			text-decoration:none;
		}

#tl a:hover	{
			color: #DCDCFF;
			text-decoration:none;
		}

h1	{
		color: #444488;
		font: normal small-caps bold 26px arial, sans-serif;
		padding: 20px 50px 0px 20px;
	}

h2	{
		color: #0B4F55; 
		font: italic normal bold 16px arial, sans-serif;
		padding: 20px 50px 0px 50px;
		line-height: 25px;
	}

h3	{
		color: #000000;
		font: normal normal normal 16px arial, sans-serif;
		padding: 20px 50px 0px 20px;
	}

h4	{
		color: #888888;
		font: italic normal normal 16px arial, sans-serif;
		padding: 50px 50px 0px 50px;
	}

f1	{
		color: #282828;
	}

a, a:visited	{
			color: #E45000;
			text-decoration:none;
		}

a:hover		{
			color: #FF833F;
			text-decoration:none;
		}

a:active	{
			color: #999999;
			text-decoration:none;
		}

#bottom	{
		width: 800px; height: 100px;
		background-color: #EBEBFF;
	}

#picture{
		float: right;
		width: 180px;
		padding: 10px 30px 0px 0px;
	}