body {
	margin : 0;
	padding : 0;
	text-align : left;
	color : #ffffff;
	behavior:url("csshover.htc");
	background : #003250 url(img/bgd.png) repeat;
	font : 75% Verdana, arial, sans-serif;
	}
#container {
	width : 892px;
	border : 10px solid #fffff;
	margin-left : auto;
	margin-right : auto;
	margin-top : 10px;
	margin-bottom:10px;
	padding : 10px;
	line-height : 1.5em;
	color : #ffffff;
	background : #ffffff;
	}
	

#bannerb {
    position:relative;
    margin-top: -160px;
    height: 140px;
	margin-right:24px;
    float:right;
    display:inline;
    width: 265px;
    padding : 0;
    color : #000000;
    font : 16px Arial, sans-serif;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	color:#c80000;
    z-index:99
    }
	
#optinform {
    position:relative;
    margin-top: -105px;
    margin-left: 620px;
    height: 115px;  /*height of menu from top*/
    float:left;
    display:inline;
    width: 250px;
    padding : 0;
    color : #000000;
    font : 18px Verdana, arial, sans-serif;
    z-index:99
    }
#content {
	padding : 1px;
	margin-left : 180px;
	margin-right : 229px;
	background : #ffffff;
	color : #000000;
	}
#content h1 {
	margin : 30px 0 20px 30px;
	font : bold 24px verdana, arial, tahoma, sans-serif;
	color : #a7361f;
	text-align:center;
	background : inherit;
	}
#sidebar {
	float : left;
	width : 165px;
	margin : 5px 5px 0 0;
	padding : 5px;
	border-bottom : 20px solid #6699cc;
	color : #666;
	background-color : #e2eeff;
	}
	
#sidebarwhite {
	float : left;
	width : 165px;
	margin : 5px 5px 0 0;
	padding : 0;
	background-position:center;	
	color : #666;
	background-color : #ffffff;
	}
#menu {
	width : 165px;
	padding : 5px 0 0 0;
	}
#menu ul {
	margin : 0;
	padding : 0;
	list-style-type : none;
	}
#menu li {
	margin : 0 0 0.5em 0;
	}
#menu a {
	display : block;
	font-size : 12px;
	color : #000000;
	background : #ced8df;
	width : 145px;
	padding : 0.1em 0.8em;
	text-decoration : none;
	}
#menu a:hover {
	background-color : #a4a4a0;
	color : #fff;
	}
#sidebar-b {
	float : right;
	width : 200px;
	margin : 0 0 0 10px;
	padding : 10px;
	border-bottom : 20px solid #6699cc;
	background-color : #bbc8d8;
	color : #6e6a5a;
	margin-bottom: 20px;
	}
	
/* Images: Outlook for the Entrepreneur */
	#OLContainer {
		background-image:url(../img/OLcontainer07.png);
		margin-left:5px;
		margin-right:5px;
		margin-bottom: 20px;
		}
	#OLContainer a {
		display: block;
		height: 250px;
		text-decoration:none;
		}
	#OLContainer a:active img, #two a:focus img, #two a:hover img {
		width:0; /* or margin-top:-999em or display:none or visibility:hidden */
		}
	#OLContainer a:hover {
		visibility:visible; /* IE6 needs this to swap images */
		}

/* Images: Beginner's Guide to CSS */
	#BegContainer {
		background-image:url(../img/BegGuide2CSS.png);
		margin-left:5px;
		margin-right:5px;
		margin-bottom: 20px;
		}
	#BegContainer a {
		display:block;
		height:150px;
		text-decoration:none;
		}
	#BegContainer a:active img, #two a:focus img, #two a:hover img {
		width:190; /* or margin-top:-999em or display:none or visibility:hidden */
		}
	#BegContainer a:hover {
		visibility:visible; /* IE6 needs this to swap images */
		}

/* Images: Fast and Easy Ezines */
	#EzinesContainer {
		background-image:url(../img/Fast_Easy_Ezines2.jpg);
		margin-left:5px;
		margin-right:5px;
		margin-bottom: 20px;
		}
	#EzinesContainer a {
		display: block;
		height: 150px;
		text-decoration:none;
		}
	#EzinesContainer a:active img, #two a:focus img, #two a:hover img {
		width:0; /* or margin-top:-999em or display:none or visibility:hidden */
		}
	#EzinesContainer a:hover {
		visibility:visible; /* IE6 needs this to swap images */
		}

/* Images: Internet Marketing */	
	#BackupContainer {
		background-image:url(../img/FireBackup.png);
		margin-left:5px;
		margin-right:5px;
		margin-bottom: 20px;
		}
	#BackupContainer a {
		display:block;
		height:200px;
		text-decoration:none;
		}
	#BackupContainer a:active img, #two a:focus img, #two a:hover img {
		width:0; /* or margin-top:-999em or display:none or visibility:hidden */
		}
	#BackupContainer a:hover {
		visibility:visible; /* IE6 needs this to swap images */
		}

/* Images: Internet Marketing */
	#IMContainer {
		background:url(../img/IM2.png);
		margin-left:5px;
		margin-right:5px;
		margin-bottom: i20px;
	}
	#IMContainer a {
		display:block;
		height:250px;
		text-decoration:none;
	}
	#IMContainer a:active img, #two a:focus img, #two a:hover img {
		width:0; /* or margin-top:-999em or display:none or visibility:hidden */
	}
	#IMContainer a:hover {
		visibility:visible; /* IE6 needs this to swap images */
	}

#footer {
	clear : both;
	padding : 5px;
	margin-top : 5px;
	font-size : 0.8em;
	color : #bbd2e0;
	background : #6699cc;
	}
#footer a:link, #footer a:visited {
	background : inherit;
	color : #eee;
	text-decoration : none;
	}
#footer a:hover {
	border-bottom : 1px dashed #f2f2f5;
	background : inherit;
	color : #f2f2f5;
	}
h1 {
	width : 90%;
	margin : 10px 0 10px 0;
	font : normal 18px/30px verdana, arial, tahoma, sans-serif;
	color : #369;
	background : inherit;
	}
h2 {
	padding-left : 5px;
	padding-top: 5px;
	line-height : 1.3em;
	font : bold  18px verdana, arial, tahoma, sans-serif;
	color : #5d775a;
	background : inherit;
	}
h3 {
	margin-top : 20px;
	font-size: 16px;
	font : bold  verdana, arial, tahoma, sans-serif;
	color : #6972a9;
	background : transparent;
	}

h4 {
	margin-top : 10px;
	font-size: 14px;
	font : bold  verdana, arial, tahoma, sans-serif;
	color : #000000;
	background : transparent;
	}
	
h5 {
	font-size: 8px;
	line-height:8px;
	font : verdana, arial, tahoma, sans-serif;
	color : #000000;
	background : transparent;
	}

a {
	color : #0000ff;
	font-weight : bold;
	text-decoration : underline;
	background : inherit;
}

a:hover {
	text-decoration : underline;
	color : #369;
	background : inherit;
	}
	
.div.scroll {
	overflow : auto;
	}
.news {
	font-size : 10px;
	background : inherit;
	color : #333;
	}
.imgleft {
	float : right;
	}

.ordernow{
	text-decoration: none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:20px;
	text-decoration:underline;
	color: #0000ff; 
	}	
/* general styles */
.layout { width: 50%; margin: auto; }
.left { width: 48%; float: left; padding: 0 1% 0 0; }
.right { width: 48%; float: right; padding: 0 0 0 1%; }
.bottom { height: 0; clear: both; }
.footer { text-align: right; font-size: 80%; color: #3f3f3f; }
.footer a { color: #3f3f3f; }

/* box styles */
.box { position: relative; width: 100%; margin: 0 0 10px 0; }
.orange { background: #fbe96f url('../images/gradient-orange.png') top repeat-x; }
.green { background: #bad29f url('../images/gradient-green.png') top repeat-x; }
.greenlight { background: #d2e6b3 url('../images/gradient-green-light.png') top repeat-x; }
.blue { background: #69c6e9 url('../images/gradient-blue.png') top repeat-x; }
.bluelight { background: #9eddf4 url('../images/gradient-blue-light.png') top repeat-x; }
.red { background: #d94017 url('gradient-red.png') top repeat-x; }
.silver { background: #3f3f3f url('gradient-silver.png') top repeat-x; }
.inner { padding: 9px; }
.padme { padding: 20px; margin-top:30px}

/* corners */
.corner { position: absolute; width: 10px; height: 10px; background: url('../images/cornerswhite.png') no-repeat; font-size: 0%; }
.TL { top: 0; left: 0; background-position: 0 0; }
.TR { top: 0; right: 0; background-position: -10px 0; }
.BL { bottom: 0; left: 0; background-position: 0 -10px; }
.BR { bottom: 0; right: 0; background-position: -10px -10px; }