body {
	font-family: Verdana, arial, sans-serif;
	font-size: 1em;

}

footer {
	font-size: 80%;
	padding: 1em;
}
a {
	text-decoration: none;
	font-weight: bold;
	color: #009fe3;
	white-space: pre;           /* CSS 2.0 */
	white-space: pre-wrap;      /* CSS 2.1 */
	white-space: pre-line;      /* CSS 3.0 */
	white-space: -pre-wrap;     /* Opera 4-6 */
	white-space: -o-pre-wrap;   /* Opera 7 */
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -hp-pre-wrap;  /* HP Printers */
	word-wrap: break-word;      /* IE 5+ */
}

a,image {
	border: none;
	outline: none;
}
a:hover {
	text-decoration: underline;
}

p {
	display: block;
	margin: 3% 5%;
	}

h1 {
	font-size: 135%;
	font-family: verdana, arial, sans-serif;
	margin: 3% 5%;
}

h2 {
	font-size: 120%;
	font-family: verdana, arial, sans-serif;
	color: #d2232a;
	margin: 3% 5%;

}

h3 {
	font-size: 110%;
	font-family: verdana, arial, sans-serif;
	color: #04939e;
	margin: 3% 5%;

}

h4 {
	font-size: 100%;
	font-family: verdana, arial, sans-serif;
	margin: 3% 5%;
	font-weight: bold;
}

h5 {
	font-size: 80%;
	font-family: verdana, arial, sans-serif;
	margin: 3% 5%;
	font-weight: bold;
}
.adcopy{	
	width: 90%;
	max-width: 900px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding:0;
}

.adcopy img{
	padding:0;
	width:100%;
}
.adcopy p{
	margin: 3% 5%;
}
p.adIntro{
	font-size:1.2em;
}
.adcopyInner{
	background:#ececec;
	margin:40px;
	padding-bottom:20px;
}

div#wrapper {
	width: 100%;
	max-width: 900px;
	margin: 3% auto;
	border: 2px #545454 groove;
	background-color: #ffffff;
	padding: auto;

}

.box {
	width: 80%;
	background-color: #f0f0f0;
	display: inline-block;
	padding: .5em;
	margin: .5em 10%;

		
}
.boxcentre {
	width: 80%;
	display: inline-block;
	padding: .5em;
	margin: .5em 10%;
	text-align: left;
	border: medium solid #000;		
}
img#PPHeader {
	max-width: 900px;
	width: 100%;
	display: block;
	margin-left: auto;
	margin-right: auto;
	background-color: #009fe3;
}

img#logo {
	max-width: 200px;
	}
#foot{
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
}

.popbox {
	width: 80%;
	background-color: #f6e4c9;
	padding: 0.5em;
	margin: 5px 100px 5px 100px;
	margin-left: 10%;
	margin-right: 10%;
}

img.article {
	float: left;
	padding: 5px 15px 15px 0px;
	max-width: 200px;
	max-height: 200px
}

img#PP-Page-button {
	float: right;
	padding: .5em;
	max-height: 30px;
	margin: 1em;
	display: inline;
}

img.link {
	float: left;
	padding: 1em .3em 1em 0;
	max-width: 30px;
	}

img.centre {
	padding: 5%;
	width: 90%;
	max-width: 900px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.standards {
	padding: 5%;
	width: 90%;
	max-width: 250px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.adcopy{	
	width: 90%;
	max-width: 900px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding:0;
}

.adcopy img{
	padding:0;
	width:100%;
}
.adcopy p{
	margin: 3% 5%;
}
p.adIntro{
	font-size:1.2em;
}
.adcopyInner{
	background:#ececec;
	margin:40px;
	padding-bottom:20px;
}

img.floatleft {
	float: left;
	max-width: 130px;
	padding: 5px 15px 15px 0px;
	margin: 0 3%;

}
img.floatrightbigger {
	float: right;
	max-width: 250px;
	padding: 5px 15px 15px 0px;
	margin: 0 3%;

}
td, th {
	vertical-align: top;
	text-align: left;
	border: 0, .5, .5, 0 #e8e6e6 thin;
	width: 325px;
	padding: 5px;
}
ul#order {
		list-style-type: none;
}

ul, menu, dir {
	display: block;
	list-style-type: disc;
	margin: 3% 5%;
}

ol {
	display: block;
	list-style-type: decimal;
	margin: 3% 5%;
}

ul#menu {
	list-style: none;
	margin: 0;
	padding: 0;
	display: table;
	margin: 0 auto;
	table-layout: fixed;
	width: 100%;
	max-width: 900px;
}
ul#menu li {
		display: table-cell;
		background-image: linear-gradient(
			to bottom,
			#009fe3,
			#79B55C
			);
		background-color: rgb(15,174,227);
		
		}

ul#menu li>a {
		text-decoration: none;
		font-weight: bold;
		display: block;
		color: white;
		padding: 1em;
		text-align: center;
	}
ul#menu li {
		border-right: ridge thin;
		border-bottom: ridge thin;

}


ul#contents li>a {
		text-decoration: none;
		display: block;
		background-color: #0f99d6;
		background-image: linear-gradient(
			to bottom,
			#009fe3,
			#79B55C
			);
		color: white;
		padding: 1em;
		text-align: center;
}



@media only screen and (max-width: 649px) {
	ul#menu>li {
		display: block;
	}
	
	.box {
		width: 80%;
		background-color: #f0f0f0;
		display: inline-block;
		padding: .3em;
		margin: .3em 10%;
	}
	
	div#wrapper {
		width: 100%;
		margin: auto;
		border: none;
		background-color: #fff;
		padding: 0;
		
	}
.adcopy{	
	width: 100%;
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding:0;
}

.adcopyInner{
	background:#ececec;
	margin:auto;
	padding-bottom:20px;
}


img.article {
	max-width: 120px;
	max-height: 120px;
	padding: .3em;
	margin: .3em;

}

img#PP-Page-button {
	float: right;
	padding: .5em;
	max-height: 20px;
	margin: .5em;	}


img#floatleft {
	max-width: 230px;
}
img#logo {
	max-width: 100px;
}

	}
@media print {
#wrapper{width: 100%; margin:none}

header, nav{
	display:none;
}
}