body {
	color:#333;
	background-color:white;
	margin:20px;
	padding:0px;
	font:11px verdana, arial, helvetica, sans-serif;
	}
h1 {
	margin:0px 0px 15px 0px;
	padding:0px;
	font-size:28px;
	font-weight:900;
	color:#ccc;
	}
h2 {
	font:bold 12px/14px verdana, arial, helvetica, sans-serif;
	margin:0px 0px 5px 0px;
	padding:0px;
	}
	
h3 {
	font:bold 12px/14px verdana, arial, helvetica, sans-serif;
	margin:0px 0px 5px 0px;
	padding:0px;
	}
p {
	font:11px/20px verdana, arial, helvetica, sans-serif;
	margin:0px 0px 16px 0px;
	padding:0px;
	}


.Content>p {margin:0px;}
.Content>p+p {text-indent:0px;}


a {
	color:#09c;
	font-size:11px;
	font-family:verdana, arial, helvetica, sans-serif;
	font-weight:600;
	text-decoration:none;
	}
a:link {color:#09c;}
a:visited {color:#07a;}
a:hover {background-color:#eee;}
  

/* All the content boxes belong to the content class. */
.content {
	position:relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
	width:auto;
	top:140px;
	min-width:120px;
	margin:0px 210px 20px 170px;
	border:1px solid black;
	background-color:white;
	padding:10px;
	z-index:5; /* This allows the content to overlap the right menu in narrow windows in good browsers. */
	}

.navAlpha {
	position:absolute;
	width:150px;
	top:140px;
	left:20px;
	border:1px dashed black;
	background-color:FFFFFF;
	/*background-image:url('t07.jpg');*/
	padding:5px;
	z-index:2;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:128px;
	}
.navAlpha>h3 {
background-color:#C4DC1F;
}


body>#navAlpha {width:128px;}
		
.navBeta {
	position:absolute;
	width:190px;
	top:140px;
	right:20px;
	border:1px dashed black;
	background-color:FFFFFF;
	padding:5px;
	z-index:1;
/* Again, the ugly brilliant hack. */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:168px;
	}
/* Again, "be nice to Opera 5". */
body>#navBeta {width:168px;}
.navBeta>h3 {
background-color:#CEAD25;
}

.header{
	position:absolute;
	top:0;
	left:20px;
	width:100%;
	height:100px;
	background-color:#FFFFFF;
	/*background-image:url(images/compareuk.gif);*/
	background-repeat:no-repeat;
	overflow:hidden;
	color: #000000;
}

.topbar{
	position:absolute;
	top:100px;
	left:20px;
	right:0px;
	width:100%;
	height:20px;
	background-color:#C4DC1F;
	vertical-align:middle;
	overflow:hidden;
	color: #000000;
}

.container {
	position:relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
	width:auto;
	top:190px;
	min-width:120px;
	margin:0px 210px 20px 170px;
	border:1px solid black;
	background-color:white;
	padding:10px;
	
	}
.inner {
	min-width:125px;
	padding:30px;
	}
.view{
font-family:verdana;
font-size:8pt;
text-decoration:none;
color:black;
font-weight:bold;
}
.dir{
font-size:8pt;
text-decoration:none;
color:white;
font-weight:bold;
}
.dir1{
font-size:7pt;
text-decoration:none;
color:#DE0029;
font-weight:bold;
}
.dir:hover{
text-decoration:underline;
color:blue;
}
.dir2{
font-size:7pt;
text-decoration:none;
color:white;
font-weight:bold;
}
.dir2:hover{
text-decoration:underline;
color:blue;
}
.dir1:hover{
text-decoration:underline;
color:blue;
}