/* Basic HTML elements */
body {
  margin: 0;
  padding: 0;
  background: #fff;
  color: #000;
  font: 76%/1.4em Tahoma, Trebuchet, Verdana, Helvetica, Arial, sans-serif;
}
p {
  margin: 0.9em 0;
}
td,th {
	padding: 3px 1em;
	font-size: 0.9em;
}

table { border-collapse: collapse; }
ul { margin: 0px; padding: 0px;}

/* Layout elements */
div#root {
  width: 800px;
  margin:  0 auto;
  margin-top: 20px;
  margin-bottom: 10px;
  padding: 0;
  background-color: #ccc;
  text-align: left;
  border: 2px solid #000;

}
#header {
position: relative;
width: 800px;
margin: 0px;
background: #ccc;
border-bottom: 2px solid #000;
padding-bottom: 8px;
text-align: center;
}

#header ul { list-style-type: none; font-family: Arial Rounded MT Bold, arial; font-size: 2em; font-weight: bold; text-align: center; margin-top: 1em;}
#header li { display: inline; margin: 0 20px; }

#footer {
  position:relative;
  clear: both;
  width: 800px;
  background-color: #930;
  color: #ffc;
  padding: 0.4em 0;
  text-align: center;
}
#menu {
  float: left;
  position: relative;
  margin: 0;
  width: 150px;
  padding: 10px 0 10px 10px;
}

#content {
  position: relative;
  float: left;
  width: 570px;
  margin: 25px 0 20px 15px;
  padding: 0 20px;
}

#content .column {
  float: left;
  display: inline;
  zoom: 1;
  width: 265px;
  margin-right: 20px;
}
#contact { width: 140px; margin-top: 20px; padding: 0 6px; font-size: 1.1em; }
#contact p { line-height: 1.2em; margin: 0.5em 0; color: #900; }
#contact p strong { color: #000; }
#page { position: relative; background-color: #fff; width: 530px; min-height: 400px; border: 1px solid #666; margin-bottom: 20px; padding: 12px; overflow: hidden;}

/* Common element styles */

.crop {
  display:block;
  text-align:center;
  overflow:hidden;
  position:relative;
}

.crop img {
  display: block;
  margin: 0 auto;
}


/* Links */
a { color: #900; }
a:hover { color: #c30; text-decoration: none; }

a.more {
  margin-left: 0.5em;
  margin-right: 0.5em;
  white-space: nowrap;
}

a.offsite, a.pdf, a.mailto {
  padding-left: 14px;
  background-repeat: no-repeat;
  background-position: 0 50%;

}
a.offsite { white-space: nowrap; }
a.offsite { background-image: url(images/remote.gif); }
a.pdf     { background-image: url(images/acrobat.gif); }
a.mailto  { background-image: url(images/mailto.gif); padding-left: 18px; }

a.offsite:hover { background-image: url(images/remote_a.gif); }
a.pdf:hover     { background-image: url(images/acrobat_a.gif); }
a.mailto:hover  { background-image: url(images/mailto_a.gif); }

#menu li a.offsite { background-image: none; padding-left: 5px;}
#menu li a.offsite:hover { background-image: none; padding-left: 5px; }
a img { border: none; }

/* Typography */

p { margin-top: 0.5em;
	color: #000;
}
p.intro { margin-top: 1em; }
h1 {
	letter-spacing: -0.04em;
	font-size: 1.5em;
	line-height: 1.1em;
	font-weight: bold;
	margin-left: 1em;
}
#header h1 {
	font-family: broadway, arial;
	color: #900;
	letter-spacing: -0.04em;
	font-size: 3.5em;
	line-height: .5em;
	font-weight: bold;
	text-align: center;
	margin-left: 0;
	margin-top: 1em;
	}
h2 {
  font-weight:normal;
	color: #333;
	font-size: 1.1em;
	text-transform:uppercase;
	letter-spacing: 0.1em;
	margin: 1em 0;
	padding: 0;
}
header h2 {  }

h2 small {
  text-transform: none;
  font-size: 1em;
  letter-spacing: 0;
}

h3 {
	font-size: 1.1em;
	font-weight: bold;
	color: #00694f;
	margin: 0.5em 0 0.2em;
	padding:0;
}

#content ul {
  list-style-type: disc;
}
#content li {
  margin-top: 0.3em;
}


/* Navigation */

#menu ul {
  list-style: none;
  padding:0;
  margin:0;
  margin-top: 8px;
  font-size: 105%;
}

#menu li {
  border-bottom: 1px solid #999;
  padding: 0.4em 0;
}
#menu li.current { color: #000; font-weight: bold; padding: 8px 5px; }
#menu li a {
  display: block;
  padding: 4px 5px;
  color: #900;
  text-decoration: none;
}
#menu li a:hover {
  color: #c30;
}