/*Style sheet copyright Chris Muten, 2015-22*/

body {
	text-align:left;
	background:#eee;
	}

h1 {
	font:10 "Arial Black", "Helvetica Bold", sans-serif;
	color:blue;
	font-weight: normal;
	letter-spacing:.3em;
	text-align:left;
	padding-bottom: 2px;
	text-decoration: underline;
	margin-bottom:1cm;
	/*border-bottom: 1px solid blue;*/
	}
h2 {
	font:18px "Arial Black", "Helvetica Bold", sans-serif;
	color:navy;
	font-weight: normal;
	letter-spacing:.4em;
	text-align:left;
	line-height: 0.5%;
	padding-bottom: 10;
	text-decoration: underline;
	margin-bottom:1cm;
	/*border-bottom: 1px solid #999;*/
	}
h3 {
	font:16px "Arial Black", "Helvetica Bold", sans-serif;
	color:navy;
	font-weight: normal;
	letter-spacing:normal;
	text-align:left;
	line-height: 2.8%;
	padding-top:5px;
	padding-bottom: 10;
	text-decoration: underline;
	margin-bottom:1cm;
	/*border-bottom: 1px solid #999;*/
	}
h4 {
	font:14px "Arial Black", "Helvetica Bold", sans-serif;
	color:navy;
	font-weight:normal;
	letter-spacing:normal;
	text-align:left;
	line-height: 0.1%;
	margin-bottom:1cm;
	}
h5 {
	font:12px "Arial Black", "Helvetica Bold", sans-serif;
	color:navy;
	font-weight:normal;
	letter-spacing:normal;
	text-align:left;
	line-height:0.1%;
	padding-top:1em
	}

#heading {
	/* font-family: verdana, sans-serif;
	color:#f00; */
	font-family: 'Sacramento', cursive;	color:blue;
	font-size: 50;
	background:#fff2e8;
/*	position:absolute;*/
	top:10;
	left:20;
	width:auto;
	margin:auto;
	}

#navigation {
	font-size:16px;
	color:#cc00ff;
	white-space:nowrap;
	text-align:left;
	list-style-type:circle;
	position:absolute;
	width:100;
	top:100;
	left:10
	}

#navigation a {
	display:block
	}

#navb a img {
	height:1px;
	width:1px;
	border-width:0;
	background:top left no-repeat;
	}

#navb a:link {
	padding:5px;
	border:2px solid blue;
	background:#6CF;
	color:#036;
	font:bold 12px sans-serif;
	-webkit-border-radius: 10;
	-moz-border-radius: 10;
	border-radius: 10;
	}

#navb a:visited {
	padding:5px;
	border:2px dashed white;
	background: #fff2e8;
	color:#444;
	font:bold 12px sans-serif;
	}

#navb a:hover {
	background:#fff5e8;
	color:maroon;
	border-color:blue;
	}

#navb a:active {
	background:#027;
	color:maroon;
	border-color:cyan;
	}

#navb a:selected {
	background:#fff5e8;
	color:maroon;
	border-color:green;
	}

.copy {
	color:#918;
	font-size:12px;
	text-align: left;
	white-space:normal;
	}

.checked {
	border:0;
	}

ul {list-style: none;}

#IndexNav {
	font: 12px/130% verdana, sans-serif;
	white-space:normal;
	color:#918;
	text-align:left;
	padding-top:1px;
	padding-left:1px;
	padding-right:1px;
	padding-bottom:20;
	width:auto;
	margin:5px;
	float:left;
	}


#buttontabs {
	font: 15/90% verdana, sans-serif;
	}

#sectabs {text-transform: uppercase;
	/*font: 15/90% verdana, sans-serif;*/
	}

tabu
	{
	color: #900;
	background-color: #eee;
	font-weight: bold;
	font-size: 60%;
	text-transform: uppercase;
	border: 2px double #FC6;
  	border-top-color: #c00;
  	border-left-color: #c00;
  	border-bottom-color: #FC6;
  	border-right-color: #FC6;
	padding: 2px 1px 1px 1px;/*top, right, bottom, left*/
	/*margin: 0 0 0 0;/*top, right, bottom, left*/
	margin: none;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	background-image: -webkit-linear-gradient(#fff, #888);
	background-image: -moz-linear-gradient(#fff, #888);
	background-image: -o-linear-gradient(#fff, #888);
	background-image: -ms-linear-gradient(#fff, #888);
	background-image: -chrome-linear-gradient(#fff, #888);
	background-image: linear-gradient(#fff, #999);
	}

tabu:hover
	{
	color: #a11;
	background-color: #ccc;
	text-decoration:underline;
  	cursor: pointer;
	}


tabs
	{
	color: #900;
	background-color: #fff5e8;
	font-weight: bold;
	font-size: 60%;
	text-transform: uppercase;
	border: 3px double #FC6;
  	border-top-color: #FC6;
  	border-left-color: #FC6;
  	border-bottom-color: #fff5e8;
  	border-right-color: #c00;
	padding: 5px 3px 1px 3px;/*top, right, bottom, left*/
	/*margin: 0 0 0 0;/*top, right, bottom, left*/
	margin: none;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	background-image: -webkit-linear-gradient(#fff, #888);
	background-image: -moz-linear-gradient(#fff, #888);
	background-image: -o-linear-gradient(#fff, #888);
	background-image: -ms-linear-gradient(#fff, #888);
	background-image: -chrome-linear-gradient(#fff, #888);
	background-image: linear-gradient(#fff, #999);
	}

tabs:hover
	{
	color: #a11;
	background-color: #ccc;
	text-decoration:underline;
  	cursor: pointer;
	border: 3px double #FC6;
  	border-top-color: #c00;
  	border-left-color: #c00;
  	border-bottom-color: #FC6;
  	border-right-color: #FC6;
	}

tab2u
	{
	color: #9c9;
	background-color: #fffded;
	font-weight: bold;
	font-size: 60%;
	line-height: 120%;
	text-transform: uppercase;
	padding: 1px 1px 1px 1px;/*top, right, bottom, left*/
	margin-top: 10;
	/*0 for right, bottom, left*/
	}

tab2u:hover
	{
	color: #563;
	background-color: #fffded;
	text-decoration:underline;
  	cursor: pointer;
	}


tab2s
	{
	color: #211;
	background-color: #fffded;
	font-weight: bold;
	font-size: 80%;
	line-height: 100%;
	text-transform: uppercase;
	padding: none;
	margin-top: 10;
		/*0 for right, bottom, left*/
	}

tab2s:hover
	{
	color: #a11;
	background-color: #ccc;
	text-decoration:underline;
  	cursor: pointer;
	}

#content {
	font: 12px/130% verdana, sans-serif;
	background:#fff5e8;
	white-space:normal;
	color:#918;
	padding-top:8px;
	padding-left:10;
	padding-right:10;
	text-indent:0;
	text-align:justify;
	width:auto;
	margin:auto;
	position:absolute;
	top:40;
	left:100;
	}

#contphp {
	font: verdana, sans-serif;
	background:#fff5e8;
	white-space:auto;
	/*  color:#918; */
	padding-top:none;
	padding-left:none;
	padding-right:10;
	padding-bottom:10;
	text-align:left;
	line-height:110%
	}

#contphp a:link {
	font-weight:normal;
	/*color:#cc00ff;*/
	color:#918;
	/*background:#fffded;*/
	text-decoration:none;
	}
#contphp a:visited {
	font-weight:normal;
	/*color:#cc00ff;*/
	color:#918;
	text-decoration:none;
	}
#contphp a:active {
	background:green;
	color:red;
	border-color:blue;
	}
#contphp a:hover {
	background:#F9F968;
	color:maroon;
	border-color:blue;
	}

#contCent {
	font: 12px/100% verdana, sans-serif;
	background:#fff5e8;
	white-space:normal;
	color:#918;
	padding-top:2px;
	padding-left:2px;
	padding-right:2px;
	padding-bottom:2px;
	text-indent:0;
	text-align:center;
	width:auto;
	margin:auto;
	/*position:relative;*/
	/*position:absolute;*/
	/*top:130;*/
	/*left:140;*/
	}

#contact {
	font: 10/100% verdana, sans-serif;
	background:#fee5e8;
	white-space:normal;
	color:#900;
	padding-top:0;
	padding-left:0;
	padding-right:0;
	text-indent:0;
	text-align:justify;
	width:400;
	margin:auto;
	position:absolute;
	top:100;
	left:5px;
	}

#foot_nav {
	font: 12px/130% verdana, sans-serif;
	white-space:normal;
	color:#918;
	text-align:center;
	padding-top:10;
	padding-left:10;
	padding-right:10;
	width:auto;
	margin:auto;
	position:relative;
	/*position:absolute;
	top:500;*/
	}

#foot_nav a {
	display:block;
	}

#foot_nav ul {
	list-style: none;
	text-align: center;
	}

/* Letters */
#letter_Sender_Add {
	font: 12px/100% verdana, sans-serif;
	line-height: 0.7;
	text-align:right;
	position:float-right;
	width:auto;
	margin:0;
	padding:0;
	}

#letter_ContactAdd {
	font: 12px/100% verdana, sans-serif;
	line-height: 0.7;
	padding:0;
	position:float-left;
	/*position:absolute;
	top:200;
	left:0;*/
	}

#letterRefs {
	font: 12px/130% verdana, sans-serif;
	white-space:auto;
	word-wrap: break-word;
	width: auto;
	padding-top:0.25cm;
	padding-bottom:0.25cm;
	position:float-left;
	}

#letterText {
	font: 12px/130% verdana, sans-serif;
	/*white-space:normal;*/
	/* word-wrap: break-word; */
	padding:0;
	/* position:float-centre; */
	white-space:pre-wrap;
	line-height:150%;
	text-align:justify;
	text-justify: inter-word;
	width: 100%;
	}

#letterSignature {
	font: 12px/130% verdana, sans-serif;
	white-space:auto;
	width: auto;
	padding-top:0.25cm;
	padding-bottom:0.25cm;
	position:float-left;
	}

#letterInfo {
	font: 12px/130% verdana, sans-serif;
	white-space:auto;
	width: auto;
	padding-top:0.25cm;
	padding-bottom:0.25cm;
	position:float-left;
	}

.letterSecID {
	line-height: 30%;
	font: 10/90% verdana, sans-serif;
	/* text-transform: uppercase; */
	text-decoration: underline;
	text-decoration-color: red;
  }


/*Instructions*/
#InstructionName {
	/*position: absolute;
	top:5cm;
	left:4cm;*/
	font: 16px/166% verdana, sans-serif;
	white-space:auto;
	word-wrap: break-word;
	width: auto;
	padding-top:.5cm;
	padding-bottom:.5cm;
	margin: .1cm;
	position:float-left;
	}

#InstructionText {
	font: 14px/150% verdana, sans-serif;
	padding:0;
	white-space:pre-wrap;
	line-height:150%;
	text-align:justify;
	text-justify: inter-word;
	width: 100%;
	position:float-left;
	}

#InstructionInfo {
	font: 10px/130% verdana, sans-serif;
	white-space:auto;
	width: auto;
	padding-top:0.25cm;
	padding-bottom:0.25cm;
	position:float-left;
	}

.neg {
	color: red;
	text-align: right;
	}

.drop	{
	float: left;
	font-size: 200%;
	line-height: 1em;
	margin: 2px 5px 5px 0;
	padding: 4px 5px;
	border: 2px solid #ccc;
	background: #eee;
	}

.drop_e	{
	float: left;
	font-size: 130%;
	line-height: 1em;
	margin: 1px 2px 2px 0;
	padding: 2px 2px;
	border: 1px solid #ccc;
	background: #eee;
	}

abbr, acronym {
	border-bottom: 1px dotted;
	cursor: help;
	}

.imgright {
	float:right;
	padding:10;
	margin:20
	}

.imgleft {
	float:left;
	padding:10;
	margin:20
	}

.clear{
	clear:both
	}

.form {
	font-size:12px;
	color:#918;
	text-indent:0;
	text-align:left;
	margin:20;
	width:600
	}


.copy_p {display:none}

.btt {
	color:#918;
	font-size:12px;
	position:relative;
	}

thead {
	background-color: cyan;
	font-size:12px;
	}
tbody {
	background-color: #fff2e8;
	font-size:12px;
	}
tfoot {
	background-color: red;
	}

table {
	text-align:left;
	margin-right:auto;
	margin-left:0;
	border-top: 1px solid #999;
	border-left:1px solid #999;
	border-collapse:collapse; /*this may be browser dependant*/
	/*width:auto;
	white-space:nowrap;
	margin-right:0;
	margin-left:10;
	border-top:  1px solid #999;
	border-left: 1px solid #999;
	/*border-collapse: collapse; this may be browser dependant*/
	}

.table_roots66 {
	table-layout: fixed;
	width:100%;
	font-size:4px;
	color:black;
	line-height: 50;
	white-space:wrap;
	word-wrap: break-word;
	margin-top:10;
	margin-right:0;
	margin-left:0;
	border-top:  10 solid #999;
	border-left: 10 solid #999;
	border-bottom:  10 solid #999;
	border-right: 10 solid #999;
	border-collapse: collapse; /*this may be browser dependant*/
	}

.table_sb {
	/*table-layout: fixed;
	width: auto;*/
	white-space: wrap;
	margin-right:auto;
	margin-left:0;
	border-top:  1px solid #999;
	border-left: 1px solid #999;
	border-collapse: none; /*this may be browser dependant*/
	}

th, td {
	padding: 1px 3px;
	border-top: none;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: none;
	overflow: hidden;
	text-overflow: ellipsis;
	}

.T_Date {width: auto; text-align: left; white-space: nowrap;}
.T_Type {width: 20; white-space: nowrap;}
.T_ChNo {width: 20; white-space: nowrap;}
.T_Trn {width: 100; white-space: nowrap;}
.T_Sub {width: 100; text-align: left;}
.T_Sup {width: 100; text-align: left;}
.T_Loc {width: 60; text-align: left;}
.T_Det {width: auto; text-align: left;}
.T_Sts {width: auto; text-align: center;}
.T_Am {width: auto;; text-align: right;}
.T_Acc {width: auto; text-align: center;}

.table_carlog {
	width:auto;
	white-space:nowrap;
	margin-right:auto;
	margin-left:0;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	border-collapse: none; /*this may be browser dependant*/
	}
.T_CarDate {width: 2cm; text-align: center; white-space: nowrap;}
.T_CarMile {width: 1cm; text-align: right; white-space: nowrap;}
.T_CarCost {width: 1.5cm; text-align: center; white-space: nowrap;}
.T_CarFuel {width: 1.5cm; text-align: center; white-space: nowrap;}
.T_CarTrans {width: 3cm; text-align: center; white-space: nowrap;}
.T_CarData {width: auto; white-space:nowrap;}
.T_CarDetail {width: 5cm; white-space:nowrap;}

.table_single_record {
	width:auto;
	white-space:nowrap;
	margin-right:auto;
	margin-left:0;
	border-top:  1px solid #999;
	border-left: 1px solid #999;
	border-collapse: collapse; /*this may be browser dependant*/
	}

.table_InvCont {
	table-layout: fixed;
	width:auto;
	white-space:nowrap;
	margin-right:20;
	margin-left:10;
	padding-right: 0;
	border-top:  1px solid #999;
	border-left: 1px solid #999;
	}

.Listsc {
	width:auto;
	white-space:nowrap;
	margin-right:auto;
	margin-left:0;
	border-top:  1px solid #999;
	border-left: 1px solid #999;
	border-collapse: collapse; /*this may be browser dependant*/
	}

.Listpr  {display:none}

.table_MeterReadings {
	width:auto;
	white-space:nowrap;
	margin-right:auto;
	margin-left:0;
	border-top:  1px solid #999;
	border-left: 1px solid #999;
	border-collapse: collapse; /*this may be browser dependant*/
	}

caption {
	font: 14px Arial, sans-serif;
	color: #909;
	padding-bottom: 6px;
	}

table {
  border-collapse: collapse;
}

table, th {
	height: 20;
}
table, td {
	height: 10;
	/* overflow: hidden;
	white-space: auto;
	text-overflow: ellipsis; */
  }
.table_reviews, td {
	height: 5px;
	overflow: hidden;
	white-space: auto;
	text-overflow: ellipsis;
  }
.table_reviews {
	table-layout: fixed;
	width:100%;
	white-space:auto;
	margin-right:auto;
	margin-left:auto;
	border-top:  1px solid #999;
	border-left: 1px solid #999;
	/*border-collapse: collapse; /*this may be browser dependant*/
	}
.c1 {width: 20%;}
.c2 {width: 7%;}
.c3 {width: 7%;}
.c4 {width: 38%;}
.c5 {width: 20%;}
.c6 {width: 8%;}

.table_books {
	table-layout: fixed;
	width:auto;
	white-space:auto;
	margin-right:auto;
	margin-left:auto;
	border-top:  1px solid #999;
	border-left: 1px solid #999;
	/*border-collapse: collapse; /*this may be browser dependant*/
	}

.table_rota {
	width:auto;
	font:4px;
	line-height:30%;
	margin-right:10;
	margin-left:5px;
	border-top:  1px solid #999;
	border-left: 1px solid #999;
	border-collapse: collapse; /*this may be browser dependant*/
	/*height:2px;*/
	}
.table_rota tr td {line-height:4px; }/*border:1px solid red;*/

.table_woods {
	width:auto;
	font:16px;
	line-height:auto;
	margin-right:10;
	margin-left:5px;
	border-top:  1px solid #999;
	border-left: 1px solid #999;
	border-collapse: collapse; /*this may be browser dependant*/
	/*height:2px;*/
	}
.table_woods tr td {line-height:auto; }

.table_ElecTest {
	width:auto;
	font:16px;
	line-height:auto;
	margin-right:10;
	margin-left:5px;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	border-collapse: collapse; /*this may be browser dependant*/
	/*height:2px;*/
	}

/*.T_Date {width: 20%; white-space: nowrap;}*/
.T_Name {width: 10%; white-space: nowrap;}
.T_Notes {width: 35%; white-space: nowrap;}

.table_left {
	width:300;
	white-space:nowrap;
	margin-right:auto;
	margin-left:auto;
	border-top:  1px solid #999;
	border-left: 1px solid #999;
	position:absolute;
	top:300;
	left:10;
	/*border-collapse: collapse; this may be browser dependant*/
	}

.table_mid {
	width:300;
	white-space:nowrap;
	margin-right:auto;
	margin-left:auto;
	border-top:  1px solid #999;
	border-left: 1px solid #999;
	position:absolute;
	top:300;
	left:450;
	/*border-collapse: collapse; this may be browser dependant*/
	}

.table_right {
	width:300;
	white-space:nowrap;
	margin-right:auto;
	margin-left:auto;
	border-top:  1px solid #999;
	border-left: 1px solid #999;
	position:absolute;
	top:300;
	left:900;
	/*border-collapse: collapse; this may be browser dependant*/
	}

.copy_p {display:none}


a:link {
	font-weight:normal;
	/*color:#cc00ff;*/
	color:#918;
	/*background:#fffded;*/
	text-decoration:none;
	}

a:visited {
	font-weight:normal;
	/*color:#cc00ff;*/
	color:#918;
	text-decoration:none;
	}

a:hover {
	font-weight:normal;
	/*color:#918;
	color:#0000ff;*/
	color:#918;
	background:#fffded;
	text-decoration:underline;
	}

#author {
	background: url(Icons/bottom_q.gif) no-repeat top left;
	padding: 0 0 10 0;
	margin: 0 0 0 0;
	color: #999;
	font-size: 60%
	}


#banner_php {
	/*font-family: verdana, sans-serif;*/
	font-family: 'Sacramento', cursive;	color:blue;
	font-size: 20;
	background:#fff2e8;
/*	position:absolute; */
	top:-30; /* was 10*/
	left:20;
	text-align:center;
    padding-top: 10;
    padding-bottom: 5px;
	/*width:800;
	margin:auto;*/
	}

#smscreen{display:none;}

#footer{
	white-space:normal;
	color:#918;
	padding-top:2px;
	padding-left:2px;
	padding-right:2px;
	padding-bottom:2px;
	text-indent:0;
	text-align:center;
	width:auto;
	margin:auto;
	}

.address{
	float: left;
	white-space:normal;
	}


@media screen and (orientation: landscape)
{
	body {background:#fff5e8}
	#contphp{
		width:auto;
		font: 16px/100% verdana, sans-serif;
        line-height:110%;
		}
	#buttontabs {
		font: 30/130% verdana, sans-serif;
		}
	#sectabs {
		font: bold 1em "verdana", sans-serif;
		position:relative;
        top:-0.5cm;
		left:0;
	}
	#top_nav {
		font: 12px/130% verdana, sans-serif;
		white-space:normal;
		color:#918;
		text-align:left;
		padding-top:0;
		padding-left:0;
		padding-right:0;
		padding-bottom:2px;
		width:auto;
		margin:0;
		position:relative;
        top:-30;
		}
	#top_nav a {
		display:block;
		}
	#top_nav ul {
		list-style: none;
		text-align: center;
		}

	#minitabs {
		margin: 0;
		/*padding: 0 16px 14px 5px; /*top, right, bottom, left*/
		padding: 2px 16px 14px 5px; /*top, right, bottom, left*/
		/*The 14px Border at the bottom ensures the line underneath is under the text*/
		border-bottom: 2px solid #696; /*Line underneath*/
		position: relative;
		/* float: left; */
		}
	#minitabs li {
		margin: 0;
		padding: 0;
		display: inline;
		}
	#minitabs a {
		float: left;
		line-height: 10;
		font-weight: bold;
		margin: 0 5px 0 5px;
		text-decoration: none;
		color: #9c9;
		padding-bottom: 5px;
		}
	#minitabs a:hover {
		/* border-bottom: 4px solid #969; */
		padding-bottom: 0;
		color: #563;
		}
	#minitabs a:active {
		border-bottom: 4px solid #969;
		padding-bottom: 2px;
		/*color: #263;*/
		color: #563;
		}
	#minitabs a:selected {
		color: #00b;
		border-bottom: 4px solid #969;
		}
}

@media screen and (orientation: portrait)
{
	body {
		text-align:center;
		background:#fff5e8;
		}
	#contphp{width:auto; /*was 1500*/}
		/* font: 10/100% verdana, sans-serif;} */
	#buttontabs {font: 10/130% verdana, sans-serif;}
	#sectabs {font: 10/130% verdana, sans-serif;}
	h1 {
		font:10 "Arial Black", "Helvetica Bold", sans-serif;
		border-bottom: 1px solid blue;
		}
	h3{color:red}
	#heading {
		/*font: 6px/100% verdana, sans-serif;
		font-family: verdana, sans-serif;*/
		font-family: 'Sacramento', cursive;
		font-size: 50;
		color:#f00;
		background:#fff2e8;
		top:0;
		left:0;
		width:400;
		margin:5px;
		}
	#navigation {
		font-size:10;
		color:#cc00ff;
		white-space:nowrap;
		text-align:left;
		list-style-type:circle;
		position:absolute;
		width:100;
		top:40;
		left:5px
		}
	#top_nav {
		font: 12px/130% verdana, sans-serif;
		white-space:normal;
		color:#918;
		text-align:left;
		padding-top:0;
		padding-left:0;
		padding-right:0;
		padding-bottom:0;
		width:auto;
		margin:1px;
		position:relative;
		}
	#top_nav a {
		display:block;
		}
	#top_nav ul {
		list-style: none;
		text-align: left;
		}

	#minitabs {
		margin: 20;
		padding: 2px 4px 14px 2px; /*top, right, bottom, left*/
		/*The 14px Border at the bottom ensures the line underneath is under the text*/
		border-bottom: 2px solid #696; /*Line underneath*/
		}
	#minitabs a {
		/* float: left; */
		line-height: 10;
		font-weight: bold;
		margin: 0 5px 2px 5px;
		text-decoration: none;
		color: #9c9;
		}
	#minitabs a:hover {
		/* border-bottom: 4px solid #969; */
		padding-bottom: 2px;
		color: #563;
		}
	#minitabs a:active {
		border-bottom: 4px solid #969;
		padding-bottom: 2px;
		/*color: #263;*/
		color: #563;
		}
	#minitabs a:selected {
		color: #00b;
		border-bottom: 4px solid #969;
		}
	#minitabs li {
		margin: 0;
		padding: 0;
		list-style-type: none;
		display: list;
		list-style: none;
		}

}

@media screen and (max-width: 960)
{
	body {
		text-align:left;
		background:#fffefe}
	}

@media screen and (max-width: 550)
{
	body {background:#fffbcb}
	h1 {
		font:10 "Arial Black", "Helvetica Bold", sans-serif;
		border-bottom: 2px solid blue;
		}
}

@media screen and (max-width: 320)
{
	body {
		text-align:center;
		background:#fff5e8;
		}

	h1 {
		font:8px "Arial Black", "Helvetica Bold", sans-serif;
		border-bottom: 2px solid blue;
		}
	#contphp{width:300;}
	#minitabs {
		margin: 1px;
		padding: 5px 1px 7px 1px; /*top, right, bottom, left*/
		border-bottom: 1px solid #696;
		}
	#smscreen{color:green;}
}

@media screen and (max-width: 768px)
{
	#wrapper{width:768px;}
	#header,#footer,#navigation{width:748px;}
	body {
		text-align:left;
		background:#fccaba;
		}
}