html, body{ 
	margin:0; 
	padding:0; 
	text-align:left; 
	background-color:#FFFFFF; 

	border: 0px;
	padding: 0px;
	color:#777; font-size:medium; font-family:Arial, Helvetica, sans-serif;
} 
a { color:#77b; font-size:medium; font-family:Arial, Helvetica, sans-serif; }
a:hover {color:#55f; font-size:medium; font-family:Arial, Helvetica, sans-serif;}
#pagewidthoff {
	max-width:1000px;
	border: 1px solid black;
	box-shadow: 3px 3px 3px #888888;
	margin:auto;
	overflow:auto;
}
.topmenu {
	text-align:right;
	background: linear-gradient(#444, #888);
	background-color: #666;
}
#topmenu li {
	display:inline;
	margin-left:10px;
	padding-left:10px;
	border-left:1px solid #777;
}
#topmenu a {
	text-decoration:none;
	color:white;
	font-weight: bold;
}
#topmenu a:hover {
	text-decoration:underline;
	color:#ddf;
}
.spacer {
	width:100%;
	height:10px;
	background-color:white;
}
#banner {
	margin-top:50px;
	height:100px;
	width:100%;
	background: linear-gradient(#22a, #44f);
	background-color: #33d;
	border-bottom: 2px solid #008;
	border-top: 2px solid #008;
/*	background-image:url(../images/banner.png);*/
}
#banner h1 {
	font-size:2.5em;
	font-weight:normal;
	color: white;
	margin:3px;
	margin-left:17px;
}
#banner h2 {
	font-size:1.5em;
	color: white;
	margin:3px;
	margin-left:17px;
}
#content {
	padding:10px;
}
#mainpage {
	width:100%;
	overflow: auto;
}
.centre {
	text-align: center;
}
.col img {
	margin:auto;
}
.col h1 {
	color:#444;
	font-size:large;
}
.col h2 {
	font-size:large;
}
.col a {
	text-decoration:none;
}
.tuxbg {
	background-image:url(../images/tux-blue.png);
	background-repeat:no-repeat;
	background-position:center bottom;
	height:600px;
}
.panel_d {
	color: white;
	box-shadow: 3px 3px 3px #888888;
	padding: 5px;
	border-radius: 10px;
	margin-top:15px;
	margin-bottom:15px;
}
.panel_d h1 {
	color: white;
}
.pd_red {
	background: linear-gradient(#a22, #f44);
	background-color: #f66;
	border: 2px solid #500;
}
.pd_green {
	background: linear-gradient(#080, #2c2);
	background-color: #2c2;
	border: 2px solid #050;
}
.pd_blue {
	background: linear-gradient(#22a, #44f);
	background-color: #44f;
	border: 2px solid #005;
}
.pd_orange {
	background: linear-gradient(#a20, #f84);
	background-color: #f84;
	border: 2px solid #530;
}
.pd_yellow {
	background: linear-gradient(#880, #cc2);
	background-color: #cc2;
	border: 2px solid #550;
}
.pd_purple {
	background: linear-gradient(#a2a, #f4f);
	background-color: #f4f;
	border: 2px solid #505;
}
.panel_l {
	color:#222;
	box-shadow: 3px 3px 3px #888888;
	padding: 5px;
	border-radius: 10px;
	margin-top:15px;
	margin-bottom:15px;
	display:block;
}
.pl_red {
	background: linear-gradient(#faa, #fdd);
	background-color: #fdd;
	border: 2px solid #500;
}
.pl_red:hover {
	border: 2px solid #f88;
}
.pl_green {
	background: linear-gradient(#afa, #dfd);
	background-color: #dfd;
	border: 2px solid #050;
}
.pl_green:hover {
	border: 2px solid #8f8;
}
.pl_blue {
	background: linear-gradient(#aaf, #ddf);
	background-color: #ddf;
	border: 2px solid #005;
}
.pl_blue:hover {
	border: 2px solid #88f;
}
.pl_orange {
	background: linear-gradient(#fd9, #fea);
	background-color: #fea;
	border: 2px solid #530;
}
.pl_yellow {
	background: linear-gradient(#aa9, #ffa);
	background-color: #ffa;
	border: 2px solid #550;
}
.pl_purple {
	background: linear-gradient(#faf, #fdf);
	background-color: #fdf;
	border: 2px solid #505;
}
#footer {
	width:100%;
}
#mhub {
	border:1px solid #666;
	background-color:#ddd;
	padding:5px;
	text-align:left;
}
#mhub hr {
	width:100%;
	height:1px;
	border:1px solid #888;
}
#mhub h3 {
	font-size:0.7em;
	margin-top:0;
}
#mhub p {
	font-size:0.7em;
}
.availability td {
	background-color:#ddd;
	padding:5px;
}