@charset "utf-8";
	/* Screen CSS Document */
	
	body {
		background-image: url(gui/bg_fade.jpg);
		background-repeat: repeat-x;
		background-color:#DADADA;
		padding: 0px;
		margin: 10px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 8pt;
		color: #999;
		text-align: left;		
	}
	a {	font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10pt;
		font-weight: bold;
		color: #666;
		text-decoration: none;
	}
	a:hover {
		text-decoration: underline;
	}
	
	/* The following .container:after allows the containers floating divs to not be pushed out of the container in Firefox */
	.content:after { content: ""; display: block; height: 0; clear: both;}
	
	.wrapper {
		width: 640px;
		background-color: #666;
		margin: auto;
		padding: 6px;
		border-right: #999 solid 1px;
		border-radius: 15px;
	}
	.title {
		display: block;
		padding: 20px;
		margin: auto;
		height: 200px;
		background-color: #036;
		border-radius: 15px;
	}
	.clicktopia {
		width: 200px;
		float: left;
		color: #fff;
		font-size: 14pt;
		font-style: normal;
	}
	.title p {
		float:right;
		width: 330px;
		font-style: italic;
		color: #CCC;
		margin: 10px;
		padding: 0;
		position: relative;
	}
	.container {
		display: block;
		border-radius: 15px;
		background-color: #fff;
		margin: auto;
	}
	.content {
		display: block;
		margin: 0 30px;
		overflow: visible;
		padding-top: 30px;
	}
	h2 {
		color: #FFF;
		background-color: #333;
		font-size: 10pt;
		font-style: normal;
		display: block;
		margin: 0;
		padding: 5px;
		border-top-right-radius: 15px;
	}
	h3 {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 8pt;
		color: #ccc;
		text-align: right;
		padding: 5px;
	}
	em {
		color: #999;
		font-size: 10pt;
		font-style: italic;
	}
	p {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10pt;
		color: #666;
		display: block;
		margin: 0 0 10px 0;
	}