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

body { 
color: #000000; 
background-color: #ffffff; 
font-family: Arial, Helvetica, sans-serif;
}

#width {
border: 1px solid #000000;
margin: 0 auto;
max-width: 1000px;
text-align: left;
}

#header { 
margin: 0 auto;
width: 100%; 
padding-bottom: 20px;
left: 0; 
text-align: left; 
border: 0;
}

#boxa {
clear: left;
float: left;
width: 100%;
overflow: hidden;
}

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

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

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

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

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

#footer { 
clear: both; 
width: 100%; 
left: 0; 
right: auto; 
background-color: #000000;
color: #ffffff;
font-family: Arial, Helvetica, sans-serif; 
font-size: 10px; 
text-align: center; 
margin-left: auto;
margin-right: auto;
}

@media only screen and (min-width: 600px) {
#boxa {
clear: left;
float: left;
width: 100%;
overflow: hidden;
}

#boxb {
clear: left;
float: left;
width: 100%;
position: relative;
right: 20%;
}

#boxc {
clear: left;
float: left;
width: 100%;
position: relative;
right: 60%;
}

#sidebar { 
float: left;
position: relative;
overflow: hidden;
width: 20%; 
left: 80%;
}

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

#oth {
float: left;
width: 20%;
position: relative;
left: 80%;
overflow: hidden;
}

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

.nav label, .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 { list-style: none; border-top: #000000 solid 1px; border-bottom: #dcdcdc solid 1px; width: auto; }

.nav ul li {
display: inline-block;
text-align: center;
margin-left: auto;
margin-right: auto;
padding: 10px;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
margin-top: 0;
padding-top: 0;
margin-bottom: 0;
padding-bottom: 0;
}
}

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

.nav label { display: inline-block; cursor: pointer; }
.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; }

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

.nav ul li { font-family: Arial, Helvetica, sans-serif; font-size: 22px; line-height: 26px;  }
}

p { 
font-family: Arial, Helvetica, sans-serif; 
font-size: 14px; 
margin-left: 50px;
margin-right: 50px;
}

input { 
font-family: Arial, Helvetica, sans-serif; 
font-size: 14px; 
color: #333333; 
border: 1px solid #000000; 
}

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

.form { 
font-family: Arial, Helvetica, sans-serif; 
}

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

.right { white-space: nowrap; width: 100%; height: auto; padding: 0; margin: 0; outline: 0; border: 0; }

.curr { color: #ff0000; font-weight: bold; }

.rou { color: #ff0000; }

table { border-collapse: collapse; width: 84%; margin-left: auto; margin-right: auto; }

tr { border: 0; }

th { border-bottom: 1px solid #cccccc; font-weight: bold; text-align: center; }

td { border-bottom: 1px solid #cccccc; text-align: center; padding: 0; margin: 0; }

tr:hover td { background-color: #ffffe0; }

select { border: 1px solid #000000; }

h1 { font-family: Arial, Helvetica, sans-serif; color: #a52a2a; font-size: 18px; margin-left: 50px; margin-right: 50px; }

.q { font-family: Arial, Helvetica, sans-serif; color: #000080; font-size: 14px; }

#sidebar p { margin: 20px 0; float: right; }

#oth p { margin: 20px 0; float: left; }

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

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

li {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 24px;
list-style-position: inside;
}

.adunit { text-align: center; display: block; max-width: 100%; margin-left: auto; margin-right: auto; margin-top: 1em; margin-bottom: 1em; }