/* Page Structure */

body
{
  background-color: #31312f;
  color: #ffffff;
  padding: 0px;
  margin: 0px;
  font-size: 10pt;
  font-family: 'Trebuchet MS', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
  text-align: left;
}

#content
{
  margin: 30px;
  width: 1000px;
}

#header
{
  position: relative;
  height: 200px;
  
}

#headerImg
{
  float: left;
}

#headerTitle
{
  position: absolute;
  left: 250px;
  width: 750px;
  height: 190px;
  background-image: url(/template/title.jpg);
}

#headerText
{
  position: absolute;
  text-align: right;
  width: 700px;
  left: 20px;
  top: 130px;
  font-size: 2.5em;
  /* clear h1 rules */
  margin: 0;
  padding: 0;
  font-weight: normal;
}

/* We want to prevent H1s from being used anywhere other than the page header
   so we make all other H1s "ugly" and therefore easy to notice the mistake :) */

h1 {
	background-color: #ffffff;
	color: #ff0000;
}
h1#headerText {
	background-color: transparent;
	color: #ffffff;
}
/* visually step lower headers up - http://www.w3.org/TR/CSS2/sample.html */
h2 { font-size: 2em; margin: .67em 0; }
h3 { font-size: 1.5em; margin: .75em 0; }
h4 { font-size: 1.17em; margin: .83em 0; }

#around
{
  background: url(/template/sidebar.gif) repeat-y left;
  
}

#sidebar
{
  margin-top: -25px;
  float: left;
  width: 150px;
  padding: 30px 50px;
  background-color: #4b4b49;
}


#text
{
  margin-left: 270px;
  padding: 0 10px;
  padding-bottom: 40px;
  
}

#footer
{
  clear: both;
  border: 2px #cacac8 solid;
  background-color: #aaa9a0;
  font-size: .8em;
  color: #000000;
  padding: 15px 80px;
}

/* Markup */
a
{
  color: #ffffff;
}

a:hover
{
  text-decoration: none;
}

#footer a
{
  color: #000000;
}

$footer a:hover
{
  text-decoration: none;
}

#galleryTable, #navTable
{
  width: 100%;
}

#imageDiv
{
  width: 100%;
  text-align: center;
}

#galleryTable td, #navTable td
{
  width: 33%;
  text-align: center;
  font-weight: 900;
  font-size: 1.2em;
}

#sidebar h3
{
	font-size: 1.17em; margin: 1em 0;
  margin-bottom: 0;
}

#sidebar a
{
  margin-left: 15px;
  display: block;
}