/* HTML BASICS ========================================= */

* { /* GLOBAL RESET  !!!! IMPORTANT !!!! */
margin:  0px;
padding: 0px;
}

body {
	padding: 0px 0px 0px 0px;
/* change to suit */margin: 0px 0px 0px 0px;
/* change to suit */background: #303030;
/* change to suit */color: white; /* change to suit */;
	font-size: 14px; /* change to suit */ /* pick one: */ /* font-family: Arial, Helvetica, sans-serif; /* */ /* font-family:"Times New Roman", Times, serif; /* */ /* font-family: "Courier New", Courier, monospace; /* */ /* font-family:"Comic Sans MS", Arial, Helvetica, sans-serif; /* */ /* font-family: Verdana, Arial, Helvetica, sans-serif; /* */;
	font-family: Georgia, "Times New Roman", Times, serif;
	background-image: url('body.png');
}

html{ 
height: 101%;
}

/*
 *  Default hyperlink styling, can be overridden in other sections
 */
a:link    {
	text-decoration: underline;
	color: #FF0000;
}
a:visited {
	text-decoration: none;
	color: #FF0000;
}
a:active  {
	text-decoration: none;
	color: #FF0000;
}
a:hover   {
	text-decoration: none;
	color: #FF0000;
}

a.special:link    { text-decoration:none; color:yellow; }
a.special:visited { text-decoration:none; color:yellow; }
a.special:active  { text-decoration:none; color:yellow; }
a.special:hover   { text-decoration:none; color:orange; }

.special
{
color: silver ;      /* change to suit */
}

/*
 *  headers and text
 */
h1 {
	border: medium solid #000000;
	border-radius: 20px;
	font-size: 20pt;
	padding: 10px 0px 10px 0px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	text-align: center;
	background-color: #d5cea6;
}
h2 {
	font-size: 16pt;
	padding: 20px 0px 10px 0px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
}

h3 {
font-size:18px;
padding: 10px 0px 10px 0px ;
}

h4 {
font-size:16px;
padding: 10px 0px 10px 0px ;
}

h5 {
font-size:14px;
padding: 10px 0px 10px 0px ;
}

h6 {
font-size:14px;
padding: 10px 0px 10px 0px ;
}

/* ============================================================================= */

p {
	padding: 5px 0px 5px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
}

hr {
	border-color: #fae076;
	border-width: medium;
	margin: 10px auto 10px auto;
}

ul, ol {
padding: 5px 0px 5px 0px ;
}

li{
margin:  0px 0px 0px 40px ;
}

img{ 
border:0px;
}

table{
border: 0; 
border-collapse: collapse;
}

/*
 * standard input forms
 */

/* #WP-CONTAINER  ====================================================== */

div#wp-container { 
width:852px; 
margin:0 auto ; 
background: #303030 ;

position:relative;   /* stet */
z-index:20;          /* stet */
clear:both;          /* stet */
}

div#wp-container-inner { /* useful for borders */
width:800px;             /* match container width less border */
margin:  0px 0px 0px 0px;
padding: 25px 25px 25px 25px;

border-style: solid;           /* change to suit */
border-width:  0px ;           /* change to suit */
border-color: #303030;            /* change to suit */

position:relative;       /* stet */
z-index:21;              /* stet */
}

/* #WP-HEADER  ====================================================== */

a#title:link    { text-decoration:none; color:white; }
a#title:visited { text-decoration:none; color:white; }
a#title:active  { text-decoration:none; color:white; }
a#title:hover   { text-decoration:none; color:silver; }

/* #WP-BOTTOM  ====================================================== */

div#wp-bottom { 
/* display:none      /* turn it off */
width:852px;         /* match container width, or not */
margin:0 auto ; 
background:transparent;

position:relative;  /* stet */
z-index:10;         /* stet */
clear:both;         /* stet */
}

div#wp-bottom-inner { 
margin:  0px 0px 0px 0px; 
padding: 10px 25px 25px 25px; 
background:transparent;
text-align:center;
}

/* override default formatting */
div#wp-bottom a:link    {}
div#wp-bottom a:visited {}
div#wp-bottom a:active  {}
div#wp-bottom a:hover   {}

/* #WP-SIDEBAR  ====================================================== */

div#wp-sidebar { 
width:180px;
float:right;
background:white;
padding: 0px 0px 15px 25px;
display:none;
}

/* override default formatting */
div#wp-sidebar a:link    {}
div#wp-sidebar a:visited {}
div#wp-sidebar a:active  {}
div#wp-sidebar a:hover   {}

/* #  ====================================================== */

table#nav
{
width: 800px;
margin: 10px auto;
}

table#nav td
{
width:200px;
text-align:center;
background: #303030;
}

table#nav td a
{
display:block;
}

table#nav td:hover
{
background: #303030;
color:white;
}

table#nav td:hover h3 a
{
color:white;
}

table#nav td ul
{
display:none;
position:absolute;
background:white;
width: 200px;
list-style: none; 
padding:0px;
text-align:left;
border-style: solid;
border-color: #303030;
border-width: 0px 0px 1px 1px ;
}

table#nav td:hover ul
{
display:block;
}

table#nav td ul li
{
margin: 0px;
padding: 0px;
}

table#nav td ul li:hover
{
background:silver;
}

table#nav td ul a
{
display:block;
padding: 5px 10px 5px 10px;
}

table#nav img
{
width:200px;
height:150px;
}

table.illus
{
margin: 20px auto;
width: 100%;
}

table.illus td
{
text-align:center;
}

table.specs
{
margin: 20px auto;
width: 100%;
}

table.specs td
{
text-align:left;
}

div.caps
{
float:right;
text-align:center;
background:black;
border-style:solid;
border-width:1px;
border-color:white;
padding: 10px 30px 10px 30px;
margin: 20px 20px 20px 40px;
}

img.caps
{
float:right;
margin: 10px 40px 10px 40px;
}