#header {
width: 1040px;
margin-left: auto ;
  margin-right: auto ;
}

 #graphbox {
border: 1px solid #e7e7e7;
padding: 20px 20px;
width: 1000px;
background: #f8f8f8;
margin-left: auto ;
  margin-right: auto ;
}

 #textbox {
border: 1px solid #e7e7e7;
padding: 20px 20px;
width: 600px;
background: #f8f8f8;
margin-left: auto ;
  margin-right: auto ;
}
#graphbox h2{
color: #666666;
font-family:Arial, sans-serif;
font-size:1.1em;
padding-bottom: 0.3em;
font-weight:bold;
text-align:center;
}

#graphbox h3{
color: #666666;
font-family:Arial, sans-serif;
font-size:0.8em;
padding-bottom: 0.3em;
font-weight:bold;
text-align:center;
}


#graphbox p {
color: #888888;
font-family:Arial, sans-serif;
font-size:0.8em;
padding-top: 0.3em;
text-align:left;
}

#textbox p {
color:black;
font-family:Arial, sans-serif;
font-size:0.8em;
padding-top: 0.3em;
text-align:left;
}

#textbox ul {
color: black;
font-family:Arial, sans-serif;
font-size:0.9em;
padding-top: 0.3em;
}

#textbox li {
color: black;
font-family:Arial, sans-serif;
font-size:0.9em;
padding-top: 0.3em;
}

 #graphgroup {
padding: 20px 20px;
width: 900px;
margin-left: auto ;
  margin-right: auto ;
}

.networklogo {
float: left;
padding: 2px 2px;
width: 190px;
font-family:Arial, sans-serif;
font-size:0.8em;
font-weight:bold;
}

.graphline {
padding: 2px 2px;
width: 700px;
float: right;
}


.graph .orangebar, .greenbar, .bluebar, .blackbar , .deeppinkbar, .palegoldenrodbar , .powderbluebar, .darktealbar, .cornflowerbluebar, .darkkhakibar, .hotpinkbar , .goldbar, .tomatobar, .steelbluebar, .firebrickbar, .lightsteelbluebar, .limegreenbar, .sandybrownbar, .greenishbar, .bluishbar, .purplebar, .turquiosebar, .redbar  {
text-align: right;
color: #ffffff;
height: 3.0em;
line-height: 3.0em;
font-family:Arial, sans-serif;
display: block;
}
.graph .orangebar {
background: #ff6600;
}
.graph .greenbar {
background: #66CC33;
}
.graph .bluebar {
background: #3399CC;
}


.graph .blackbar {
background: #36393D;
}

.graph .deeppinkbar {
background: #FF0084;
}

.graph .palegoldenrodbar {
background: #D6EBAD;
}

.graph .powderbluebar {
background: #ADE3EF;
}

.graph .darktealbar {
background: #00457B;
}


.graph .cornflowerbluebar {
background: #57A9FD;
}

.graph .darkkhakibar {
background: #9AC65C;
}

.graph .hotpinkbar {
background: #FD65C2;
}

.graph .goldbar {
background: #FFC300;
}


.graph .tomatobar {
background: #FF6666;
}

.graph .steelbluebar {
background: #2971AD;
}

.graph .firebrickbar {
background: #B71313;
}

.graph .lightsteelbluebar {
background: #9CB6DE;
}

.graph .limegreenbar {
background: #4ABA00;
}

.graph .sandybrownbar {
background: #F3AE48;
}

.graph .greenishbar {
background: #6BBA70
}

.graph .bluishbar {
background: #3F4C6B;
}

.graph .purplebar {
background: #5d82ff;
}

.graph .turquiosebar {
background: #4CADD4;
}

.graph .redbar {
background: #d50000;
}

.graph .bar span {
position: absolute; left: 1em;
}


 #footer {
padding: 20px 20px;
width: 1040px;
margin-left: auto ;
  margin-right: auto ;
font-family:Arial, sans-serif;
}

#shout-outs {
padding: 20px 20px;
width: 1040px;
margin-left: auto ;
  margin-right: auto ;
font-family:Arial, sans-serif;
}

.contact{
float: left;
font-family:Arial, sans-serif;
font-size:0.8em;
font-weight:bold;
}

.shout-out-to-twitter{
float: right;
}

.logo{
float: left;
font-family:Arial, sans-serif;
font-size:2.1em;
font-weight:bold;
}

.menu{
float: right;
font-family:Arial, sans-serif;
font-size:0.8em;
font-weight:bold;
}