* {
	margin: 0;
	padding: 0;
}

.clear { clear: both; }

body {
	background: #3a6ea5;
	font-family: Verdana, Arial, Tahoma, Sans-Serif;
	font-size: 11px;
	color: #333;
}

#wrapper {
	width: 836px;
	background: url(images/content-repeat.gif) repeat-y;
	margin: 17px auto 0 auto;
}

* html body #wrapper { background-position: 1px 0; }

	#main-content {
		width: 746px;
		background: url(images/content-top.gif) no-repeat top;
		padding: 23px 45px 0 45px;
	}
	
		h1 a span { display: none; }
		
		h1 a {
			width: 233px; height: 26px;
			background: url(images/logo.gif) no-repeat;
			display: block;
			margin: 0 0 4px 0;
		}
		
		.yellow-about-top {
			width: 746px; height: 11px;
			background: url(images/yellow-about-top.gif) no-repeat bottom;
		}
		
		.yellow-about {
			width: 716px;
			background: #fff2bd;
			padding: 18px 15px;
			border-left: 1px solid #f5e296;
			border-right: 1px solid #f5e296;
			font-family: "Trebuchet MS";
			font-size: 13px;
			color: #c00;
		}
		
		.yellow-about-bottom {
			width: 746px; height: 13px;
			background: url(images/yellow-about-bottom.gif) no-repeat top;
		}
		
		.navigation {
			width: 746px; height: 17px;
			background: url(images/navigation.gif) no-repeat;
			padding: 9px 0;
			font-family: "Trebuchet MS";
			font-size: 13px;
			color: #06f;
			list-style: none;
			margin: 0 0 10px 0;
		}
		
			.navigation li {
				height: 17px;
				float: left;
				padding: 0 16px;
				border-right: 1px solid #06f;
			}
			
			.navigation li.last { padding: 0 0 0 16px; border: none; }
			
				.navigation li a {
					text-decoration: none;
					color: #06f;
				}
				
				.navigation li a:hover { text-decoration: underline; }
				
		h2 {
			font-family: "Trebuchet MS";
			font-size: 18px;
			padding: 8px 0;
			border-bottom: 1px dashed #333;
			font-weight: normal;
			margin: 0 0 10px 0;
		}
		
			h2.pinger {
				padding: 8px 0 8px 28px;
				background: url(images/pinger-icon.gif) no-repeat 0 10px;
			}
			
		a {
			color: #06c;
			text-decoration: underline;
		}
		
		a:hover { text-decoration: none; }
			
		.column {
			width: 248px;
			float: left;
		}
		
			.column p { padding: 3px 0; }
			
			.column .text {
				width: 217px; height: 16px;
				background: url(images/input-text.gif) no-repeat;
				padding: 7px;
				border: none;
			}
		
		hr {
			height: 0px;
			clear: both;
			border: none;
			border-bottom: 1px solid #3a6ea5;
			padding: 15px 0 0 0;
			margin: 0 0 15px 0;
		}
		
		.check-all span, .uncheck-all span { display: none; }
		
		.check-all {
			width: 91px; height: 26px;
			background: url(images/check-all.gif) no-repeat;
			display: block;
			float: left;
			margin: 0 3px 5px 0;
		}
		
		.uncheck-all {
			width: 101px; height: 26px;
			background: url(images/uncheck-all.gif) no-repeat;
			display: block;
			float: left;
		}
		
		input.ping {
			width: 198px; height: 36px;
			background: url(images/submit-ping.gif) no-repeat;
			font-size: 0.1em;
			color: #ff2c00;
			text-align: left;
			margin: 5px 0 0 0;
			border: none;
			cursor: pointer;
		}
		
#footer {
	width: 782px;
	background: #3a6ea5 url(images/footer.gif) no-repeat;
	padding: 40px 0 0 54px;
	margin: 0 auto;
	color: #fff;
	font-size: 10px;
}