body
	{
	padding: 0;
	margin: 0;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 80%;
	color: #666;
	background-color: #ccc;
	text-align: center;
	}
	#page	
	{
	margin: 0px auto 10px auto; /*clockwise*/
	width: 900px;
	color: #000;
	text-align: left;
	height: auto;
	background-image:url(/images/SideEdge.jpg);
	background-repeat:repeat-y;
	background-color: #ccc;	
	}
	#content
	{
	margin: 0 50px 0 50px;
	width: 800px;
	height: 100%;
	}
	#topbanner 
	{
	width: 800px;
	height: 100px;
	}
	#topbannerLogo
	{
	float: left;
	width: 310px; /*same width as logo*/
	height: 100px;
	}
	#topbannerAd
	{
	float: left;
	margin: 20px 90px 20px 100px; /* posiion the add on the top */
	width: 298px; /* same size as ad */
	height: 60px; /* same size as ad */
	}		
	#footer
	{
	clear:both;
	width: 900px;
	height: 110px;
	background-image:url(/images/BottomEdge.jpg);
	background-repeat:no-repeat;
	margin: 0;
	padding: 0;
	}
	#footerText
	{
	font-size: 0.9em;
	width: auto;
	height: auto;
	margin: 0 0 0 260px;
	}
/* page layout */
	#left 
	{
	float: left;
	height: auto;
	width: 200px;
	}
	.leftAd /* advertisement on left panel */
	{
	float: left;
	width: 190px;
	height: auto;
	}
	#right 
	{
	float: left;
	height: auto;
	width: 600px;
	}
	.rightContent /* use when you need space witin a page element */
	{
	margin: 0 3px 5px 5px;
	height: auto;
	width: auto;
	}

/*misc items you might need */
	.clearboth 
	{
	clear: both;
	height: 0;
	line-height: 0.0;
	font-size: 0;
	}
	.break 
	{
	height: 1px;
	width: 800px;
	}
/* typography body defines */
	h1, h2, h3, h4, h5, h6 /* define common H tag style */ 
	{
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	}
	h1 /* use this tag sparingly */
	{
	font-size: 1.8em;
	margin-top: 0px;
	}
	h2 {font-size: 1.5em;}
	h3 {font-size: 1.3em;}
	h4 {font-size: 1.2em;}
	h5 {font-size: 1.0em;}
	h6 /* use this tag only with images  */ 
	{
	font-size: 1.0em;
	text-align: center;
	padding: 0 0 0 0;
	} 
	ol, ul, li /* general page layout */
	{
	font-size: 1.0em;
	line-height: 110%;
	}
	p 
	{
	font-size: 1.0em;
	line-height: 1.3em;
	}
	.colhead /* product page display headers */
	{
	border-top: 1px solid #333;
	border-left: 1px solid #333;
	margin-top: 0px;
	padding-left: 1.0em;
	font-size: 1.2em;
	line-height: 1.5em;
	font-weight: bold;
	color:#C00;
	}
	.item /* product page item */
	{
	color:#F00;
	text-decoration: none;
	font-weight:bold;
	}
	pre 
	{
	font-family: monospace;
	font-size: 1.0em;
	}
	table, tr, td 
	{
	font-size: 1.0em;
	}
/* body link styles */	
	a:link
	{}
	a:visited
	{}
	a:active
	{}
	a:hover 
	{color: #F00;}
/*site navigation*/
	#button
	{
	padding: 0 0 0 0; 
	margin: 0 0 0 0;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
	background-image:url(/images/NavigationBackGround.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	background-color:#ccc; /*give it color in case use disables all images from loading*/
	color: #FFF;
	height: 500px;
	width: 200px; /*200px available*/
	}
	#button ul 
	{
	list-style: none;
	margin: 0 0 0 10px; /* push to the left */
	padding: 5px 0 0 0; /* give me some space for the top curve */
	border: none;
	}
	#button li 
	{
	margin: 0 0 0 0;
	white-space: nowrap;
	}
	#button li a 
	{
	display: block;
	padding: 4px 0 4px 10px;
	margin: 0 0 1px 10px;
	color: #FFF;
	text-decoration: none;
	width: 150px;
	}
	html>body #button li a {width:160px;}
	#button li a:hover 
	{
	border-bottom: 1px solid #fc0;
	margin: 0 0 0 10px; /* since this has a border bottom delete bottom margin */
	color: #FFF;
	}
/* product page local navigation */
/* container */
	#prodNavContainer
	{
	width: 580px;
	height: auto;
	background-image: url(/images/TESTDEMO.jpg);
	background-position:top right;
	background-repeat:no-repeat;
	background-color:#FFF;
	}
	#prodButton
	{
	padding: 1px 0 0 0;
	margin: 1px 0 0 0;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.0em;
	background-color: #FFF;
	width: 250px;
	}
	#prodButton ul 
	{
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
	}
	#prodButton li 
	{
	border-top: 1px solid #CCC;
	margin: 0;
	white-space: nowrap;
	}
	#prodButton li a 
	{
	display: block;
	padding: 2px 2px 2px 2px;
	border-left: 5px solid #FFF;
	border-right: 5px solid #FFF;
	background-color: #FFF;
	color: #666;
	text-decoration: none;
	width: 240px;
	}
	html>body #prodButton li a 
	{
	width:250px;
	}
	#prodButton li a:hover 
	{
	border-left: 5px solid #FFF;
	border-right: 5px solid #FFF;
	background-color: #FFF;
	color: #F00;
	}	
/* inline image style */	
	img
	{
	border: 0;
	padding: 0 5px 0 5px;
	}
	.imgSteren
	{
	border: 0;
	padding: 0px 0px 0px 0px;
	}
	.imgBoxed /* for images with a border */
	{
	border: 1px solid #333;
	padding: 2px 2px 2px 2px;
	}
	.imgLeft
	{
	border: 0;
	padding: 0px 2px 0px 0px;
	}
	.imgRight
	{
	border: 0;
	padding: 0px 0px 0px 2px;
	}