*                       { margin: 0; padding: 0;}

body                    { background: #000000; font-family: sans-serif; font-size: 1em; line-height: 1.5em;}
html                    {font-size: 100%;line-height: 150%;} /*for IE*/

/* For "What's New" heading */
h1                      { font-family: sans-serif; font-style: normal; color: #d4a017; font-size: 1.5em; }

/* For "What's New" content */
h2                      { font-family: sans-serif; font-style: italic; color: #525B60; font-size: 0.9em;}

.indented               { padding-left: 1.5em;}

/* For page headings. */
h3                      { font-family: sans-serif; font-style: normal; color: #525B60; font-size: 1.5em;}

h4                      { text-align: left; font-weight: normal; color: #d4a017; }

/* For IE note on home page. */
h5                      { font-family: sans-serif; font-style: normal; color: #525B60; font-size: 0.7em;}

h6                      { font-family: sans-serif; font-style: normal; color: #d4a017; font-size: 0.7em; }

h7                      { font-family: sans-serif; font-style: normal; color: #525B60; font-size: 0.7em;}

h8                      { font-family: sans-serif; font-style: normal; color: #d4a017; font-size: 2.5em; line-height: 1.5em;}

h9                      { text-align: center; font-family: sans-serif; font-style: normal; color: #d4a017; font-size: 3.5em; }

#page-wrap, #wrap       { width: 59em; margin: 0px auto; background-color: #000000; overflow: auto;}

.new                    { color: #d4a017;}

.name                   { text-align: center;}

.intro                  { color: #525B60; }

.intro td               { vertical-align: top; font-weight: lighter; text-align: left; font-size: 100%; padding: 30px 20px 30px 0px; }

.intro ul               { list-style: none; display: inline; }

.lnk                    { text-decoration: underline; color: #d4a017; display: inline;}

.intro a                { color: #525B60; display: inline;}

.sm                     { display: inline; float: left; padding-right: 5px; padding-top: 5px;}

.cl                     { color: #d4a017; text-align: left;}

.tb                     { margin: auto; }

/*.tb td                  { text-align: center; width: auto;}*/

p                       { color: #525B60;}

.qcode                  {width: 9.375em; }

table                   {width: 59em;}

td                      { text-align: center; padding: 2%; color: #525B60; font-size: 0.8em; width: 14.75em;}

.nav                    { float: left; width: 100%;
                                list-style: none; list-style-position: inside;
                                border-top: solid 1px #525B60; border-bottom: solid 1px #525B60;
                                line-height: 30px;  background: #000; }

.nav li                 { float: left; position: relative; width: 25%; text-align: center; }

.nav li a               { display: block; }

.nav li:hover a,
.sub li                 { color: #000; background: #525B60; }

a                       { display: block; text-decoration: none; color: #d4a017; font-family: sans-serif;}

p a                     { display: inline; text-decoration: none; color: #d4a017; font-family: sans-serif;}

.sub                    { display: none; width: 40em; position: absolute; }
        
.sub li                 { list-style: none; border: none; clear: both; }

.nav li:hover ul        { display: block; left: 0px;}

.sub li:hover a         { display: block; color: #fff; background: #504a4b; }

html,body               { height:100%;}

table.ns                { height: 30em; }

table.ns td             {border: 1px solid white; border-collapse: collapse; background: #525B60; color: white; vertical-align: middle; width: 50%; font-size: 1em;}

table.ns td p           {color: white; }

table.nsp td            {border: 1px solid white; border-collapse: collapse; background: #525B60; color: white; vertical-align: middle; }


/** Here's where the magic happens **/
div.lb                  { display: none; /*position: absolute;*/ position: fixed; /*for IE */ top: 0; left: 0; right: 0; bottom: 0; /*height: 100%; width: 100%;*/
                                text-align: center;
                                background: url('screen.png'); }

img                     { text-decoration: none; border: none;}

.lb img                 { border: solid; border-width: 2px; border-color: #ffffff;}

div.lb:target           { display: block; }

/** IE doesn't support :target, so we use CSS expressions **/
div.lb                  { *display: expression((document.location.toString().split('#').slice(1) == this.id)?'block':'none'); }

.contact                {width: 50%; text-align: justify; font-size: medium; font-weight: lighter;}
