html { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

body { 
margin: 0;
color: #000000; 
background: url('back.jpg');
}

#width {
margin: 0 auto;
max-width: 1000px;
text-align: left;
background-color: #000000; 
}

#header { 
position: relative; 
width: 100%; 
left: 0; 
text-align: center; 
font-size: 2px; 
background-color: #000000; 
}

#boxa {
clear: left;
float: left;
width: 100%;
overflow: hidden;
background-color: #000000; 
}

#boxb {
clear: left;
float: left;
width: 100%;
position: relative;
right: 0;
background-color: #000000; 
}

#boxc {
clear: left;
float: left;
width: 100%;
position: relative;
right: 0;
background-color: #000000; 
}

#sidebar { 
float: left;
position: relative;
overflow: hidden;
width: 100%; 
left: 0;
}

#main { 
float: left;
position: relative;
overflow: hidden;
width: 100%; 
left: 0; 
font-family: "Trebuchet MS", Helvetica, sans-serif; 
font-size: 14px; 
}

#oth {
float: left;
width: 100%;
position: relative;
left: 0;
overflow: hidden;
}

@media only screen and (min-width: 1000px) {
#header { 
position: relative; 
width: 100%; 
left: 0; 
text-align: center; 
font-size: 2px; 
background-color: #000000; 
}

#boxa {
clear: left;
float: left;
width: 100%;
overflow: hidden;
background-color: #000000; 
}

#boxb {
clear: left;
float: left;
width: 100%;
position: relative;
right: 100px;
background-color: #000000; 
}

#boxc {
clear: left;
float: left;
width: 100%;
position: relative;
right: 800px;
background-color: #000000; 
}

#sidebar { 
float: left;
position: relative;
overflow: hidden;
width: 10%; 
left: 90%;
}

#main { 
float: left;
position: relative;
overflow: hidden;
width: 80%; 
left: 90%; 
font-family: "Trebuchet MS", Helvetica, sans-serif; 
font-size: 14px; 
}

#oth {
float: left;
width: 10%;
position: relative;
left: 90%;
overflow: hidden;
}

.nav { text-align: center; display: block; margin-left: auto; margin-right: auto; width: 100%; }

.nav label, .nav #toggle { display: none; }

.nav a:link { text-decoration: none; }
.nav a:visited { text-decoration: none; }
.nav a:hover { text-decoration: none; color: #87ceeb; }
.nav a:focus { text-decoration: none; }
.nav a:active { text-decoration: none; }

.nav ul { list-style: none; border-top: #000000 solid 1px; border-bottom: #dcdcdc solid 1px; border-left: 0; border-right: 0; width: auto; padding: 0; }

.nav ul li {
display: inline-block;
text-align: center;
margin-left: 12px;
margin-right: 12px;
padding: 10px;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size: 18px;
letter-spacing: 16px;
margin-top: 0;
padding-top: 0;
margin-bottom: 0;
padding-bottom: 0;
}
}

@media only screen and (max-width: 1000px) {
.nav { text-align: center; display: block; margin-left: auto; margin-right: auto; }

.nav label { display: inline-block; cursor: pointer; color: #ffffff; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 16px; letter-spacing: 12px; }
.nav #toggle { display: none; }

.nav a:link { text-decoration: none; }
.nav a:visited { text-decoration: none; }
.nav a:hover { text-decoration: none; }
.nav a:focus { text-decoration: none; }
.nav a:active { text-decoration: none; }

.nav ul { display: none; list-style: none; padding: 0; }

#toggle:checked + ul { display: block; }

.nav ul li { font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 22px; line-height: 28px; letter-spacing: 12px; }
}

#footer { 
clear: both; 
width: 100%; 
left: 0; 
text-align: center; 
border-top: 1px solid #ffffff;
margin-left: auto;
margin-right: auto;
margin-bottom: 0;
background-color: #000000; 
}

#footer p { 
font-family: "Trebuchet MS", Helvetica, sans-serif; 
font-size: 10px; 
letter-spacing: .6em;
word-spacing: .4em;
}

p { 
font-family: "Trebuchet MS", Helvetica, sans-serif; 
font-size: 14px; 
padding: 14px;
color: #ffffff;
}

#sidebar p {
font-family: "Trebuchet MS", Helvetica, sans-serif; 
font-size: 18px; 
text-align: left;
}

a:link { text-decoration: none; color: #00ff7f; }
a:visited { text-decoration: none; color: #00ff7f; }
a:hover { text-decoration: underline; }
a:focus { text-decoration: underline; }
a:active { text-decoration: none; color: #00ff7f; }

.cen { text-align: center; display: block; margin-left: auto; margin-right: auto; }

p.top { margin: 0; padding: 0; border: 0; outline: 0; font-size: 0; }

p.top img { width: 100%; height: auto; }

p.lead { padding: 25px 0 20px 0; text-align: center; margin-left: auto; margin-right: auto; display: block; }

p.lead img { max-width: 100%; height: auto; }

p.win img { max-width: 100%; height: auto; }

.h1 { letter-spacing: .1em; word-spacing: .1em; }

img.step { float: left; padding-right: 25px; }