body {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	background-color: #ffffff;
	margin:1em 2em;
}

td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
}

#content {
	border: 4px solid #00f;
	padding: 2px 2px;
}

.title {
	font-size:26pt;
	padding: 4px 9px;
	margin-left: .5em;
	font-weight:bold;
	xbackground-color: #f8f8ff;
	vertical-align:bottom;
}

.tab {
	background-color: #66f;
	color: #fff;
	border-bottom:1px solid #fff;
}

.on {
	background-color: #00f;
	color:#FFF;
	border-bottom:1px solid #00f;
}

/* Pop-down menus */
#menu, #menu ul {
	text-align:left;
	z-index: 1000;
	list-style-image: none;
	list-style-position: outside;
	list-style-type:none;
}

#menu ul, #menu ul ul {
	width: 100%;
	float:left;
	line-height: 1;
	background-color:#FFFFFF;
	font-weight: bold;
	padding: 0;
	border: solid #e00 1px;
	border-width: 1px 0;
	border-top: none;
	margin: 0 0 0 0;
}

#menu a {
	/* a link anywhere in the popdown */
	display: block;
	color: #fff;
	text-decoration: none;
	padding: 0.1em 1em;
}

#menu ul li a {
	/* a link only in a popdown */
	display: block;
	color: #00f;
	text-decoration: none;
	padding: 0.1em 1em;
}

#menu a:hover {
	/* this is how ALL links in the popdown are shown hovering */
	xpadding: inherit;
	color: #fff;
	border-width: 1px 0;
}

#menu a.daddy {
	background: url(rightarrow2.gif) center right no-repeat;
}

#menu li {
	/* top level menu unhighlighted */
	/* also catches ALL li in the popdown */
	/* this definition allows the link to set the width */
	float: left;
	padding: 0;
	width:auto;
	margin:0 1px;
}

#menu li ul li {
	/* This controls the base attributes of the first level popdown page 
	by specifying the LI found at that level. All attributes defined here 
	will be inherited */
	padding-left: .5em;
	margin: 0;
	width:100%;
}


#menu li ul a {
	/* this is a link in a dropdown */
	padding: inherit;
	width: 9em; /* was 14 */
	xw\idth: 14em;
	text-decoration: none;
}

#menu li ul {
	/* this is the base style for the drop-down page */
	/* Setting left to auto will make it visible */
	position: absolute;
	left: -999em;
	height: auto;
	text-align: left;
	width: 10em;	/* 15 */
	font-weight: normal;
	border: 1px solid #25d;
	border-right: 2px solid #25d;
	border-bottom: 2px solid #25d;
	margin: 0;
	background-color: #eef;
}

#menu li:hover, #menu li.sfhover {
	/* top level menu title hover */
	background-color: #36f;
	color:#fff;
	border-bottom: 0;
}

#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul {
	/* This draws a dropped-down menu as long as we are hovering over the parent or itself */
	left: auto;
}

#menu li ul a:hover, #menu li ul a.sfHover {
	/* This draws a high-lighted link in a dropdown */
	padding-right: 0;
	width: 100%; 
	border-bottom: 0;
	font-style: italic;
}

/* Class ul.caplist - a captioned unorder list of unordered lists */
ul.caplist {
	border: 1px solid #00f;
	font-family: helvetica, arial, sans-serif;
	height:100%;
	list-style: none outside none;
	margin:2px 2px;
	padding: 2px 2px;
	text-align:left;
	width: 8em;
}

ul.caplist li {
	padding: 0px 3px;
}

ul.caplist ul { 
	list-style: none outside none;
	padding-left: .5em;
	margin-left: 0;
}

ul.caplist h1 {
	width: auto;
	text-align: center;
	margin:0;
	padding:2px 5px;
	font-size:larger;
	color:#fff;
	background-color: #36f;
}

ul.caplist a {
	color: #00f;
}
 
ul.caplist a:hover {
	font-style: italic;
	font-weight: bold;
} 

#content h2 {
	margin: 0;
	margin-bottom:.5em;
}
#content h3 {
	margin-bottom:.5em;
}

/* A two column form wrapped in a div */
div.twocol {padding:5px; color:#004;}
div.twocol form {background-color:#deefff;  padding:5px; color:#004; border: 1px solid #00f;}
div.twocol table {font-size:small; color:#004; background-color:#deefff;  }
div.twocol td.help { text-align:left; vertical-align:top; font-style: italic;}
div.twocol td.name { text-align:right; vertical-align:top; font-weight: bold;}
div.twocol td.value {text-align: left; }

/* Our screenshots */
table.ss {font-size:small; color:#004; border:0; width:480px; margin: 0; }
td.thumb { border:1px solid #000; width:20%; height:20%;}
td.thumbx { border:0; width:20%; height:20%; background-color: #fff; color:#fff; z-index:1000;}
td.full {border:1px solid #00f; text-align:center; vertical-align: center;  width:80%;}
td.caption {width: 80%;}
img.thumb {width:96px; height:72px;  border:0;}
img.full {width:384px;  height: 288px; border:1px solid #f00; text-align:center; vertical-align: center; }  

/* our standard features page */
.features {font-family: Arial, Helvetica, sans-serif; color:#006;}