body {
	background-color: #333366 ;
	}

body
{
/*the color here #2c2721 was the bottom color
of my gradient image - a seamless fade*/
background: #2c2721 url(../images/bg3.gif) repeat-x;



}

img.left {float: left;margin-right:5px;border:none;}
img.right {float: right;margin-left:5px;border:none;}

#main
{
	margin: auto;
	width: 700px;
	height:00px;
	background: #ffffff;
	position: relative;
	z-index:1
}

#main p
{
	padding: 10px;
}

/*the area to the right with a gradient fade*/
#rightSide
{
	float: right;
	margin-right: 10px;
	height: 500px;
	width: 200px;
        /*#ffffff is the bottom color in gradient*/
	background: #ffffff url(../images/rightbg.gif) repeat-x;
}

#rightSide h1
{
	color: #fff;
	margin-left: 5px;
}

/*left area with fade example*/
#leftSide
{
	float: left;
	height: 500px;
	width: 200px;
        /*#ffffff is bottom color in gradient*/
	background: #ffffff url(../images/bg.gif) repeat-x;
	margin-left: 10px;
}

#content{height:auto;position:absolute; z-index: inherit; background-color:#000000;font:bold 12px Verdana; color:#FFFFFF
}

#middle {
	height:496px;
	width:699px;
	top:145px;
	position:absolute;
	left: -1px;
}


.style3 {color: #FFFFFF}

.style4 {color: #CC9900; font-size: 18px; 	}
.style5 {color: #FFFFFF; font-size:  24px;}