html, body {
	margin: 0;
	padding: 0;
	height: 100%;
	background: #999;
	font-family: tahoma, sans-serif;
	font-size: small;
	color: #333;
}



a {
	color: #333;
	font-weight: bold;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a.lj {
	color: #0000CC;
}

img.lj {
	border: 0px;
	padding-right: 2px;
	vertical-align: text-bottom;
}

fieldset {
	margin: 0px;
	padding: 10px 0px 10px 10px;
	width: 75%;
	border: 0px;
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
}

form {
	margin: 0px;
	padding: 0px;
}

input.form, textarea.form {
	border: 1px solid #ccc;
}



div#page {
	position: relative;
	margin: 0 auto;
	width: 750px;
	border-left: 1px solid #666;
	border-right: 1px solid #666;
	background: #fff;
	height: auto !important;
	height: 100%;
	min-height: 100%;
}



div#header {
	padding: 25px;
	background: #fff;
}

div#header img {
	padding-right: 25px;
	vertical-align: middle;
}

div#header img#teddypup {
	background: #fff;
}



div#content {
	padding: 1em 1em 5em;
}

div#content h1 {
	margin: 0;
	padding: 0;
}

div#content p {
	padding:0 1em;
}



div#menu {
	width: 135px;
	margin: 0px 0px 20px 30px;
	float: right;
}

	div#menu ul {
		margin: 0px;
		padding: 0px;
		list-style: none;
		border-top: dotted 1px #ccc;
	}

	div#menu li {
		margin: 0px;
		padding: 3px 10px;
		border: 0px;
		border-bottom: dotted 1px #ccc;
	}

	div#menu li.up {
		background: #eee;
	}

	div#menu a:hover {
		text-decoration: none;
	}


div#footer {
	position: absolute;
	width: 100%;
	bottom: 5px;
	border-top: 1px dotted #ccc;
	text-align: center;
	color: #ccc;

}

	div#footer a {
		color: #bbb;
	}

	div#footer p {
		padding: 1em;
		margin: 0;
	}