/* CSS Document */
@import "reset.css";

body {
	text-align: center;
	margin: 0;
	padding: 0;
	background: #C3EED6;
	font-family: "Times New Roman", Times, serif;	
}

a:link, a:visited { text-decoration: none; color: #057441;}
a:hover { text-decoration: underline; }

h2 a:visited{ text-decoration: none; color: #057441; }
h2 a:hover { text-decoration: underline; }

a img { border: none; }
#wrapper {
	width: 980px;
	margin: 0 auto;
	background: url(../images/wrapbg.jpg) top no-repeat;
	text-align: left;
}

#masthead img#logo {	
	height: 148px;
	width: 308px;
	display: block;
	margin-left: 38px;
	float: left;
}

#navbar {
	float: left;
	height: 29px;
	width: 608px;
	margin-left: 0px;
}
ul#nav {
	background: url(../images/navbar.jpg);
}
ul#nav li {
	float: left;
}
ul#nav li a {height:29px; display:block; position:relative; top:0; text-indent:-9999px; outline:none}
li#navEich a, li#navAbout a, li#navProc a, li#navConsult a, li#navPhoto a, li#navContact a {background:url(../images/navbar.jpg)}
li#navEich a { background-position:0 0; width:65px; left:0}
li#navEich a:hover {background-position:0 -29px }

li#navAbout a { background-position:-65px 0; width:90px; left:0}
li#navAbout a:hover {background-position:-65px -29px }

li#navProc a { background-position:-155px 0; width:105px; left:0}
li#navProc a:hover {background-position:-155px -29px }

li#navConsult a { background-position:-260px 0; width:120px; left:0}
li#navConsult a:hover {background-position:-260px -29px }

li#navPhoto a { background-position:-380px 0; width:125px; left:1px}
li#navPhoto a:hover {background-position:-380px -29px }

li#navContact a { background-position:-505px 0; width:90px; left:1px}
li#navContact a:hover {background-position:-505px -29px }


#masthead #tagline {
	height: 63px;
	width: 556px;
	display: block;
	float: left;
	margin-left: 43px;
	margin-top: 56px;
}

#mainbox {
	width: 903px;
	background: url(../images/main-box_bg.jpg) repeat-y;
	clear: left;
	padding-left:4px;
	margin-left: 38px;
}
#left {
	width: 601px;
	float: left;
	background: url(../images/main_bg.jpg) top repeat-x;
	padding-right: 10px;
	padding-left: 10px;
	font-size: 14px;
	line-height: normal;
}
#left h1 {
	margin: 15px 0px 15px 35px;
	font-size: 1.5em;
}
#left h2 {
	margin: 15px 0px 15px 35px;
	font-size: 1.3em;
}
#left h3 {
	margin: 15px 0px 15px 35px;
	font-size: 1.2em;
}
#left h4 {
	margin: 15px 0px 15px 35px;
	font-size: 1.1em;
}
#left h5 {
	margin: 15px 0px 15px 35px;
	font-size: 1em;
}
#left h6 {
	margin: 15px 0px 15px 35px;
	font-size: 1em;
}
#left p {
	margin: 15px 0px 15px 35px;
	line-height: 25px;
}
#left ul {
	margin: 15px 0 15px 55px;
	line-height: 20px;
	list-style-type: disc;
	font-size: 14px;
}
#left ul li a {
	color: #000;
}

#left ul.innerList{
   list-style-type: circle;
}

#left form {
	width: 60%;
}
.mainInput,
.mainTextarea
{
	width: 230px;
}

.mainSelect 
{
	width: 235px;
}

#left form p {
	margin: 10px; 
	text-align: right;
}
#mainbox #welcome {
	width: 441px;
	height: 60px;
	display: block;
}
#right {
	float: left;
	width: 277px;
}
#footer {
	clear: left;
	height: 99px;
	width: 898px;
	background: url(../images/foot_bg.jpg) repeat-x;
	color: #fff;
}
#footer p {
	padding: 30px 0px 0px 35px;
}
#footer ul {
	margin-left: 30px;
	margin-top: 10px;
	height: 15px;
}
#footer ul li {
	display: inline;
	margin-left: 5px;
}
#footer ul li a {
	color: #fff;
	font-size: .75em;
	border-right: 1px solid #fff;
	padding-right: 10px;
}
#footer li.last a{
	border: none;
}

.gallery {
	padding: 10px;
	}
	
.gallery ul { list-style: none; }

.gallery ul li { 
	display: inline; 
	padding: 5px;
	}

#location-right{
    text-align: right;
}

#location-right img{
    margin-top: 15px;
}

#location-left{
    float: left;
}

#contact-table, #contact-table tr, #contact-table tr td{
   vertical-align: middle;
}

.staff_bio img{
   float: left;
   margin: 0 35px 10px 35px;
   padding: 0;
}

.clear{
  clear: both;
}