@charset "utf-8";

/** Import navigation styles **/
@import url("site-menu.css");



html
{
	background: #222 url(../images/gradient.jpg) repeat-x top center;
	margin: 0;
	padding: 0;

	font-family: Arial, Helvetica, sans-serif;
}


body
{
  width: 800px;
  margin: 25px auto 50px auto;
  padding: 0 0 1em 0;
  background-color: #fff;
  border-radius: .7em;
}

#page-header
{
  margin: 0;
  height: 178px;
  background: url(../images/header.jpg) no-repeat center center;
  border-radius: .7em .7em 0 0;
}
#page-header span
{
  visibility: hidden;
}
#page
{  
  clear: both;
  padding: 1em 1em 1em 3em;
}
#page img.snapshot
{
  float: right;
}
#page-content
{
  width: 500px;
}
#page-footer
{
  margin-top: 5em;
  font-size: x-small;
  color: #777;
  text-align: left;
}
#page-footer a
{
  color: #777;
  text-decoration: none;
  border-bottom: 1px dotted #777;
}





/** General **/
#page-content p, 
#page-content li
{
  line-height: 1.8em;
}



/** Paragraphs **/
#page-content p
{
  
}



/** Images **/
#page-content img
{
  padding: 6px;
  border: 1px solid #ddd;
}
#page-content img.right
{
  float: right;
  clear: right;
  margin: 0 0 .5em .7em;
}
#page-content img.left
{
  float: left;
  clear: left;
  margin: 0 .7em .5em 0;
}



/** Headers **/
#page-content h1,
#page-content h2, 
#page-content h3
{
  margin-top: 2.5em;
  border-bottom: 1px solid #ccc;
  clear: left;
}
#page-content h1:first-child,
#page-content h2:first-child, 
#page-content h3:first-child
{
  margin-top: .5em;
}



/** Links **/
#page-content a:link
{
  color: #00f;
}
#page-content a:visited
{
  color: #007;
}



/** Tables **/
#page-content table
{
  border-collapse: collapse;
  width: 100%;
}
#page-content th, #page-content td
{
  border: 1px solid #ddd;
  padding: 0.4em 0.6em;
  vertical-align: top;
}
#page-content th
{
  text-align: left;
}



/** Address **/
#page-content address
{
  margin-left: 2em;
}



/** Quotes **/
#page-content cite:before
{
  content: open-quote;
}
#page-content cite:after
{
  content: close-quote;
}



/** Very special links **/
#page-content .go-to-top
{
  font-size: x-small;
  text-align: right;
}
#page-content .back-to-parent
{
  font-size: small;
  float: right;
  margin-top: -1em;
  margin-left: 1.5em;
}


/** Info boxes **/
.box
{
  border: 1px solid #555; 
  background: #eee; 
  padding: .5em .9em; 
  text-align: center;
  margin: 1em auto;
}
.info
{
  border-color: #005; 
  background: #eef; 
}
.error
{
  border-color: #500;
  background: #fee; 
}



/* Clearfix */
.clearfix:after
{
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */