body 
{
	background-color: #ffffff;
	width: 100%;
	text-align: center;
	margin: 0px;
	padding: 0px;

	font: 13px "verdana", "Helvetica", courier, monospace;
	*font-size: small;
	*font: x-small;
}

div#snap
{
	margin: 0px 25px;
	float: left;
	width: 160px;
}

.snap {
	margin: 0px 25px;
	float: left;
	width: 160px;
}

img#snap
{
	width:160px;
	height:120px;
}

img.snap
{
	width:160px;
	height:120px;
}

div#iframe
{
width:450px;
height:320px;
overflow: auto;
overflow-x: hidden;
}

	div#canvas 
	{
		font-size: 92.4%;
		
		margin: 0px auto;
		padding: 0px;
		width: 54em;
		text-align: left;
	}
	
		div#header p.bannerbutton,
		div#navigation p.bannerbutton
		{
			font-family: verdana,arial,helvetica,clean,sans-serif;
			font-size: 22px;
			font-weight: bold;
			text-transform: uppercase;
			line-height: 1.3em;
			margin: 0px;
			padding: 0px;
		}

		
			div#header p.bannerbutton a,
			div#navigation p.bannerbutton a
			{
				color: #bbbbbb;
				background-color: #ffffff;
				text-decoration: none;
				display: block;
				border: 2px solid #bbbbbb;
				padding: 0.4em 0.6em;
			}

			div#header p.bannerbutton a:hover,
			div#navigation p.bannerbutton a:hover
			{
				color: #ffffff;
				text-decoration: none;
				background: url("../images/gradient.gif") top left no-repeat;
				background-color: #e0e0e0;
				border: 2px solid #ffffff;
			}

		div#header 
		{
			width: 100%;
			margin: 0px;
			height: 8em;
			min-height: 110px;
			padding: 2em 0em 1em 0em;
			background: url("../images/border.gif") bottom left repeat-x;
		}
		
			img#logo
			{
				margin: 0px;
				padding: 0px;
				width: 650px;
				height: 100px;
				float: left;
			}

			p#betatestzone
			{
				float: right;
				text-align: center;
			}

				p#betatestzone a
				{
					width: 3em;
				}
		
		div#logout 
		{
			width: 100%;
			margin: 0px;
			padding: 0.5em 0em;
			background: url("../images/border.gif") bottom left repeat-x;
		}

			div#logout p
			{
				color: #333333;
			}
			
			div#logout span#loginname
			{
				display: block;
			}

			div#logout form input.inputsubmit
			{
				margin: 0.4em 0em;
				float: right;
			}


		div#navigation
		{
			margin: 1em 0em;
			float: left;
			width: 10em;
		}
		
			div#navigation p
			{
				margin: 1em 0em;
			}
			
			div#navigation a
			{
				font-weight: bold;
				color: #000000;
				text-decoration: none;
			}


                        div#navigation a.selectedMenu {
                                 color: gray;
                                 cursor: default;
                                 text-decoration: underline;
                        }
			
			div#navigation a:hover
			{
				color: gray;
				text-decoration: underline;
			}	

			div#navigation p#signup
			{
				margin: 1.5em 0em;
				width: 6.6em;
			}
			
			div#navigation p#supportforum
			{
				margin: 1.5em 0em;
				width: 6.1em;
			}
			
				div#rss 
				{
					margin: 1em 0em;
				}

					div#rss img
					{
						vertical-align: middle; 
						margin: 0em 0.5em 0em 0em;
					}
				
				div#blogroll
				{
					margin: 2em 0em;
				}

					div#blogroll p
					{
						margin: 0.5em 0em;
					}
		
					div#blogroll a
					{
						font-weight: normal;
						color: #666666;
					}
			
		div#content
		{
			margin: 1em 0em;
			padding: 0em 0em 1em 0em;
			width: 450px;
			float: right;
			background: url("../images/border.gif") bottom left repeat-x;
			color: #333333;
		}

			div#content h1
			{
				margin: 0em 0em 1em 0em;
				padding: 0em 0em 1em 0em;
				color: #000000;
				font-weight: bold;
				background: url("../images/border.gif") bottom left repeat-x;
			}

			div#content h2
			{
				margin: 3em 0em 1em 0em;
				padding: 0em 0em 0.5em 0em;
				color: #000000;
				font-weight: bold;
				background: url("../images/border.gif") bottom left repeat-x;
			}

			div#content h3
			{
				margin: 1.5em 0em 1em 0em;
				padding: 0em 0em 0.5em 0em;
				color: #000000;
				font-weight: bold;
				background: url("../images/border.gif") bottom left repeat-x;
			}

			div#content h4
			{
				margin: 1.5em 0em 0.65em 0em;
				padding: 0em 0em 0.35em 0em;
				font-weight: normal;
				color: #000000;
				background: url("../images/border.gif") bottom left repeat-x;
			}

			div#content h5,
			div#content h6
			{
				margin: 0.5em 0em;
				color: #666666;
			}

			div#content p
			{
				margin: 0em 0em 1em 0em;
				color: #333333;
			}
			
			div#content dl,
			div#content ol,
			div#content ul
			{
				margin: 0em 0em 1em 2.4em;
			}
			
			div#content ul
			{
				list-style-type: square;
			}

			div#content ol
			{
				list-style-type: decimal;
			}

			div#content hr
			{
				clear: both;
				border: 1px solid #ffffff;
			}
			
			div#content img
			{
				border: 1px solid #666666;
				padding: 3px;
				margin: 1em 1em 1em 0em;
			}			

			div#content a
			{
				font-weight: normal;
				color: #000000;
				text-decoration: underline;
			}

			div#content a:hover
			{
				color: #009999;
				text-decoration: none;
			}

			div#content strong
			{
				font-weight: bold;
			}

			div#content em
			{
				font-style: italic;
			}

			div#content div#banners
			{
				margin: 4em 0em 0em 0em;
			}

				div#content div#banners div.banner
				{
					margin: 0em 0em 4em 0em;
				}

				div#content div#banners textarea
				{
					width: 33em;
					height: 6em;
				}

				div#content div#banners img
				{
					margin: 0em;
					padding: 0em;
					border: none;
				}

			div#content div#blogposts
			{
				margin: 2em 0em 0em 0em;
				padding: 4em 0em 5em 0em;
				background: url("../images/border.gif") top left repeat-x;
			}

				div#content div.blogpost
				{
					margin: 0em 0em 4em 0em;
				}

				div#content div.blogpost span.posted
				{
					color: #666666;
				}

				div#content div.blogpost h3
				{
					color: #000000;
				}

					div#content div.blogpost h3 a
					{
						font-weight: bold;
						text-decoration: none;
						color: #000000;
					}

					div#content div.blogpost h3 a:hover
					{
						font-weight: bold;
						text-decoration: underline;
					}

			div#content form
			{
				padding: 0em 0em 5em 0em;
			}
			
				div#content form div.inputline
				{
					margin: 1em 0em;
					clear: both;
				}
				
				div#content form div.submitline
				{
					margin: 3em 0em 1em 0em;
					clear: both;
				}
			
				div#content form div.singleline label
				{
					display: block;
					width: 12em;
					padding: 0em 0em 0.5em 0em; 
					background: url("../images/border.gif") bottom left repeat-x;
				}

				div#content form div.singleline input
				{
					width: 20em;
					float: right;
					margin: -1.5em 0em 0.5em 13em;
					vertical-align: top;
				}

				div#content form div.singleline select
				{
					width: 20em;
					float: right;
					margin: -1.5em 0em 0.5em 13em;
					vertical-align: top;
				}


				div#content form div.captchaline label
				{
					display: block;
					width: 12em;
					color: #666666;
					*font-size: 90%;
				}

				div#content form div.captchaline img
				{
					vertical-align: top;
					float: right;
					margin: 0em 0em 2em 0em;
				}

				div#content form div.multiline label
				{
					display: block;
					padding: 0.5em 0em; 
					background: url("../images/border.gif") bottom left repeat-x;
					margin: 2em 0em 0em 0em;
				}

				div#content form div.multiline textarea
				{
					width: 33em;
					height: 8em;
					margin: 1em 0em;
				}

				div#content form div.multiline textarea.large
				{
					height: 16em;
				}

				div#content form div.multiline select
				{
					width: 33em;
					margin: 1em 0em;
				}

				div#content form div.multiline input.inputtext,
				div#content form div.multiline input.inputpassword
				{
					width: 33em;
					margin: 1em 0em;
				}


				div#content form input.inputtext, 
				div#content form input.inputpassword,
				div#content form select,
				div#content form textarea
				{
					background-color: #ffffff;
					border: 1px inset #666666;
					padding: 1px;
				}

				div#content form input.inputsubmit 
				{
					float: right;
					margin: 0em 0em 0em 1em;
				}
				
				
				div#content div.submitprivacy
				{
					float: left;
					width: 19em;
				}

				div#content div.submitprivacy p
				{
					color: #666666;
					*font-size: 92.4%;
				}

					div#content div.submitprivacy a
					{
						font-weight: normal;
						color: #333333;
						text-decoration: underline;
					}

					div#content div.submitprivacy a:hover
					{
						color: #33cccc;
						text-decoration: none;
					}

			div#content table.invitations {
				width: 100%;
				margin: 0em 0em 5em 0em;
			}
			
				div#content table.invitations tr {
					background: url("../images/border.gif") bottom left repeat-x;
				}

				div#content table.invitations td, 
				div#content table.invitations th {
					padding: 1em 0em;
					font-weight: bold;
				}
				
				div#content table.invitations p {
					margin: 0em;
					padding: 0em;
				}
				
			div#content div.error,
			div#content div.error p,
			div#content div.error *
			{
				color: red;
			}

		div#footer
		{
			clear: both;
			color: #666666;
			margin: 0em 0em 0em 0em;
		}
		
			div#footer ul
			{
				display: block;
				text-align: right;
				margin: 0em;
				padding: 0em 0em 2em 0em;
			}

			div#footer li,
			div#footer p
			{
				display: inline;
			}
			
				div#footer a
				{
					font-weight: bold;
					color: #000000;
					text-decoration: none;
				}
	
				div#footer a:hover
				{
					color: #009999;
					text-decoration: underline;
				}
	.hidden {
		display: none;
	}
	
	
	/* depricate HTML elements are converted to block- or inline-elements with associated classes */
	.center
	{
		text-align: center;
	}

	.line-through
	{
		text-decoration: line-through;
	}
	
	.underline
	{
		text-decoration: underline;
	}

	.iframe
	{
		display: none;
	}

	.noframes
	{
		display: none;
	}