body {
		margin:0;
		padding:0;
		border:0;			/* This removes the border around the viewport in old versions of IE */
		border:3px groove rgb(198, 236, 140);
		width:100%;
		font-family: Georgia, "Times New Roman", Times, serif;
		background:#fff;
		min-width:600px;		/* Minimum width of layout - remove line if not required */
						/* The min-width property does not work in old versions of Internet Explorer */
		font-size:100%;

	}
	a {
		color : darkgreen;
	  text-decoration: none;
	}
	a:hover {
		color: darkred;
	}
	h1, h2, h3 ,h4 {
		margin:.8em 0 .2em 0;
		padding:0;
	}
	p {
		margin:.4em 0 .8em 0;
		padding:0;
	}
	img {
		margin:10px 0 5px;
	}
	li {
		list-style:none;
	}
	/* Header styles */
.header {
	border: 1px solid rgb(198, 236, 140);
	padding: 25px 5px 20px 20px;
	background: url(http://www.your-own-affiliate-business.com/images/rtop1.jpg);
	height: 30px;
	letter-spacing: 17px;
	text-align: center;
	text-transform: capitalize;
	font-weight: bolder;
	font-size: larger;
	color: White;
}
	.header p,
	.header h1,
	.header h2 {
			margin:.8em 0 .2em 0;
		padding:0;
	}

	/* 'widths' sub menu */
	.under_header_area {
		clear:both;
		background:white;
		margin:0;
		padding:6px 21.7% !important;
		text-align:none;
		height: 2em;
		background: #f0f8ff;
	}
	/* column container */
	.column_container {
		position:relative;	/* This fixes the IE7 overflow hidden bug */
		clear:both;
		float:left;
		width:100%;			/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
	}
	/* common column settings */
	.column_right, .column_middle,.column_left {
		float:left;
		width:100%;			/* width of page */
		position:relative;
	}
	.middle_area,
	.left_area,
	.right_area {
		float:left;
		position:relative;
		padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead 
						only padding top and bottom is included here, make it whatever value you need */
		overflow:hidden;
	}
	/* 3 Column settings */
	.column_layout {
	/* right column background colour */
 			 background: #f0f8ff;
	}
	.column_layout .column_middle {
		right:20%;			/* width of the right column */
		background:#fff;		/* center column background colour */
	}
	.column_layout .column_left {
		 right:60%;			/* width of the middle column */
		 background: #f0f8ff;
     
	}
	.column_layout .middle_area {
		width:56%;			/* width of center column content (column width minus padding on either side) */
		left:102%;			/* 100% plus left padding of center column */
		word-spacing: 2px;
	  letter-spacing: 1px;
	  line-height: 1.5;
		
	}
	.column_layout .left_area {
		width:16%;			/* Width of left column content (column width minus padding on either side) */
		left:26%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
		
	}
	.column_layout .right_area {
		width:16%;			/* Width of right column content (column width minus padding on either side) */
		left:90%;			/* Please make note of the brackets here:
						(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
	}
	.column_layout .left_area  a {
		text-decoration: none;
		display:block;
		color : darkgreen;
	}
	
	.column_layout .left_area a:hover {
		background: DarkKhaki;
	color: FireBrick;
}
	/* Footer styles */
	.footer {
    float:left;
		clear:both;
		width:100%;
		border-top:1px solid #000;
		background: transparent url(http://www.your-own-affiliate-business.com/images/rtop1.jpg);
		repeat scroll 0% 50%;
	}
	.footer p {
		padding:10px;
		margin:0;
	}
	.float_right2 {
	padding: 5px;
	float: right;
	clear: both;
	z-index: 20;

	
}
.root-menu ul {
	margin: 8px 0pt 0pt;
	list-style-type: none;
	list-style-image: none;
	list-style-position: outside;
	letter-spacing: normal;
}

.root-menu li {
	margin: 0pt 5pt;
	float: left;
	text-align: center;
	text-decoration: none;
	font-size: smaller;
	color: Black;
}

.float_left {
	float: left;
			border-right:3px groove rgb(198, 236, 140);
			border-bottom:3px groove rgb(198, 236, 140);
			padding-right :10px;
			padding-bottom :10px;
			margin-right : 10px;
			margin-bottom : 10px;	
}
div.button{
background:InfoBackground;
border:tan groove 5px;
color:Teal;
font-size:12pt;
font-weight:bolder;
margin:3pt;
text-transform:capitalize;
width:190px
}
div.buttonl{
background:InfoBackground;
border:tan groove 5px;
color:Black;
font-size:10pt;
font-weight:bolder;
height:20px;
line-height:inherit;
padding:.3em;
text-transform:capitalize;
width:180px
}

.green_menu{
	border-style: solid solid none solid;
	border-color: #94AA74;
	border-size: 1px;
	border-width: 1px;
}

.green_menu ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
	
.green_menu li a{
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	display: block;
	background: transparent url(http://www.your-own-affiliate-business.com/images/arrowgreen.gif) 100% 0;
  height: 24px; /*Set to height of bg image- padding within link (ie: 32px - 4px - 4px)*/
	padding: 4px 0 4px 10px;
	line-height: 24px; /*Set line-height of bg image- padding within link (ie: 32px - 4px - 4px)*/
	text-decoration: none;
}	
	
.green_menu li a:link, .green_menu li a:visited {
	color: #5E7830;
}

.green_menu li a:hover{
	color: #26370A;
	background-position: 100% -32px;
}

	
.green_menu li a.selected{
	color: #26370A;
	background-position: 100% -64px;
}