@charset "utf-8";
/* CSS Document */

body  {
	margin: 0;
	padding: 0;
        text-align: center;
}

.pklayout #container {
        margin: 0 auto;
	padding:0;
        width: 990px;
        overflow: auto;
}

.pklayout #topper {
}

/* Please note that with lefttop and leftbotom we allow the next element (div) to do the border and the relationship
   between the widths and margins are exact to ensure and aligning 1 pixel white border. */
.pklayout #lefttop {
	float:left;
	width:200px;
	margin:0 1px 0 0;
	overflow:hidden;
	}

.pklayout #maincontent {
	margin:0 0 0 200px;
	text-align:left;
	padding:0 3em 0 1em;
	/* border-left:solid #FFFFFF 1px; */
}

.pklayout #maincontent p, .pklayout #maincontent td, .pklayout #maincontent div {
	text-align:left;
	}
	
.pklayout #picturerow {
	margin:0;
	padding:0;
	clear:both;
	text-align:left;
	border-top:solid #FFFFFF 1px;
	border-bottom:solid #FFFFFF 1px;
	text-align:left;
}

.pklayout #picturerow img {
	margin:0;
	padding:0;
	border-right:solid #FFFFFF 1px;
	border-bottom:none;
	border-top:none;
	border-left:none;
	text-align:left;
	}

/* this is to handle the issue with mod_random_image using divs */
.pklayout #picturerow div {
	display:inline;
	}

.pklayout #picturerow_firstimage {
	margin:0;
	padding:0;
	display:inline;
	border:none;
	text-align:left;
}

.picturerow_image {
	margin:0;
	padding:0;
	display:inline;
	border:none;
	text-align:left;
}

.pklayout #picturerow_lastimage {
	margin:0;
	padding:0;
	display:inline;
	border:0;
	text-align:left;
}

.pklayout #bottom {
	clear:both;
	margin:0;
	padding:0;
	border-bottom:solid #FFFFFF 1px;
}

.pklayout #leftbottom {
	float:left;
	display:inline;
	width:200px;
	margin:0;
	padding:5px 0 5px 0;
	border-right:solid #FFFFFF 1px;
	}
	
.pklayout #latestresource {
	margin:0 0 0 200px;
	/* border-left:solid #FFFFFF 1px; */
	padding: 5px 5px 5px 1em;
	}

/* this was the only way I could set a height and overflow without having it actually messing up the height (making
   it too high */
.pklayout #latestresourcesheight {
	margin:0;
	padding:0;
	height:100px;
	overflow:auto;
}
