body {
	margin: 0px;
	padding: 0px;
	background-image: url(/inc/html/pembcorp/pix/portage/bg.png);
	padding-top: 0px;
	padding-bottom: 25px;
	font-size: 12px;
	font-family: Helvetica, Arial, sans-serif;
}

img {
	border: 0px;
}

h1 {
	color: #999;
	font-size: 18px;
	text-transform: uppercase;
	border-bottom: 1px solid #999;
}

a {
	color: #999999;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

div#wrapper {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
}

div.clear {
	clear: both;
}

div#header {
	text-align: center;
}

div#menu {
	width: 768px;
	margin-left: auto;
	margin-right: auto;
}

div#content {
	width: 768px;
	margin-left: auto;
	margin-right: auto;
	background-color: #fff;
	background-image: url(/inc/html/pembcorp/pix/portage/bg-body.png);
	background-repeat: repeat-x;
}

	div#content-body {
		width: 560px;
		float: left;
	}

		div#body-content {
			padding: 10px 10px 20px 20px;
		}

			p.print {
				font-size: 9px;
			}

	div#sidebar {
		width: 198px;
		float: left;
		background-color: #000;
		background-image: url(/inc/html/pembcorp/pix/portage/sidebar-bg.png);
		color: #fff;
	}

		div.scm-sidebar-body {
			padding: 15px 10px 20px 10px;
		}

div#footer {
	text-align: center;
	font-size: 11px;
}

	div#footer span#links {
		color: #fff;
		display: block;
		width: auto;
		padding: 7px 0px 7px 0px;
	}
	
		div#footer span#links a {
			color: #fff;
			text-decoration: none;
			text-transform: uppercase;
			font-size: 10px;
		}
	
		div#footer span#links a:hover {
			text-decoration: underline;
		}

		div#footer span#links hr {
			border: 0px none;
			border-bottom: 1px solid #999;
			width: 490px;
			padding: 0px;
			margin-bottom: 0px;
		}

	div#footer span#copyright {
		color: #999;
	}

		div#footer span#copyright a {
			color: #999;
			text-decoration: none;
		}

		div#footer span#copyright a:hover {
			text-decoration: underline;
		}

div.employee {
	width: 33%;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	height: 80px;
	float: left;
	color: #666;
}

div.employee:hover {
	background: #eee;
}

	div.employee img {
		float: left;
		margin: 7px;
		margin-bottom: 18px;
		border: 1px solid #999;
	}

	div.employee div {
		padding: 5px;
	}

	div.employee span.name {
		font-size: 13px;
	}

	div.end {
		border-right: 0px none !important;
	}

	div.bottom {
		border-bottom: 1px solid #fff !important;
	}

	div.top img {
		margin-top: 0px !important;
	}

	div.top div {
		padding-top: 0px !important;
	}

	div.employee-details {
		display: none;
		position: relative;
		width: 225px;
		background: #fff;
		border: 1px solid #000;
		z-index: 100;
		margin-left: 68px;
		margin-top: -18px;
	}

		div.employee-details p {
			padding-left: 8px;
			padding-right: 8px;
			color: #333;
		}

@media print {
	div#sidebar {
		display: none;
	}

	div#header {
		display: none;
	}

	div#menu {
		display: none;
	}

	div#content-body {
		width: 100%;
		font-size: 12px;
	}

	div#body {
		width: 100%;
	}

	p.print, p.pager {
		display: none;
	}

	div#footer img {
		display: none;
	}

	div#footer span#links {
		display: none;
	}

	div#copyright {
		display: block;
	}
}