/*
Feature style sheet for Hatch PTO Website's LAC Material
Copyright 2004-2005 Huan Cassioppi Tran. All Rights Reserved.
February 17, 2005
*/
sup {
	text-transform:lowercase;
}
h1, h2, p, ul, ol {
	font-family:verdana, helvetica, cursive;
	font-size:small;
}
h1, h2 {
	font-weight:bold;
	text-align:left;
	padding:0 1em;
}
h1 {
	text-transform:uppercase;
	margin:1em 0 1em;
}
h2 {
	margin:1em 0 0;
}
p {
	font-weight:normal;
	text-align:justify;
	margin:0 1em 1em;
}
span.fl {
  text-transform:uppercase;
  font-size:200%;
  line-height:1em;
  float:left;
  margin:0 5px 0 0;
  padding:0;
  overflow:hidden;
}
span.fw {
  text-transform:uppercase;
  font-size:100%;
}
.small {
	font-size:x-small;
  margin: 0.5em 0 0.5em 1em;
}
/* LAYOUT */
img.scaled {
	width:100%;
}
div {
	margin:0;
	padding:0;
}
.content {
  margin:0;
  padding:0;
  float:right;
  width:80%;
}
.mastheadfeature {
  margin-left:1em;
	width:20%;
  float:right;
}
.masthead {
  margin:0;
  width:60%;
  float:right; 
}
.navbar {
  float:right;
  width:100%;
}
.navbuttons {
  float:right;
  width:100%;
}
.navbuttons a:link {
	text-decoration:none;
}
.navbuttons a:visited {
	text-decoration:none;
}
.navbuttons a:hover {
	text-decoration:none;
}
.navtext {
  text-align:center;
  text-transform:uppercase;
	margin:0;
	padding:0;
}
.footer {
  margin:1em 0;
  float:right;
  width:100%;
}
/* UNIQUE ELEMENTS */
#menu {
  position:absolute; 
  display:block; 
  top:5em;
  left:1em; 
  margin:0;
  padding:0;
  width:15%;
}
.pin {
  padding:0.5em;
  margin:0;
	background:url(http://www.hatchpto.org/images/semi2x2b.png) repeat top left;
	border-top:2px solid #ccc;
  border-left:2px solid #ccc;
  border-right:2px solid #000;
  border-bottom:2px solid #000;
}
.pin a {display:block; 
	margin:0 0.5em; 
	font-weight:normal;
	text-align:center;
	border-bottom:2px groove #ccc;
}
.pin a:link { 
	text-decoration: none; 
	color: #fff;
}
.pin a:visited { 
	text-decoration: none; 
	color: #fff; 
}
.pin a:hover { 
	background: #fff; 
	color: #000;
}
div.collection {
	width:30%;
	float:left;
	margin-top:1em;
	padding:0 1em 0 0;
}
/* COLOR SCHEME */
.comp {
	background:#ccc;
	text-align:center;
	margin:0 0 1em;
}
.navbar {
	background-color:#ccc;
}
.navbar p {
	color:#000;
}
.footer {
  border-top:1px solid #ccccff;
}
