.clear
{
	clear: both;
	padding-bottom: 1px;	/* for Gecko-based browsers */
	margin-bottom: -1px;	/* for Gecko-based browsers */
}
.hide
{
	display: none !important;
}
.inside
{
	padding: 0 1em;
}

ul, ol, dl, p, h1, h2, h3, h4, h5, h6
{
	margin-top: 14px;
	margin-bottom: 14px;
	padding-top: 0;
	padding-bottom: 0;
}
h1
{
	font-size: 220%;
}
h2
{
	font-size: 190%;
}
h3
{
	font-size: 160%;
}
h4
{
	font-size: 130%;
}
h5
{
	font-size: 100%;
}
h6
{
	font-size: 70%;
}

a, a:link, a:visited, a:active
{
	text-decoration: underline;
}
a:hover
{
	text-decoration: none;
}
code
{
	font-family:Verdana, Arial, Sans-Serif; 
}
label
{
	cursor: pointer;
}
table
{
	font-size: 100%;
}
td, th
{
	vertical-align: top;
}

body
{
	margin: 20px 0 20px 0;				 
	font-size: 100.1%;	/* resolve some font size issues in some layouts for
				   some browsers. (in other words, i got no clue.) */
}
#pageWrapper
{
	border: solid 1px #fff;
	border-width: 0 1px;
	min-width: 40em;	/* IE doens't understand this property. EMs are used
				   so that as the font size increases, the proportional
				   limitations (min-width) increase with it, rather
				   than creating a middle column that can only fit
				   3 or 4 characters in it. */
	width: auto;
}
#masthead
{
	border: solid 1px #fff;
	border-width: 1px 0;
	padding: 0.5em;
}
#masthead h1
{
	padding: 0;
	margin: 0;
}
#outerColumnContainer
{
	border-left: solid 175px #fff;
	border-right: solid 175px #fff;
}
#innerColumnContainer
{
	border: solid 1px #fff;
	border-width: 0 1px;
	margin: 0 -1px;		/* compensate for the borders because of
				   100% width declaration */
	width: 100%;
	z-index: 1;
}
#leftColumn, #middleColumn, #rightColumn, * html #SOWrap
{
	overflow: visible;	/* fix for IE italics bug */
	position: relative;	/* fix some rendering issues */
}
#SOWrap
{
	float: left;
	margin: 0 -1px 0 0;
	width: 100%;
	z-index: 3;
}
#middleColumn
{
	float: right;
	margin: 0 0 0 -1px;
  width: 100%;
	z-index: 5;
}
#leftColumn
{
	float: left;
	margin: 0 1px 0 -175px;
	width: 175px;
	z-index: 4;
}

#leftColumn ul {
  margin:0;
  padding:0;
  margin-left:-8px;
}
				 
#leftColumn li {list-style:none;}				 
				 
#leftColumn ul ul {margin-left:25px;}
				 
#rightColumn
{
	float: right;
	width: 175px;
	margin: 0 -175px 0 1px;
	z-index: 2;
}
#footer
{
	border: solid 1px #fff;
	border-width: 1px 0;
	padding: 0.5em;
}

p.fontsize-set
{
	text-align: center;
}
p.fontsize-set img
{
	border-width: 0;
}
/* removed the vertical navigation - bobmutch */
/* removed the horizontal navigation - bobmutch */

#pageWrapper, #masthead, #innerColumnContainer, #footer, .vnav ul, .vnav ul li, .hnav, .hnav ul li a
{
	border-color: #565;
}
html, body
{
	background-color: #eee;
	color: #000;
	font-family:Verdana, Arial, Sans-Serif; 
}
#pageWrapper
{
	font-size: 80%;	/* set your default font size here. */
}
#masthead
{
	background-color: #898;
	color: #fff;
}

#outerColumnContainer
{
	border-left-color: #fff;	/* left column background color */
	border-right-color: #fff;	/* right column background color */
	background-color: #fff;		/* set the background color for the
					   middle column here */
}
.vnav ul li a:link, .vnav ul li a:visited, .vnav ul li a:active
{
	text-decoration: none;
	background-color: #cdc;
	color: #000;
}
#rightColumn .vnav ul li a:link, #rightColumn .vnav ul li a:visited, #rightColumn .vnav ul li a:active
{
	background-color: #ded;
}
.vnav ul li a:hover, #rightColumn .vnav ul li a:hover
{
	text-decoration: none;
	background-color: #898;
	color: #fff;
}
.hnav ul li a:link, .hnav ul li a:visited
{
	background-color: #bcb;
	color: #000;
}
.hnav ul li a:hover
{
	background-color: #787;
	color: #fff;
}
#rightColumn .inside
{
	font-size: 90%;
}
#rightColumn .inside .vnav
{
	font-size: 110%;
}
#footer
{
	background-color: #898;
	color: #fff;
	text-align: center;
}

* html body
{
	text-align: center;	/* hack to center this under IE5 */
}
* html #pageWrapper
{
	text-align: left;	/* keep the content left-aligned */
}

#pageWrapper
{
	width: 990px;
	margin-left: auto;
	margin-right: auto;
}

/******************************************************************************
/* start tool tip newsite */
a.i {
  position:relative; /*this is the key*/
  z-index:24; 
  background-color:#fff;
  text-decoration:none;
  color:blue;
}
a.i:hover {
  z-index:25; 
  background-color:#ffffff;
}
a.i span {
  display:none;
}
a.i:hover span { 
  display:block;
  position:absolute;
  top:2em; 
  left:2em; 
  width:30em;
  border:1px solid #000;
  background-color:#F8F8CB; 
  color:#000;
  text-align:left;
  padding:6px;
}
/* end tool tip newset*/

/* General CSS */
a img {border-width: 0;}

/* Front Page Blocks */
#contentHeader {
	font-size:1.4em;
	padding:3px 0 3px 3px;
	background-color:#dae1f9;
}

.subContentHeader {
	font-size:1.2em;
	border:1px solid #dae1f9;
	background-color:#dae1f9;
	color:black;
	font-weight:200;
	margin-left:20px;
	margin-right :20px;
	clear: left;
}
.subContent {	
  margin-left : 20px;	
  margin-right : 20px;
  margin-top: 0px;
  margin-bottom: 0px;
  border:2px solid #dae1f9;
  padding: 5px;
  clear: left;
}
.subContentCol {
  font-size:1.0em;
  border:2px solid #dae1f9;
  color:black;

  margin-left:20px;
  margin-right :20px;
  margin-left:20px;
}
.clearfix:after {
  content: "!"; 
  display: block; 
  height: 0; 
  visibility: hidden;
  clear: left;
}
.clearfix {
  display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
  .clearfix {display: block;}
/* End hide from IE-mac */
	
/* Front page +/- */
.posthidden {display:none} 
.postshown {display:inline}
	
/*frontpage starter blocks*/
.footerlist {
clear: both;
}
 .webdir, .webdirsubs, .webdirdirs, .webdirtools {
  font-size:1.0em;
  border:2px solid #dae1f9;
  color:black;
  width:448px;
  margin-left:20px;
  overflow: auto;
}
.webdirheader {
  font-size:1.2em;
  border:1px solid #dae1f9;
  background-color:#dae1f9;
  color:black;
  font-weight:200;
  width:450px;
  margin-left:20px;
}

.title {
  padding:4px;
}
.linkBlock{
  width:448px;
}
.linkCol3{
  float:left;
  width:138px;
  padding:5px;
}
.linkCol2{
  float:left;
  width:210px;
  padding:5px;
}
.linkCol1{
  float:left;
  width:420px;
  padding:5px;
}	
/* Start RIGHT COLUMN Front Page*/
#rrightcolumn .hostdeal, 
#rightcolumn .phplive, 
#rrightcolumn .arelis-banner {
  border:0;
}

#rrightcolumn .arelis-banner {margin-bottom:5px;}

#rrightcolumn .consulting, #rrightcolumn .arelis, 
#rrightcolumn .paypalverified, #rrightcolumn .topsearch, 
#rrightcolumn .xhtml, #rrightcolumn .hostdeal, 
#rrightcolumn .phplive, #rrightcolumn .seoarticles,
#rrightcolumn .arelis-banner {
list-style-type:none;
font-size:0.9em;
border:1px solid #CDD;
background-color:#FFFFFF;
}

#rrightcolumn .seoarticles {
  margin-bottom:5px;
  padding:2px;
}
						   
#rrightcolumn .seoarticles ul {
  margin:0;
  padding:0;
	padding:5px;
}
						   

#rrightcolumn .xhtml {
  margin:0px 0px 0px 10px;
}
#rrightcolumn .arelis {text-align:center;}
#rrightcolumn .xhtml, #rrightcolumn .hostdeal, 
#rrightcolumn .phplive {border:0}
.consulting {padding:0;margin:0}
.head {
  padding:0 5px;
  margin-bottom:5px;
  background-color:#2992F7;
  text-align:center;
}
.topsearch, .arelis {
  text-align:left;
}
#rrightcolumn ul {padding:5px;}
#rrightcolumn ul {list-style:none;}

/* End RIGHT COLUMN Front Page*/

.pictureleft {
  float:left;
  margin-right:10px;
	margin-bottom:5px;
}

.bbblinks {
  padding-left:5px;
}
		   
.hostdeal {margin-bottom:5px;}

/* TOOL TIPS */
a.info, a.seinfo, a.amberinfo {
  position:relative; /*this is the key*/
  z-index:24; 
  background-color:#fff;
  color:#0FF;
  text-decoration:none;
}
a.info:hover, 
a.seinfo:hover, 
a.amberinfo:hover {
  z-index:25; 
  background-color:#ffffff;
}

a.info span, 
a.seinfo span, 
a.amberinfo span {
  display:none;
}
a.info:hover span, 
a.seinfo:hover span, 
a.amberinfo:hover span { 
  display:block;
  position:absolute;
  top:2em; 
  left:2em; 
  width:30em;
  border:1px solid #000;
  background-color:#F8F8CB; 
  color:#000;
  text-align:left;
  padding:6px;
}
a.seinfo:hover span, 
a.amberinfo:hover span {
  width:20em;
}
a.seinfo {
  color:red;
}
a.amberinfo {
  color:#FFBF00;
}		   

UL		{ margin: 0px; padding: 0px; list-style: none; }
UL LI		{ list-style-type: none; }

H2		{ font-size: 12pt; margin: 0; padding: 0; margin-top: 10px; }
H2 A:link,
H2 A:visited	{ font-size: 18pt; color: blue; margin: 0; padding: 0; margin-top: 10px; text-decoration: none; }
H2 A:hover	{ text-decoration: underline; }

P.postmetadata  { 
  border-bottom: 1px dotted #efefef; 
  padding-bottom: 5px; 
  font-size: 80%; 
}
P.dateline	{ color: #333; padding: 0; margin: 0; border-bottom: 1px dotted #333; }
P.dateline A:link,
P.dateline A:visited { color: blue; text-decoration: none; }
P.dateline A:hover   { text-decoration: underline; }

P.alt		{ 
  font-size: 90%; 
  border-top: 1px solid black; 
  border-bottom: 1px solid black; 
  background: #efefef; padding: 5px; 
}

.wp-notable_image {
  border:none;
  margin-top:15px;
}

.pictureleft {
float: left;
padding: 0 5px 0 0;
}
.pictureright {
float: right;
padding: 0 0 0 5px;
}

.hilight {
background:#eee none repeat scroll 0%;
border:1px solid #ccc;
display:block;
}