body {
margin: 0;
background-color: #808080;
background: url(http://www.smta.org/images/smta_background_fade_380px.jpg) gray;
background-repeat: repeat-x;
background-position: top;
font-family: Arial,Helvetica,Sans-serif;
}

a { 
text-decoration: none;
color: #333399;
} 

:hover { 
text-decoration: underline; color: crimson;
} 

h1 {
font-family: Arial,Helvetica,Sans-serif;
font-size: 24px;
font-weight: bold;
color: #243682;
}

h2 {
font-family: Arial,Helvetica,Sans-serif;
font-size: 18px;
font-weight: bold;
margin: 0px;
}

h3 {
font-family: Arial,Helvetica,Sans-serif;
font-size: 14px;
font-weight: bold;
margin: 0px;
}

h4 {
font-family: Arial Narrow,Helvetica,Sans-serif;
font-size: 24px;
font-weight: bold;
color: #243682;
margin: 0px;
}

h5 {
font-family: Arial,Helvetica,Sans-serif;
font-size: 12px;
margin: 0px;
}

.error { color: #ff0000; }

.success { color: #009900; }

.form_label { 
font-family:Arial,Helvetica,Sans-serif; 
font-size:11px; 
font-weight: bold; 
text-align: right; 
} 

.form_field { font-family:Arial, Helvetica, Sans-serif; font-size:8px; background-color: #f0f0f0; border:1px solid #000000; padding-left:5px; } 

.form_button { font-family:Arial, Helvetica, Sans-serif; font-size:11px; font-weight: bold; text-decoration: none; color: #666666; padding:0px 3px; background-color: #dedede; border:1px solid #333333; } 

.form_button_s { font-family:Arial, Helvetica, Sans-serif; font-size:10px; font-weight: bold; text-decoration: none; color: #333333; padding:0px 3px; background-color: #dedede; border:1px solid #333333; }

	.top_link { font-family: Helvetica, Arial; font-size: 8pt; font-weight: bold; text-decoration: none; color: #ffffff; }

	A.top_link:link { color: #ffffff; font-weight: bold; text-decoration: underline;}

	A.top_link:visited { color: #ffffff; font-weight: bold; text-decoration: underline;}

	A.top_link:hover { color: #ffffff; font-weight: bold; text-decoration: none; }

ul.handbook {
	list-style: none;
	margin: 0 0 2em 0;
	padding: 0;
	text-indent: 0;
	width: 100%;
	}
	
ul.handbook li {
	padding-left: 1em;
	}
	
.bluebar {
width: 100%; 
padding: 3px; 
text-align: left; 
background-color: #243682; 
color: white; 
font-weight: bold; 
font-size: 14px;
}

/* Table row alternating colors */
.even {
background-color: white;
font-size: 12px;
}

.odd {
background-color: #cccccc;
font-size: 12px;
}


/* Photo Alignment */
.photo {
	float: left;
	padding: 3px;
	margin: 3px;
	border: 1px solid black
}

.hutchins {
	padding: 0 0 15px 0;
	margin: 5px;
	clear: both;
  border-top: 2px dashed #cccccc;
}


/* Adjustable Color Buttons */
.btn {
	float: left;
	/*clear: both;*/
	background: url(images/btn_left.png) no-repeat;
	padding: 0 0 0 10px;
	margin: 5px 0;
}
.btn a{
	float: left;
	height: 40px;
	background: url(images/btn_stretch.png) repeat-x left top;
	line-height: 40px;
	padding: 0 10px;
	color: #fff;
	font-size: 1em;
	text-decoration: none;
}
.btn span {
	background: url(images/btn_right.png) no-repeat;
	float: left;
	width: 10px;
	height: 40px;
}
.btn_iwlpc { background-color: #3480c8; }
.btn_smta { background-color: #243682; }

.clear { 
  clear: both;
}


/* Left Menu Bar */
.leftnav ul {
	margin-left: 5px;
	margin-top: 0px;
	padding: 0;
	list-style: none;
	text-align: left;
	width: 150px;
	border: 1px solid #243682;
	border-bottom: 1px solid #243682;
	}
.leftnav ul li {
	position: relative;
	}
.leftnav li ul {
	position: absolute;
	margin: 0;
	left: 148px;
	top: 0;
	border-top: 1px solid #243682;
	border-right: 1px solid #243682;
	border-bottom: 1px solid #243682;	
	border-left: 0;
	display: none;
	}
.leftnav ul li a {
	display: block;
	text-decoration: none;
	background: #D7DADF;
	padding: 5px;
	border: 1px solid #ccc;
	border-bottom: 0;
	}
.leftnav li:hover ul, li.over ul { 
	display: block; 
	text-decoration: none;
	}
.leftnav a:hover {
  background: #333399;
  color: #D7DADF;
  text-decoration: none;
  }

/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */