* { margin: 0; padding: 0; border: 0; }

body { 
  font-family: sans-serif; 
  font-size: smaller;
  background: url('/style/img/gradient.jpg')  repeat-x #495056; 
}

div#page {
  margin: 0 auto;
  height: 800px;
  width: 100%;
  background: url('/style/img/background.jpg') 50% no-repeat;
  
}

div#container { padding-top: 50px;}

div#box {
  background: white;
  width: 600px;
  margin: 0 auto;
  padding: 25px 25px 10px 25px;
  border: 3px solid #888; 
}

h1 { font-size: 140%; margin: 10px 0 0 0; padding: 30px 0 0 150px; }
h2 { font-size: 110%; margin: 5px 0 0 0; padding: 5px 0; }
p { line-height: 1.6em; margin-bottom: 1em; }


div#header img { float: left; }
div#header h2 { padding: 0 0 0 150px; margin: 5px 5px 30px 0; }
div#footer { text-align: center; padding: 25px 0 40px 0; }
div#footer a { color: #222; }

ul { margin-left: 30px; }
ul li { list-style: square; }

a { text-decoration: none; }
a:hover { text-decoration: underline; }

hr { clear: both; visibility: hidden; margin: 20px; }

/* stuff for the why pages */
div#results h2 { margin: 0; }
div#results div.explain { margin: 0 0 2em 1em; }
div#results p { margin: 0; }
a.expand { margin-left: 30px; }