/* This file based on 'Tranquille' by Dave Shea */
/* It was taken from the template on CSS Zen Garden (www.csszengarden.com) */

/* Page header elements */

/* Page body elements */

body {color: #505050; font: 1em/1em Arial, "Lucida Grande", "Lucida Sans Unicode", Verdana, Tahoma, sans-serif; margin: 0; padding: 0;}

#contentNav {
	background: #FFF url(../images/banner-people.gif) center top no-repeat;
	}

#innerNav {
	position: absolute;
	left: 11px;
	top: 25px;
	width: 140px;
	min-height: 120px;
	text-align: right;
	padding-right: 14px;
	margin: 0;
	background: url(../images/divider2.gif) no-repeat;
	background-position: 100% 3px;
	}

#innerNav h2 {
	padding: 50px 0 0 100px; 
	margin: 0;
	display: block;
	font-size: 1px;
	line-height: 1px;
	height: 0;
	overflow: hidden;
	text-transform: lowercase;
	background-repeat: no-repeat;
	}

#innerNav ul {
	margin: 0; 
	padding: 0; 
	}

#innerNav li {
	list-style: none; 
	margin: 0px; 
	padding-top: 8px;
	font: 0.8em/1.2em Arial, "Lucida Grande", "Lucida Sans Unicode", Verdana, Tahoma, sans-serif;
	font-weight: bold;
	}

#innerNav li a:link, #innerNav li a:visited {
/*	color: #606060; */
    color: #036A92;
	}

#innerNav li a:hover {
/*	color: #DF9325; */
    color: #24B2EB;
	}

#contactInfo {
	width: 143px;
	float: right;
	text-align: right;
	padding: 20px 17px 0px 0px;
	margin: 0;
	font-size: 0.7em;
	}

#contactTitle {
	color: #DF9325;
	font-size: 1.2em;
	font-weight: bold;
	padding: 14px 18px 13px 0;
	margin: 0;
	}

#companyName {
    display: none;
	padding: 0 18px 0 0;
	margin: 0; 
	}

#phone {
	padding: 0 18px 0 0; 
	margin: 0;
	}
	
#fax {
	padding: 0 18px 14px 0; 
	margin: 0;
	}
	
#email {
	padding: 0 18px 0 0;
	margin: 0;
	}

#email a {
	color: #0492CB;
	}

#email a:hover {
	color: #24B2EB;
	}

#bodyContent {
	position: relative; 
	margin-left: 170px;
	margin-right: 175px;
	padding-top: 27px;
	padding-bottom: 40px;
	margin-top: 0px;
	font: 0.8em/1.2em Arial, "Lucida Grande", "Lucida Sans Unicode", Verdana, Tahoma, sans-serif;
	}

#bodyContent a {
	color: #0492CB; 
	}

#bodyContent a:hover {
	color: #24B2EB;
	}

/* Inner links are just anchors within the page that nav links will point to.  Since
   these anchors don't link to any external page, I'm taking away any mouse over 
   decorations.

   I'm prefacing .innerLink with #bodyContent because the #bodyContent style above is overriding
   the .innerLink class definition. */
#bodyContent .innerLink:hover {
	text-decoration: none;
	color: #0492CB; 
	}

#bodyContent h2 {
	padding: 0 0 0.75em 0; 
	margin: 0; 
	}

#bodyContent p {
	padding: 0 0 1.50em 0; 
	margin: 0; 
	}


.upLink {
    padding-top: 0px;
	padding-bottom: 5px;
	margin: 0px;
	text-align: right;
	}

.upLink a {
	background: url(../images/arrow-top.gif) no-repeat left center;
	font-size: 0.85em; 
	padding: 0 0 0 9px; 
	margin: 0;
	}

.upLink a:hover {
	background: url(../images/arrow-top-hover.gif) no-repeat left center; 
	}
	
.downLink {
    padding-top: 0;
	padding-bottom: 5px;
	margin: 0;
	text-align: right;
	}

.downLink a {
	background: url(../images/arrow-bottom.gif) no-repeat left center;
	font-size: 0.85em; 
	padding: 0; 
	margin: 0;
	}

.downLink a:hover {
	background: url(../images/arrow-bottom-hover.gif) no-repeat left center; 
	}