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

body {
	margin: 				0;
	background-color: 		#666666;
	/*background-image: 		url(../PK100708.gif);*/
	background-repeat:		no-repeat;
	background-position: 	top center;
	font-family:			Verdana, Arial, Helvetica, sans-serif;
	font-size:				14px;
}
a  {
	color: 					#045aad;
}

div {
	padding: 				0;
}

div#outer {
	width: 					900px;
	margin: 				auto;
	background-color: 		#FFFFFF;
	background-image: 		url(images/pk-bg-top.jpg);
	background-repeat:		no-repeat;
	min-height: 			200px;
	clear:					both;
}

div#masthead {
	height:					180px;
}

#masthead h1 {
	color: #CCCCCC;
	font-style:				italic;
	margin: 				12px 0 12px 295px;
	font-weight:			bold;
	font-size: 				21px;
	letter-spacing: 		-1px;
	word-spacing: 			-1px;
	text-indent:			-60px;
}
#masthead h1 strong {
	color:#FFFF00;
	font-size: 36px;
	font-style: normal;
}

div.box {
	width: 					216px;
	background-image: 		url(images/box-middle.gif);
	background-repeat: 		repeat-y;	
	margin-left:			6px;
}

div.box2 {
	width: 					184px;
	background-image: 		url(images/box2-middle.gif);
	background-repeat: 		repeat-y;
}
.box2 p,
.box2 h1,
.box2 h2,
.box2 h3 {
	padding:				0 18px 0 18px;
	text-align:				center;
}
.box2 h3 {
	color: #ff0017;
	font-weight: bold;
	font-size: 18px;
}

div#leftcol {
	float: 					left;
	width: 					232px;
}

div#centercol {
	margin: 				0 200px 0 230px;
	/*width: 				430px;*/
}

div#bigcol {
	margin: 				0 30px 0 250px;
	/*width: 				430px;*/
}

#centercol h1,
#bigcol h1 {
	background-image: 		url(images/PK-bang.gif);
	background-repeat:		no-repeat;
	padding-left: 			59px;
	font-size:				24px;
	color: 					#666666;
	font-style:				italic;
	letter-spacing: 		-1px;
	word-spacing: 			-1px;
	margin-top:				24px;
}

#centercol p,
#bigcol p {
	margin:					10px 0;
}

div#rightcol {
	float: 					right;
	margin-left: 			20px;
	width: 					200px;
}

div.menu {
	margin-top: 			110px;
}
.menu a {
	font-weight: 			bold;
	letter-spacing: 		-1px;
}
a:hover {
	color: 					#ff0017;
}
.menu ul {
	padding: 				0 20px;
	margin: 				0;
}
.menu ul li {
	list-style: 			none;
	list-style-type: 		none;
	margin: 				8px 0;
}

.logos div {
	text-align: 			center;
	margin: 				12px 0;
}

div#bookplug {
	width: 					150px;
	color:					#ff0017;
	margin: 				0 0 0 12px;
	padding-top: 			12px;
	text-align:				center;
	font-weight: 			bold;
	letter-spacing: 		-1px;
	word-spacing: 			-1px;
}

#bookplug a {
	letter-spacing: 		normal;
}

div#fouter {
	clear: 					both;
	background-image: 		url(images/PK_24.gif);
	background-repeat: 		repeat-y;
}
div#footer {
	font-size:			12px;
	background-image: 	url(images/bottom-up.gif);
	background-repeat: 	no-repeat;
	float:				none;
	color:				#FFFFFF;
	text-align:			center;
	padding:			24px 220px 24px 20px;
}
#footer a {
	color: 				#FFFFFF;
	text-decoration:	none;
}
#footer a:hover {
	color: 				yellow;
	text-decoration:	underline;
}


/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clear { 
	display: 			inline-block; }   
.clear:after, .container:after {
	content: 			"."; 
	display: 			block; 
	height: 			0; 
	clear: 				both; 
	visibility: 		hidden;
}
* html .clear { 
	height: 			1%; }
.clear { 
	display: block; 
}

div#form {
	width: 249px;
	float: right;
	margin: 0 0 5px 0;
	background-image: url(images/form-middle.gif);
	background-repeat:	repeat-y;
}

div#form2 {
	width: 249px;
	float: left;
	margin: 0 0 5px 0;
	background-image: url(images/form-middle.gif);
	background-repeat:	repeat-y;
}

form {
	margin: 0;
}

#form p {
	padding: 0 22px;
}

#form input,
#form textarea {
	width: 200px;
}