body {
  font-family: verdana;
  margin: 0px;
  padding: 0px;
}


#nav ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}

#nav ul li {
  float: left;
  margin: 0 0.15em;
}

#nav ul li a {
  height: 2em;
  line-height: 2em;
  float: left;
  width: 9em;
  display: block;
  border: 0.1em solid #dcdce9;
  color: #0d2474;
  text-decoration: none;
  text-align: center;
}

#nav ul li a:hover {
  height: 2em;
  line-height: 2em;
  float: left;
  width: 9em;
  display: block;
  border: 0.1em solid #dcdce9;
  color: #0d2474;
  text-decoration: underline;
  text-align: center;
}

.selected  {
  font-weight: bold;
}


.container {
  width: 780px;
  text-align: center;
  margin-left: auto; 
  margin-right: auto;
  padding: 10px;
}

#iphone_notice {
  font-size: 25px;
  text-align: center;
  padding: 10px;
  margin: 20px;
  border: 5px solid #ccc;
  width: 400px; /* ie5win fudge begins */
  voice-family: "\"}\"";
  voice-family:inherit;
  width: auto;
}

#android_notice {
  font-size: 18px;
  text-align: center;
  padding: 10px;
  margin: 10px;
  border: 5px solid #ccc;
  width: 270px; /* ie5win fudge begins */
  voice-family: "\"}\"";
  voice-family:inherit;
}

.widebox {
  padding: 20px;
  margin-top: 20px;
  border: 5px solid #359946;
  width: 750px; /* ie5win fudge begins */
  voice-family: "\"}\"";
  voice-family:inherit;
}

#header_div {
  background: #000000;
	width: 100%;
	height: 75px; 
	margin: 0 0 15px 0; 
	padding: 0;
	background-color: #000; 
	border-bottom: solid 8px #359946;	
}

.header_content { 
  width: 780px; 
  margin: 0 auto; 
  padding: 10px; 
}

.header_user {
  width: 780px; 
  margin: 0 auto; 
  padding: 0px; 
}

.header_content_text {
  text-align: left;
  font-weight: bold;
  font-size: 10px;
}

#profile_table {
  float:right; 
}


#header_div {
  margin: 0px;
  padding: 0px;
}

#header_div h1 { 
  font-size: 32px; 
  letter-spacing: -1px; 
  margin: 0px; 
  padding: 0px; }

#header_div a, #header_div a:visited { 
  color: #fff; 
  text-decoration: none;
}

#header_div h2 { 
  letter-spacing: -1px; 
  color: #fff; 
  font-size: 15px; 
  margin: 0px;
  padding: 0px;
  font-weight: normal; 
}

.h1_content {
  margin-top: 0px;
  text-align: center;
  font-size: 25px;
  margin-bottom: 18px;
  padding: 0px;
}

.h2_content {
  text-align: center;
  font-size: 14px;
  margin-top: 0px;
  margin-bottom: 6px;
  padding: 0px; 
}

#notice {
  text-align: center;
  height: 2em;
  line-height: 2em;
  margin-left: auto; 
  margin-right: auto;
  width: 780px;
  border: 0.1em solid #dcdce9;
  color: green;
  text-decoration: none;
}

h3 {
  margin:0px;
  padding: 0px;
}

#box_container {
  margin-top: 20px;
  margin-left: 8px;
  width: 780px;
  height: 200px;
}

.box {
  box-sizing: border-box;
  width: 240px;
  height: 200px;
  text-align: left;
  border: 1px solid #359946;
  margin-right: 12px;
  margin-left: 0px;
  padding: 2px;
  float:left;
}

.content {
  text-align: left;
}

.smallprint {
  font-size: 10px;
  color: #CCCCCC;
}

.clear {
  clear: both;
}

th {
  border-bottom: 0.1em solid #dcdce9;
}

.bargraph {
	font: 0.6em/2em tahoma;
	border-collapse: collapse;
	color: black;
}
.bargraph td {
	padding:0;
	margin:0;
	vertical-align:bottom;
	text-align:center;

	background: #ccc url(/images/gridline.gif) 15px bottom;
}
.bargraph img{
	display:block;
	border-right: 1px solid #000;
}

A:link {text-decoration: none; color: blue;}
A:visited {text-decoration: none; color: blue;}
A:active {text-decoration: none; color: blue;}
A:hover {text-decoration: underline; color: blue;}