body {
margin: 0;
padding: 0;
font-family: Helvetica, Arial, sans-serif;
font-size: 80%;
text-align: center;
background-color: #DCDCDC;
color: #505367; }

h1 {
padding: 0;
margin-bottom: 0px;
margin-top: 0;
margin-right: 0;
margin-left: 0;
font-size: 16px; }

p {
font: 100%/1.5 Helvetica, Arial, sans-serif;
margin: 0em;
padding: 0em;
color: #666666; }

#container {
margin: 1em auto;
width: 767px;
background-color: white;
text-align: left; }

#header {
background-color: #000000;
height: 80px;
padding-left: 0px;
padding-right: 20px;
padding-top: 10px;
padding-bottom: 0px; }

#header p {
font-weight: normal;
font-size: 80%;
color: #ffffff;
margin: 0;
padding: 0;
text-align: right; }

#mainnav { }

#mainnav ul {
margin-left: 0;
padding-left: 0;
float: left;
width: 100%;
color: White;
background-color: #666666;
font-size: 80%;
margin: 0;
margin-top: 0; }

#mainnav ul li {
display: inline; }

#mainnav ul li a {
padding: 0.2em 1em 0.2em 1em;
background-color: #666666;
color: White;
width: 80px; 
text-decoration: none;
float: left;
border-right: 1px solid #fff;
text-align: center;
height: 18px; }

#mainnav ul li a:hover
{
background-color: #CCCCCC;
color: #fff; }

#mainnav ul li a:active
{
background-color: #CCCCCC;
color: Red; }

#breaker {
background-color: white;
height: 20px; }

#homepagecontent {
clear: both;
margin: 0em;
padding: 0em; }

#homepagecontent h1 {
font-weight: normal;
color: #505367;
line-height: 160%;
font-size: 18px;
margin-top: 0px; }

#homepagecontent h2 {
padding: 0;
margin-bottom: 10px;
margin-top: 0;
margin-right: 0;
margin-left: 0;
font-size: 16px; }

#homepagecontent h3 {
padding: 0;
margin-bottom: 12px;
margin-top: 0px;
margin-right: 0px;
margin-left: 0px;
font-weight: normal;
font-size: 14px; }

#homepagecontent p {
color: #000000;
margin: 0;
font-size: 14px;  }

#icons {
clear: both;
background-color: White;
padding-left: 20px;
padding-right: 20px;
padding-top: 0px;
padding-bottom: 10px; }

#logo {
position: relative;
left: 0px;
float: left; }

#lefticon {
position: relative;
left: 0px;
float: left; }

#centericon {
text-align: center; }

#righticon {
position: relative;
right: 0px;
float: right; }

#footer {
background-color: white;
text-align: center;
font-size: 80%;
color: #505367;
padding-top: 0em;
padding-right: 0em;
padding-bottom: 20px;
padding-left: 0em; }

#footer a {
color: #505367;
text-decoration: none; }

#footer a:hover {
color: #DF0000; }

#footer a:active {
color: #DF0000; }

#mainbody {
margin-top: 20px;
margin-right: 0em;
margin-bottom: 0em;
margin-left: 0em; }

#mainbody p {
font-size: 85%;
line-height: 180%;
margin-right: 62px;
margin-left: 62px;
margin-top: 0px;
margin-bottom: 10px; }

#mainbody h1 {
font-size: 16px;
margin-top: 0px;
margin-right: 62px;
margin-left: 62px;
color: black;
margin-bottom: -10px; }

#mainbody h2 {
font-size: 16px;
margin-top: 20px;
margin-right: 62px;
margin-bottom: 8px;
margin-left: 62px;
color: #000000; }

#compatibilityscale {
padding-left: 45px;
padding-bottom: 5px; }

#maingraphs {
padding-left: 45px;
padding-bottom: 5px; }

#subdomgraphs {
padding-left: 45px;
padding-bottom: 5px; }

#questionnaireholder p {
font-size: 85%;
margin-right: 0px;
margin-left: 10px;
margin-top: 0px;
margin-bottom: 0px; }

#fullwidthintro h2 {
font-size: 16px;
margin-top: 0px;
margin-right: 20px;
margin-bottom: 8px;
margin-left: 20px;
color: #000000; }

#fullwidthintro p {
font-size: 85%;
line-height: 180%;
margin-right: 20px;
margin-left: 20px;
margin-top: 0px;
margin-bottom: 10px; }

#warningcontent {
clear: both; }

#generaltext {
clear: both;
padding-top: 1em;
padding-right: 1em;
padding-left: 1em;
padding-bottom: 0em; }

#generaltext p {
margin-bottom: .5em; }

#generaltext h1 {
margin-bottom: 5px; }

a:link {}
a:visited {}
a:hover {}
a:active {}