/* 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: #000000 ;       /* 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; /* */
}

html{ 
height: 101%;
}

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

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 {
font-size:24px;
padding: 10px 0px 10px 0px ;
}

h2 {
font-size:20px;
padding: 20px 0px 10px 0px ;
}

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 ; }

hr { 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
 */

table.formmail
{
width:99%;
border:0;
margin:0 auto;
}

table.formmail tr td 
{
text-align:left;
vertical-align: top;
padding:5px;
white-space: nowrap;
}

table.formmail input[type=text]     { width:300px; }
table.formmail input[type=checkbox] { width:30px; }
table.formmail input[type=radio]    { width:30px; }
table.formmail input[type=submit]   { width:200px; }
table.formmail select   { width:300px; }
table.formmail textarea { width:300px; height:200px; }

table.formmail input,
table.formmail select,
table.formmail textarea { background: white; } /* don't change ! */
table.formmail input[type=submit]   { background: silver; }

table.formmail input.valid-required, 
table.formmail input.valid-email, 
table.formmail input.valid-phone,
table.formmail select.valid-required,
table.formmail textarea.valid-required { background: #B5EAAA; }

table.formmail ul li { list-style-type:none ; margin-left: 0px; }

/* #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: #606060;            /* 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:black;
}

table#nav td a
{
display:block;
}

table#nav td:hover
{
background: #404040;
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: black;
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;
}