body {
	background: #eee;
	margin: 16px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	border: none;
	font-family: "news gothic",arial,tahoma,verdana,sans-serif,"Helvetica","MS Sans Serif";
	font-weight: normal;

}

td { 
	font-size: 80%
}
th { 
	font-size: 80%
}

a:link       { color: navy; text-decoration: none }
a:visited    { color: navy; text-decoration: none }
a:active     { color: #39f; }
a:hover      { color: #c00; text-decoration: underline }

p { 
	margin-top: 6px;
	margin-bottom: 4px
}

h1 { 
	font-family: arial,helvetica,sans-serif;
	color: #999; 
	font-variant: normal; 
	font-size: 15pt;  
    font-weight: bold; 
    margin-left: 0px; 
    margin-right: 0px; 
    margin-bottom: 2px; 
}

#pgabout h1 {
	color: navy; 
}
#pgproducts h1 {
	color: #69c; 
}
#pghow-to h1 {
	color: #099; 
}
#pgorder h1 {
	color: #696; 
}
#pgterms h1 {
	color: #f93; 
}
#pgcontact h1 {
	color: #c69; 
}

h2 { 
	color: #039; 
	font-family: impact,"arial narrow",arial,sans-serif; 
	font-variant: normal; 
	font-size: 14pt;  
	font-weight: normal; margin-bottom: 2px; 
}

h3 { 
	color: #666;
	font-family: "arial narrow",arial,sans-serif; 
	font-style: normal; 
	font-variant: normal; 
	font-weight: bold; 
	font-size: 13pt; 
    margin-bottom: 3px; 
}

h4 { 
	color: #903; 
	font-family: impact,"arial narrow",arial,sans-serif; 
	font-variant: normal; 
	font-size: 12pt; 
    font-weight: normal; 
    margin-top: 2; 
    margin-bottom: 0.1em; 
}

h5 { 	
	color: #903; 
	font-family: impact,"arial narrow",courier,arial, sans-serif; 
	font-size: 11pt; 
	margin-bottom: -0.5em; 
}

h6 { 
	font-size: 9pt; 
}

hr { 
	width: 100%; 
	height: 1px; 
	background-color: #339;
	color: #339;
	border: 0px solid #339; 
	margin-top: 0;
	margin-bottom: 0;
}

ul {
	padding-left: 12px;
	margin-left: 12px;
	margin-top: 15px;
	margin-bottom: 15px;
	list-style-type: circle
}
li.content {
	padding-top: 5px;
	padding-bottom:5px
}

/* SPECIAL IDs AND CLASSES BEGIN HERE */

table#main { 
	background: #fff;
	border-top: 12px solid #fff;
	border-right: 12px solid #fff; 
	border-bottom: 0px solid #fff; 
	border-left: 12px solid #fff

}  
td#main		 { 
	border: 0px;
}

.content { 
	font-family: "news gothic",tahoma,arial,verdana,sans-serif
}

td.content {
	padding: 9px 12px 2px 15px;
	color: #808080;
}

p.content { 
	color: #808080;
}

td#letters {
background: #fff url('images/letters/actual-size.jpg') no-repeat top right; 
}

td#howto {
background: #fff url('images/letters/text-balloon3.gif') no-repeat right; 
}

/* td#home {
background: #fff url('images/letters/abc-bfly.gif') no-repeat bottom left; 
}
*/

#important {
			font-weight: bold;
			font-size: 10pt;
			font-family: "Century Gothic",verdana,arial,sans-serif;
			border: #999 1px dashed;
			padding: 0px 7px 0px 7px;
			background: #fff0e1;
}	

#footer	{ 
 
	background: #fff;
	font-size: 10pt; 
	font-family: tahoma,verdana,arial,sans-serif; 
}

#pgabout table#footer {
	border-top: 1px solid #39f;
	border-right: 12px solid #fff; 
	border-bottom: 1px solid #fff; 
	border-left: 12px solid #fff
}
#pgproducts table#footer {
	border-top: 1px solid #69c;
	border-right: 12px solid #fff; 
	border-bottom: 1px solid #fff; 
	border-left: 12px solid #fff
}
#pghow-to table#footer {
	border: 1px solid #099;
	border-right: 12px solid #fff; 
	border-bottom: 1px solid #fff; 
	border-left: 12px solid #fff
}
#pgorder table#footer {
	border: 1px solid #696;
	border-right: 12px solid #fff; 
	border-bottom: 1px solid #fff; 
	border-left: 12px solid #fff
}
#pgterms table#footer {
	border: 1px solid #f93;
	border-right: 12px solid #fff; 
	border-bottom: 1px solid #fff; 
	border-left: 12px solid #fff
}
#pgcontact table#footer {
	border: 1px solid #c69;
	border-right: 12px solid #fff; 
	border-bottom: 1px solid #fff; 
	border-left: 12px solid #fff
}

/*-----------------------------side nav menu------------------------------*/


#menu	{ 	
	font-family: tahoma, arial, helvetica, sans-serif, verdana;
	font-size: 11pt;
	font-weight: normal;
}

#menu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#menu li {
margin: 0 0 0;
}

a#about, a#products, a#how-to, a#order, a#terms, a#contact {
	display: block;
	width:120px;
	padding: 6px 3px 3px 5px;
	border-bottom: 1px solid #666;
	text-decoration: none; /*lets remove the link underlines*/
	voice-family:"\"}\"";
	voice-family:inherit;
}	

a#about:link, a#about:visited, a#products:link, a#products:visited, a#how-to:link, a#how-to:visited, a#order:link, a#order:visited, a#terms:link, a#terms:visited, a#contact:link, a#contact:visited {
	color: #999;	
	background: transparent;
}

a#about:hover {
	color: #fff;
	text-decoration:none;
	background: #99c;
}

#pgabout #about {
	background-color:#99c;
	color: #fff;
}

a#products:hover {
	color: #fff;
	text-decoration:none;
	background: #69c;
}
#pgproducts #products {
	background-color:#69c;
	color: #fff;
}

a#how-to:hover {
	color: #fff;
	text-decoration:none;
	background: #099;
}
#pghow-to #how-to {
	background-color:#099;
	color: #fff;
}

a#order:hover {
	color: #fff;
	text-decoration:none;
	background: #696;
}
#pgorder #order {
	background-color:#696;
	color: #fff;
}

a#terms:hover {
	color: #fff;
	text-decoration:none;
	background: #f93;
}
#pgterms #terms {
	background-color:#f93;
	color: #fff;
}

a#contact:hover {
	color: #fff;
	text-decoration:none;
	background: #c69;
}
#pgcontact #contact {
	background-color:#c69;
	color: #fff;
}