body {
  background: #737373;
  background-image: url(bggradient.gif);
  background-position: top left;
  background-repeat: repeat-x;
  margin: 0;
  padding: 0;
}



p,h1,h2,h3,h4,h5,h6,ul {
  margin: 0;
  padding: 0;
  text-align: left;
}


h1 {
  font-family: Verdana, Arial, Helvetica, Sans-Serif;
  color: #fff;
  font-size: 1.3em;
  margin: 0.8em 0em 1em 0em;
}



h2 {
  font-family: Verdana, Arial, Helvetica, Sans-Serif;
  color: #eee;
  font-size: 1.1em;
  margin: 0.8em 0em 1em 0em;
}


h3 {
  font-family: Verdana, Arial, Helvetica, Sans-Serif;
  color: #eee;
  font-size: 0.8em;
  margin: 0em 0em 1em 0em;
}



p {
  font-family: Verdana, Arial, Helvetica, Sans-Serif;
  font-size: 0.75em;
  /*margin: 1em 4em;*/
  line-height: 1.4;
}


a:link {
  color: #0069EA;/* BLUE */
  text-decoration: none;
}


a:hover {
  text-decoration: underline;
}


#demo{
	width: 732px;
	margin: 13px auto;
}

#demoheader {
	padding-left: 6px;
	padding-right: 6px;
}

#demoheader  p {
	text-align: right;
	margin-top: -1.5em;
}

#demoheader a:link {
	font-size: 0.8em;
	color: #0069EA;/* BLUE */
	text-transform : uppercase;
	text-decoration: none;
	font-weight : bold;
}

#demoheader a:hover {
	text-decoration: underline;
}


div.contentbox {
	margin: 14px 0;
}

div.boxheader {
	height: 6px;
	background-image: url(demoboxtop.gif);
}

div.boxmiddle {
	background-image: url(demobox.gif);
	background-repeat: repeat-y;
	padding: 0px 6px;
}

div.boxfooter {
	height: 6px;
	background-image: url(demoboxbottom.gif);
}

#democontent {
	background: #ACADAC;
	margin: 0;
	padding: 0;
	/*height: 405px;*/
}

embed { /*Was adding 5 extra px on bottom in Firefox. This to fix.*/
	margin: 0 0 -5px 0;
	padding: 0;
}

#demoalternative {
	padding: .2em .5em .8em .5em;
}

#demoalternative p{
	color: #333;
	margin: 0.8em 0em 1em 0em;
}

div.pagefooter p{
	color:#808080;
	margin: 0 0 1em 6px;
	font-size: 0.6em;
	line-height: 1.3;
}