@media screen, projection {
/* exploit a parsing bug so @media rules are visible to MacIE5 */
.BeNiceToMacIE5 {
  font-family: "\"}\"";
  font-family: inherit;
}
body {
  background-color: #white;
  color: #000;
}
.wrapper {
/*   margin: 1% 5%; */
  padding: 0 0 0 0;
  border: 0 0 0 0;
}
h1 {
  background-color: #ffdf9d;    /* different color than content */
  color: #7d5500;
  margin: 0;
  padding: .2em 2%;
}
h2 {
  margin: .2em 0;
}
.main {
  width: 100%;
  margin: 0;
  padding: 0;
 /* border-top: thin solid #7d5500;
  border-bottom: thin solid #7d5500;*/
  color: #000;
  background-color: white;
/* background-color value is for content background.
   Image is 2000px wide, ~25% is colored, where sidebar should be 
   (exact pixel count of colored area is actually closer to 26%).
   Position corresponds to right sidebar, repeat img vertically.
   Could be easily modified for left sidebar - just flip the image,
   change bg position to 25% and change .content to float:right.
*/
}
.content {
  width: 67%;         /* width of .main container */
  float: right;        /* left side of window */
  margin: 0;
  padding: 1% 2%;

}
.sidebar {
  margin-right: 69%;   /* past content */
  padding: 1%;
  font-size: 90%;

}
.clear {
  clear: both;        /* extend height of .main to longest column */
  height: 1px;
  overflow: hidden;   /* prevent IE expanding the container */
  margin: 0;          /* keep flush with surrounding blocks */
}

.sidebar ul {
  margin-left: 1em;
  padding-left: 0;
}

#header {
  top:0;
  left:0;
  height:auto;
  background:#53829d;
  border-bottom: 4px solid #73a2bd;
}

#header ul {
  clear: both;
  text-align: center;
  border-top: 1px solid #73a2bd;
  margin: 0;
  padding: 0;
  list-style-type: none;
  background: transparent;
}

#header ul li {
  display: inline;
  color: #73a2bd;
  padding-top: 0.5em;
}

#header img {
  margin: 0px 10px 0px 10px;
  background: transparent;
}

#header a, .footer a {
  font-size: 1.1em;
  text-decoration: none;
  color: #ddd;
}

#header a:hover, .footer a:hover {
  color: #fff;
  text-decoration: none;
}

.footer {
  display:block;
  height:45px;
  background:#73a2bd;
  text-align:right;
  border-top:5px solid #53829d
}

.footer p {
  color:#fff; 
  margin:5px 10px 0 10px;
}

#header a, .footer a  {
  font-size:1.1em;
  text-decoration:none;
  color:#ddd;
}

#header a:hover, .footer a:hover  {
  color:#fff;
  text-decoration:none;
}

#graph { 
  position: relative; /* IE is dumb */
  width: auto; 
  margin: 0 1em -2px 1em; 

}
#graph .bar { 
  display: block;	
  position: relative;
  background: #cda6cd;/*#AAA7AA;  */
  text-align: left; 
  height:1.5em; 
  line-height: 1.25em;									
}
#graph .bar span { 
  position: absolute; 
  left: 2px;
  font-size: 1em;
}
#graph h3 {
  margin:0 10px; 
  letter-spacing:1px;
  font-size:1.5em;
  color:black;
  border: 0;
}
.bar {
  margin: 0 0 2px 0;
  border:1px solid #446791
}

.xsnazzy h1, .xsnazzy h2, .xsnazzy h3, .xsnazzy h4, .xsnazzy p {
  margin:0 10px; 
  letter-spacing:1px;
}

.xsnazzy h1 {
  font-size:2.5em; color:#fff;
}

.xsnazzy h2 {
  font-size:2em;
  color:#06a; 
  border:0;
}

.xsnazzy h3 {
  font-size: 1.5em;
  color: #06a;

}
.xsnazzy h4 {
  font-size: 1em;
  color: #06a;
  border: 0;
}

.xsnazzy p {
  padding-bottom:0.5em;
}

.xsnazzy h2 {
  padding-top:0.5em;
}

.xsnazzy {
  background: transparent; 
  margin:1em;
/*   font-size: 85%; */
}

.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;} 
.xb2, .xb3, .xb4 {background:#d4d4d4; border-left:1px solid #08c; border-right:1px solid #08c;}
.xb1 {margin:0 5px; background:#08c;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}

.xboxcontent {

  display:block; 
  background:#d4d4d4; 
  border:0 solid #08c; 
  border-width:0 1px;
}

.xboxcontent a {
  margin-left: 10px;
  color:#1e71a0;
}
a {
  color: #1e71a0;
}

a:visited, a {
  color:#1e71a0; 
  text-decoration:none;
}
a:hover {
  color:#6E8DD7;
}
.left {
  float: left;
}
 
 .green{
  margin:10px 10px 10px 15px;
  font-family: monospace;
  color: #0E691C;

}
} /* end @media rules */