/*========================================
  Reset
  Courtesy of:
    http://developer.yahoo.com/yui/
    http://yui.yahooapis.com/2.2.2/build/reset/reset-min.css)
  DO NOT CHANGE THESE VALUES
========================================*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}

/*
 * =Structure
 */

body
{
  background: #fff;
  color: #000;
  font-family: Georgia, serif;
  line-height: 1.5;
  text-align: center;
}

hr
{
  display: none;
}

div#skip
{
  position: absolute;
  overflow: hidden;
  width: 0;
}

#page
{
  background: #fff;
  margin: 0 auto;
}

.columns
{
  width: 54em;
  margin: 0 auto;
  padding: 1em;
}

.column1
, .column2
{
  margin: 0 1em;
  width: 25em;
  float: left;
}

.column1
{
  clear: left;
}

#header
{
  background-color: #006;
}

#footer
{
  background-color: #000;
  font-size: 0.875em;
  color: #aaa;
  padding: 1em;
}

/*
 * =Typography
 */

strong
{
  font-weight: bold;
}

em
{
  background-color: #cfc;
}

#header h1
{
  color: #fff;
  font-style: italic;
  font-size: 3em;
}

#header h2
{
  color: #ccc;
}

#header a img
{
  border: 5px solid #fff;
}

#header a:hover img
{
  border: 5px solid #99f;
}

#header p.quote
{
  margin-top: 1.5em;
  color: #e5a430;
  font-size: 0.875em;
}

#header .source
{
  font-style: italic;
  color: #fff;
  font-size: 0.875em;
}

#content .section
{
  width: 54em;
  margin: 1.5em auto;
}

#content .band
{
  padding: 1em;
  margin: 1.5em 0;
  background-color: #ffc;
  border: 2px solid #fda;
}

#content .band h1
{
  font-size: 1.5em;
  font-weight: bold;
  margin: 0 auto;
}

#content .band p
{
  text-align: center;
}

#content .band h1 a
{
  color: #090;
}

#content .band h2
{
  font-weight: bold;
}

#content .section h1
{
  margin-top: 1.5em;
  font-weight: bold;
}

#content .section h2
{
  font-weight: bold;
}

#content .section p
, #content .section ol
, #content .section blockquote
{
  text-align: left;
}

#content .section blockquote
{
  margin-top: .75em;
  padding-top: .75em;
  margin-right: 70px;
  padding-left: 70px;
  background-image: url("../images/quotes.gif");
  background-repeat: no-repeat;
  background-position: top left;
  font-style: italic;
}

#content .section .source
{
  text-align: center;
  font-style: italic;
  color: #775;
}

/*
 * =Links
 */

a
{
  color: #009;
}

/*
 * =Lists, Images, etc.
 */

ol
{
  list-style: decimal;
  margin-left: 1.5em;
}

/*
 * =Menus
 */

/*
 * =Tables
 */

/*
 * =Utility
 */

.clearfix:after
{
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */