html, body, div, header, footer, aside, nav, article, section, img {
margin : 0;
padding : 0;
border: 0;
}

header, footer, aside, nav, article, section {
display : block;
}
body {
font : 16px Helvetica, Arial, sans-serif;
line-height : 26px;
padding : 0 0 0 20px;
}
h2 {
color : #333;
padding : 0 0 0 0;
}
h3 {
color : #333;
padding : 0 0 0 0;
}
a {
color : #000099;
}
p {
margin : 10px 10px 10px 25px;
color : #666;
}
p.padding {
padding-left : 30px;
}
ul.a {
list-style : square url("sq.gif");
color : #666;
padding : 10px 10px 0px 40px;
line-height : 26px;
}
#wrapper {
float : left;
width : 100%;
min-height: 800px;
}
header {
background : #333;
border-bottom : 3px solid #aaa;
}
header h1 {
color : #fff;
margin : 0 0 3px;
padding : 30px 30px 30px 18px;
}
body h2 {
color : #00a;
margin : 0 10px 3px;
padding : 15px 15px 0px 10px;
}
body h3 {
color : #00a;
margin : 0 10px 3px;
padding : 15px 15px 0px 10px;
}
header a {
color : #fff;
margin : 0 0 3px;
padding : 0 3px 0;
}
header a:hover {
color : #eee;
margin : 0 0 3px;
padding : 0 3px 0;
}
header p {
color : #ccc;
font-size : 11px;
font-weight : bold;
padding : 4px 22px;
}
a {
color : #0000ff;
padding : 4px 4px 4px 4px;
text-decoration : none;
font-weight : normal;
}
a:hover {
color : #000000;
text-decoration : underline;
font-weight : normal;
}
#extra a {
color : #0000ff;
padding : 3px 3px 3px 3px;
text-decoration : none;
font-weight : normal;
}
#extra a:hover {
color : #cc0033;
text-decoration : underline;
font-weight : normal;
}
#extra {
border-bottom : 1px solid #ccc;
padding-right : 18px;
}
#back { 
  background: url(https://s3.amazonaws.com/Syntaxxx/background-gold-bokeh.jpg) no-repeat center center fixed; 
  background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
}
#extra small {
font-size : 11px;
line-height : 18px;
}
#extra h3 {
color : #000000;
font-size : 12px;
font-weight : bold;
margin : 0 0 4px;
padding : 4px 4px 0;
}
#content p, #extra p {
padding-right : 18px;
line-height : 26px;
}
nav {
float : right;
clear : right;
width : 30%;
}
#content {
margin-left : 0%;
background : #eee;
}
#extra {
float : right;
clear : right;
width : 30%;
}
footer {
background : #006;
color : #aaaaaa;
clear : both;
width : 100%;
min-height: 100px;
}
footer a {
color : #fff;
font-weight : normal;
}
footer a:hover {
color : #cc0033;
text-decoration : none;
font-weight : normal;
}
footer ul {
list-style : none;
margin : 0 18px 6px;
padding : 10px 0 6px;
}
footer li {
display : inline;
font-size : 14px;
font-weight : normal;
padding-right : 5px;
}
table, td
td
{

padding : 10px 6px 6px 20px;
width : 100%;
vertical-align:top;
}
table.c, table tr.c, table td.c 
{
background-color: #eeeeee;
padding : 10px 6px 6px 20px;
width : 100%;
vertical-align:top;
}

.responsive-image {
        max-width: 100%;
        height: auto;
        padding-left : 0px;
}
table.chartone, table tr.chartone, table td.chartone 
		{ border-collapse: collapse; border-spacing: 0; margin: 0; padding: 0; border: 0; }

table.chartone td {
		padding: 10px 6px 6px 20px;
		border-spacing: 0;
		border: #B4BED0 1px solid;
		background-color: #ffffff;
        border-right-color: #ffffff;
        border-left-color: #ffffff;
		line-height : 26px;
		}
.chartone	{
		color: #000000;
		font: normal 16px arial, sans-serif;
		border: #000000 1px solid;
		}

table td.c1title {
		color: #FFFFFF;
		font: bold 16px arial, sans-serif;
		white-space: nowrap;
		background-color: #92A2C2;
		}
table td.c2title {
		color: #FFFFFF;
		font: bold 14px arial, sans-serif;
		white-space: nowrap;
		background-color: #668866;
		}