@charset "utf-8";
/* CSS Document */
/*start p's template*/
body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	line-height:18px;
}
body {
	background-color: #d4d7db;
	background-image: url(../image-files/zentactics_bg.jpg);
	background-repeat: repeat-x;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
a:link {
	/*color: #ADBDB0;*/
	color: #539767;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	/*color: #ADBDB0;*/
	color: #539767;
}
a:hover {
	text-decoration: underline;
	/*color: #999999;*/
	color: #ADBDB0;
}
a:active {
	text-decoration: none;
	/*color: #ADBDB0;*/
	color: #539767;
}
h2 {
	font-weight: bold;
}
h1 {
	/*font-size: 22px;*/
	font-size: 150%;
	text-align:left;
}
h2 {
	/*font-size: 18px;*/
	font-size: 116%;
	text-align:left;
}
h1, h2, p {
	margin-top: 0px;
	margin-bottom:8px;
	}
	
h1 {
	/*color: #ADBDB0;*/
	color: #4A4A4A;
}
h2 {
	color: #4A4A4A;
}

h3 {
	color: #4A4A4A;
	font-size: 108%;
	text-align:left;
}
h4,h5 {
	color: #4A4A4A;
};

.style2 {font-size: 14px}

.zentactics-mainbox {
padding-left:40px;
padding-right:40px;
padding-top:20px;
padding-bottom:10px;
border:none;
}

.menucol {
width:100%;
height:1000px;
}

.rightcolumn {
width:122px;
}

.leftcolumn {
width:200px;
}

.pullout {
padding:5px;
background-color:#E3D7F9;
margin-top:5px;
margin-bottom:5px;
}
/*end p's template */

/*start aj's template*/
/*the font size is 100% of the body font setting So while it says 100%, that is actually 100% of the body's%. No need to touch this if you dont want to */
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;
}


/*class to set thinner horizontal rule. Change color if you like.*/
hr{
border: 0;
color:inherit;
background-color: none;
height: 1px;
width: 80%;
text-align: center;
}



/* this is a custom class for using graphics as bullets.  Upload a custom graphic to your 
graphics library in the usual way. Then replace my URL
with your own. Note there are no speech marks around the URL Change center to top, if you want bullets to line up with the top line of yr text*/
 
ul {
list-style-type: none;
padding-left: 0;
margin-left: 10px;
}
 
li.custom {
/*DEFAULT: background: url(http://www.zentactics.com/image-files/bullet_brown.gif) left center no-repeat; */
background: url(http://www.zentactics.com/image-files/bullet.jpg) 0px 2px no-repeat; 
padding-left: 20px;
margin-bottom: 10px;
}
 

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


/* information below is to remove the link styling for anchor links.
Just leave this as it is....it works fine, and shouldn't be modified */
a.jumplink{
text-decoration: none;
font-size: 100%; 
background-color: transparent;
/*color: #000;*/
color:#FFFFFF;
}

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

a.footerlink {
color:#ADBDB0;
}

/***custom modifications**/
/*8/15/09, had to so image header didn't appear with border in IE*/
a img { border: none !important; }

.footnote {
background-color:transparent; 
font-size: 70%;
color: 	#585858; /*gray */
}

h5 { text-decoration: underline; }

.img-text {
	text-align: center;
	font-size: 75%;
}

.adsense-hbg { background-color: #ADBDB0; font-style: italic; }

.hbg-2{
background-color:#ADBDB0; 
color:#000;
width: auto;
}

hr.dotted {
   border-bottom:2px dotted #539767;
   border-top:hidden;
   border-left:hidden;
   width: 50%;
   margin-left: auto;
   margin-right: auto;
}

.subhead { 
font-weight: bold;
font-size: 97%;
color:#000;
text-align:left;
}

/*thanks to http://www.joeprah.com/blogging-tips/542-adding-pull-quotes-to-your-blog.html for these!*/

.pq_left {     
                display: block;
                float: left;
                padding: 0 0px 0 50px; /*left padding has to match width of pullquote image*/
				/*margin: top right bottom left*/
                margin: 2px 5px 2px 10px;
                /*width: 170px;*/
				width: 30%;
				background: url('../image-files/pullquote.jpg') top left no-repeat;
                font-size: 15px;
                line-height: 18px;
                text-align: left;
                color: #539767;
                border: none;
} 

.pq_right {     
                display: block;
                float: right;
                padding: 0 10px 0 50px; /*left padding has to match width of pullquote image*/
                margin: 2px 10px 2px 5px;
                /*width: 170px;*/
				width: 30%;
                background: url('../image-files/pullquote.jpg') top left no-repeat;
                font-size: 15px;
                line-height: 18px;
                text-align: right;
                color: #539767;
                border: none;
}