body {
max-width: 1050px;
min-width:900px;
background: url(http://www.all-about-dowsing.com/images/broad.png) repeat-y top center;
background-color:#033d6d; /* #35346b;  */ 
font-family: Arial, Verdana,  sans-serif;
font-size: 93%; /*leave this...it sets the overall size of your fonts.*/
color: #000;
margin:auto;
padding:0;
text-align:center;
}


.max-width {
width:expression(document.body.clientWidth > 1050? "1052px": "auto" );
}


table {
font-size:100%; /*leave this font size, change the individual cells below, if the default size isnt to your liking*/
color:inherit;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}

p {
	margin-bottom: 3px;
	line-height:135%;
}

hr{
border: 0;
color:inherit;
background-color: #fdd017;
height: 3px;
width: 75%;
text-align: center;
}



/* Change center to top, if you want bullets to line up with the top line of text*/
 
ul {
	padding-left: 50px;
	margin-left: 10px;
	list-style-image: url(../image-files/boxedarrow.png);
}

.rightbg ul{
	padding-left: 5px;
	margin-left: 5px;
	list-style-image: url(../image-files/boxedarrow.png);
}

.rightbg li{
	margin-bottom: 5px;
	padding-left: 0px;
}

li {
	margin-bottom: 10px;
	padding-left: 10px;
}
 
li.custom {
	background: url(../image-files/grey_arrow.png) no-repeat left center;
	padding-left: 20px;
	margin-bottom: 10px;
}

ol {
	padding-left: 50px;
	margin-left: 10px;
}
 
/* this area below is for your  Link-text and headings. You can change the font type and size, the color of each of them
as well as the a:hover, which is the text for a link, once the pointer passes over it*/

a { font-family: Arial, Verdana, sans-serif; 
font-size: 100%; color: #000099; 
text-decoration: underline;
}

a:hover { font-family: Arial, Verdana, sans-serif;
 font-size: 100%; 
 background-color: #033d6d;
 color: #fff;
 }


h1 { font-family: Arial, Verdana, sans-serif; font-size: 150%;  color: #000; text-align:center;}
h2 {
	font-family: Arial, Verdana, sans-serif;
	font-size: 116%;
	color: #000; 
	padding-left: 2em;
	margin-top: 1.5em;
}
h3 { font-family: Arial, Verdana, sans-serif; 
	font-size: 108%;  
	color: #000;  
	margin-top: 1.25em;
	padding-left: 2em;
}
h4 { font-family: Arial, Verdana, sans-serif; font-size: 105%;  color: #000; text-align:center;}


.rightbg h1, .rightbg h2, .rightbg h3 {
color:#fff;
text-align:center;
margin-top:5px;
margin-left:5px;
padding:0px;
}

td.logo {
background-color:white;
font-size: 100%;
background: url(http://www.all-about-dowsing.com/images/logo1.jpg) no-repeat;
-moz-background-size: auto 100%;
-o-background-size: auto 100%;
-webkit-background-size: auto 100%; 
}

td.headerbg {
background-color:#fff;
 font-size: 93%; 
}

tr.headerbg td {
background-color:#fff;
border-bottom: 1px solid #fdd017;
border-collapse: collapse
}

.headerbg a:hover{
	background-color: White;
}

td.spacerbg {
background-color:#fff;
 font-size: 93%; 
}

td.contentbg {
background-color:#fff;
border-top: 0px;
border-right:1px solid #fdd017;
border-bottom:1px solid #fdd017;
border-left:1px solid #fdd017;
font-size: 93%; 
color:inherit;
padding:10px;
}

td.rightbg {
font-family: Arial, Verdana, sans-serif;
font-size: 86%;
color:inherit;
background-color:#fff; 
padding:5px;
}

#rightbg h3 {
	font-family: Arial, Verdana, sans-serif; font-size: 108%;  color: #000; text-align: center;
}

td.leftbg {
font-size: 86%;
color:inherit;
margin-left: 5px;
background-color:#fff;
padding:5px; 
}

.rightbg a:hover {
	background-color: #9b99df;
	font-weight: bold;
	color: white;
}

td.footerbg {
font-size: 86%;
color:inherit;
background-color:#fee36e;
padding:5px; 
}

.footerbg a:hover{
	background-color: White;
}

/* This is for the heading background color....your H1, H2, and H3 tags*/
.hbg{
	background-color: #000;
	color: #fdd017;
	width: auto;
}

.hbg a:link {
	color:#fff;
	text-decoration: underline;
}

.hbg a:visited {
	color:#fdd017;
	text-decoration:underline;
}

.hbg a:hover {
	color:#fdd017;
	text-decoration:none;
}

.hbg a:active {
	color:#fff;
	text-decoration:underline;
}

a.jumplink{
text-decoration: none;
font-size: 100%; 
background-color: transparent;
color: #000;
}

a:hover.jumplink  {
text-decoration: none;
font-size: 100%; 
background-color: transparent;
color: #000;
}