@import "common.css";
@import "fancy_box.css";
body {
	margin			: 0;
	padding			: 0;
	font-family		: Arial, Helvetica, sans-serif;
	font-size		: 12px;
	color			: #707173;
	text-decoration	: none;
	background		: #fff url(../images/bodyBkg.gif) repeat-x top left;
}
/*----- Wrapper ----------------------------------------------------*/
#wrapper, #wrapperHome, #wrapperProjects {
	position		: relative;
	margin			: 10px auto 0 auto;
	width			: 750px;
	min-height		: 700px;
	padding			: 0 40px 0 41px;
	background		: url(../images/wrapperBkg.gif) no-repeat top left;
}
/*---------HEADER-----------*/
#header {
	position		: relative;
	width			: 750px;
	height			: 74px;
	padding			: 25px 0 0 0;
	background		: #fff url(../images/headerBkg.gif) no-repeat right 74px;
}
#logo {
	width			: 151px;
	height			: 62px;
	margin			: 0 0 0 40px;
}
#search {
	position		: relative;
	float			: right;
}
/*----Ajax Search----*/
#ajaxSearch_form {
	width			: 128px;
	text-align		: right;
}
#ajaxSearch_output {
	position		: absolute;
	top				: 141px;
	right			: -10px;
	width			: 730px;
	background		: #ccc;
	padding			: 10px;
	margin			: 6px 10px 0 0;
	text-align		: left;
	z-index			: 3;
}
#ajaxSearch_output p {
	color			: #333;
}
.AS_ajax_result {
	padding			: 0 0 10px 0;
}
.AS_ajax_highlight, .AS_ajax_highlight1, .ajaxSearch_highlight, .ajaxSearch_highlight1 {
	font-weight		: bolder;
	color			: #6d6e70;
	font-size		: 1em;
}
input#ajaxSearch_input {
 	float			: left;
	width			: 99px;
	height			: 18px;
	margin			: 0 5px 0 2px; 
	padding			: 3px 0 0 3px;
	color			: #333;
	border			: none;
	font-size		: 10px;
	background		: url(../images/searchInputNewBkg.gif) no-repeat left top;
}
#searchClose, #indicator {
	cursor			: pointer;
	padding			: 5px 0 0 5px;
}
#ajaxSearch_output a:link {
	font-weight:bolder;
	color: #006742;
}
div.AS_ajax_more {
	text-align: right;
}
div.AS_ajax_more a, div.AS_ajax_more:visited {
	color			: #808080;
	text-decoration	: none;
} 
div.AS_ajax_more a:hover {
	color			: #c1b085;	
}
/*----------MAIN MENU-------------------------------------------*/
#menu {
	position		: relative;
	width			: 750px;
	height			: 63px;
	background		: #fff url(../images/menuBkg.gif) no-repeat top left;
	text-align		: center;
	overflow		: hidden;
	z-index			: 1;
	clear			: both;
	margin			: 0 0 10px 0;
}
.lavaLampBottomStyle {
	position: relative;
	height: 20px;
	width: 720px;
	padding: 7px 15px 15px 70px;
	margin: 10px 0;
	overflow: hidden;
}
.lavaLampBottomStyle li {
	float: left;
	list-style: none;
	margin: 0 10px 0 10px;
}
.lavaLampBottomStyle li.back {
	border-bottom: 5px solid #ad9961;
	width: 9px;
	height: 25px;
	z-index: 8;
	position: absolute;
}
.lavaLampBottomStyle li a {
	font: bold 12px arial;
	text-decoration: none;
	color: #fff;
	outline: none;
	text-align: center;
	top: 7px;
	letter-spacing: 0;
	z-index: 10;
	display: block;
	float: left;
	width:auto;
	height: 18px;
	position: relative;
	margin: 0;
	padding: 0 0 0 17px;
}   
.lavaLampBottomStyle li a:hover, .lavaLampBottomStyle li a:active, .lavaLampBottomStyle li a:visited {
	border: none;
	color:#fff;
}                     
/*-------------SUB MENU------------------------------------------*/
#subMenu {
	float			: left;
	width			: 170px;
	min-height		: 445px;
	background		: #f4f1e9 url(../images/subMenuBkg.gif) no-repeat bottom left;
}

#subMenu ul {
	width			: 150px;
	margin			: 25px 10px;
	padding			: 0;
}
#subMenu ul li {
	background		: #fff;
	margin			: 2px 0 2px 0;
	padding			: 0;
}
#subMenu ul li a:link, #subMenu ul li a:visited {
	display			: block;
	width			: auto;
	height			: auto;
	padding			: 4px 10px 4px 10px;
	font-size		: 11px;
	font-weight		: bolder;
	color			: #00492C;
	text-decoration	: none;
}
#subMenu ul li a:hover, #wrapperProjects #subMenu ul li.active a , #contentWrapper #subMenu ul li.active a{
	color			: #BE9F56;
}
#subMenu li.active ul {
	width			: 150px;
	margin			: 2px 0 2px 0;
}
#subMenu li.active ul li {
	background		: #f5f3eb;
	margin			: 0;
	padding			: 2px 0 2px 0;
}
#subMenu ul li.active ul li a:link, #subMenu ul li.active ul li a:visited {
	display			: block;
	width			: auto;
	height			: auto;
	padding			: 2px 5px 2px 25px;
	background		: none;
	font-size		: 10px;
	font-weight		: normal;
	color			: #BE9F56;
	background		: url(../images/arrow.gif) no-repeat 15px 5px;
}
#subMenu ul li.active ul li a:hover, #wrapper #subMenu ul li.active ul li.active a, #subMenu ul li.active ul li.active a {
	background		: #EEE5D2 url(../images/arrowHover.gif) no-repeat 15px 5px; 
}
/*---------------SLIDESHOW---------------------------------------*/
#slideshowWrapper {
	display			: none;
}

#slideshowWrapper, #loading {
	position		: relative;
	/*margin			: 10px 0 0 0;*/
	padding			: 10px;
	background		: #e3e4e5;
	overflow		: hidden;
	z-index			: 1;
}

#loading {
	position		: relative;
}
#loading img {
	position		: absolute;
	top				: 40%;
	left			: 47%;
}


#slideshow {
	z-index			: 1;
}
#output {
	position		: absolute;
	width			: 350px;
	height			: 0;
	bottom			: 10px;
	left			: 40px;
	padding			: 10px;
	background		: #e3e4e5;
	z-index			: 2;
}
#output h2 {
	color			: #00492c;
	font-weight		: bolder;
	padding			: 0;
}
#output p {
	color			: #333;
	padding			: 0;
}
/*----------------------------------------------------------------*/
#spacer, #wrapperHome #spacer {
	width			: 750px;
	height			: 5px;
	margin			: 10px 0 10px 0;
	background		: #ad9961;
}
#wrapperHome #spacer {
	background		: #dcdcdc;
	margin			: 10px 0 0 0;
}

/*---------------CONTENT------------------------------------------*/
#wrapperHome #contentWrapper {
	position		: relative;
	width			: 670px;
	min-height		: 300px;
	padding			: 20px 40px 25px 40px;
}
#contentWrapper {
	position		: relative;
	width			: 750px;
	min-height		: 300px;
	padding			: 0 0 50px 0;
	z-index			: 1;
}
#buttons {
	position		: absolute;
	left			: -55px;
	top				: -16px;
	width			: 30px;
	height			: 155px;
	float			: left;
}
#wrapperHome #contentWrapper #buttons {
	top				: -5px;
}
#rightPanel {
	position		: relative;	
	float			: right;
	width			: 250px;
	margin			: 0;
}
#newsBox {
	position		: relative;	
	width			: 220px;
	height			: 200px;
	padding		: 0 0 0 14px;
	margin			: 0;
	font-size		: 10px;
}
#newsBox h3{
	position		: absolute;	
	top				: 10px;
	left			: 30px;
	color			: #005134;
	font-size		: 14px;
	font-weight		: bolder;
}
#newsBox .heading_box {
	font-size		: 11px;
	color			: #4d4d4d;
	font-weight		: bolder;
	padding			: 0 0 5px 0;
}
#featuredBox {
	position		: relative;	
	width			: 250px;
	height			: 200px;
	margin			: 0;
	font-size		: 10px;
}
#featuredBox h3{
	position		: absolute;	
	top				: 10px;
	left			: 30px;
	color			: #005134;
	font-size		: 14px;
	font-weight		: bolder;
}
#featuredBox li {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 190px;
    height: 80px;
	padding	: 40px 30px;
}
#featuredBox a:link, #featuredBox a:visited {
	float			: right;
	display			: block;
	padding			: 4px 25px 4px 0;
	margin			: 10px 0 0 0;
	color			: #333;
	text-decoration	: none;
	background		: url(../images/readon.gif) no-repeat top right;
}
#careers_button_top {
	width			: auto;
	float			: left;
	padding			: 0 0 10px 10px;
	clear			: both;
	margin			: 0;
}
#careers_button_btm {
	width			: auto;
	float			: left;
	padding			: 0 0 30px 10px;
	clear			: both;
	margin			: 0;
}
.banner_small {
	width			: 125px;
	height			: 60px;
	padding			: 5px;
	background		: #e3e4e5;
	margin			: 0 10px 0 0;
}
.banner_small_home {
	width			: 200px;
	height			: 60px;
	padding			: 5px;
	background		: #e3e4e5;
	margin			: 0 10px 0 0;
}
/*----------------------------------------------------------------------------------------------------------------*/
#content, #wrapperProjects #content {
	float			: right;
	width			: 570px;
	margin			: 0 0 10px 0;
	overflow		: hidden;
}
#mainContent {
	width			: 520px;
	padding			: 25px 25px 15px 25px;
	overflow		: hidden;
}
/*----------------------------------------------------------------------------------------------------------------*/
#wrapperProjects #content {
	background		: #e3e4e5;
}
#contentHome {
	float			: left;
	width			: 365px;
	margin			: 0 0 10px 0;
	overflow		: hidden;
}
#content #banner {
	width			: 550px;
	height			: 135px;
	padding			: 10px;
	background		: #e3e4e5;
}
#mapWrapper {
	width			: 550px;
	height			: 300px;
	background		: #e3e4e5;
	padding			: 10px;
}
#map {
	width			: 550px;
	height			: 300px;
}
#content #news {
	padding			: 0 0 25px 0;
}
#content #news h2 {
	padding-left	: 0;
}
#content #news ul {
	list-style-type	: none;
	padding:0;
}
#content #news ul li {
	padding			: 0 0 25px 0;
	list-style		: none;
	background		: none;
}
/*------Projects-------------------------------------------------*/
div.projectList {
	position		: relative;
	width			: 570px;
	background		: #e3e4e5;
	padding			: 25px 0 10px 0;
	border-bottom	: 10px solid #fff;
	overflow		: hidden;
}
div.projectList span {
	font-weight		: bolder;
	color			: #BE9F56;
}
div.projectImage {
	position		: relative;
	float			: right;
	width			: 135px;
	height			: 158px;
	margin			: 0 15px 0 0;
	padding			: 10px 10px 0 10px;
	background		: url(../images/projectImageBkg.gif) no-repeat top left; 
	z-index			: 1;
}
div.projectImage img.zoom {
	position		: absolute;
	top				: 5px;
	left			: 5px;
	z-index			: 2;
}
div.projectDetails {
	width			: 320px;
}
#content div.projectDetails p {
	padding			: 0 0 15px 25px;
}
div.projectImage a {
	cursor			: url(../images/magnify.cur), pointer;
}
/*-------contact-----------------------------*/
th {
    width           : 100px; 
    font-size       : 11px;
    color           : #4d4d4d;
    font-weight     : bolder;
    text-align      : left;
}
th span {
	font-weight     : normal;
	color			: #707173;
}
div.errors {
    color           : #a61e28;
	padding			: 0 0 10px 0;
}
#contact input, #contact textarea {
	background		: #e3e4e5;	
	border			: none;
}
.button {
	cursor			: pointer;
	background		: none;
	border			: none;
}

/*-------newsletter-----------------------------*/
#newsletter_signup th {
    width           : 100px; 
    font-size       : 11px;
    color           : #4d4d4d;
    font-weight     : bolder;
    text-align      : left;
	padding			: 0 0 0px 0;
}
#newsletter_signup th span {
	font-weight     : normal;
	color			: #707173;
	padding			: 0 0 0px 0;
}
#newsletter_signup div.errors {
    color           : #a61e28;
	padding			: 0 0 0px 0;
}
#newsletter_signup, #newsletter_signup textarea {
	background		: #FFFFFF;	
	border			: none;
}
#newsletter_signup .button {
	cursor			: pointer;
	background		: none;
	border			: none;
}
.newsletter_signup_input {
 	float			: left;
	width			: 199px;
	height			: 16px;
	margin			: 0 5px 0 15px; 
	padding			: 0 0 0 0;
	color			: #45664f;
	border			: none;
	font-size		: 10px;
	background		: url(../images/newsletter_bg_input.jpg) no-repeat left top;
}
.newsletter_signup_input2 {
 	float			: left;
	width			: 120px;
	height			: 16px;
	margin			: 0 5px 0 15px; 
	padding			: 0 0 0 0;
	color			: #45664f;
	border			: none;
	font-size		: 10px;
	background		: url(../images/newsletter_bg_input.jpg) no-repeat left top;
}
.newsletter_signup_header {
    width           : 100px; 
    font-size       : 15px;
    color           : #FFFFFF;
	margin			: 10px 0 0 0; 
	padding	    : 50px 0 0 10px;
    font-weight     : bolder;
    text-align      : left;
}

/*----------------FONTS-----------------------------------------*/
h1 {
	font-size		: 16px;
	color			: #4d4d4d;
	font-weight		: bolder;
	padding			: 0 0 15px 0;
}
h2 {
	font-size		: 12px;
	color			: #4d4d4d;
	font-weight		: bolder;
	padding			: 0 0 5px 0;
}

p {
	padding			: 0 0 18px 0;
	line-height		: 1.3em;
}
#newsBox a:link, #newsBox a:visited {
	float			: right;
	display			: block;
	padding			: 4px 25px 4px 0;
	margin			: 10px 10px 0 0;
	color			: #333;
	text-decoration	: none;
	background		: url(../images/readon.gif) no-repeat top right;
}
a.back {
	padding			: 0 0 0 25px;
}
a:link, a:visited {
	text-decoration	: none;
	color			: #c1b085;
}
a:hover {
	color			: #808080;	
}
#sitemap ul li {
	padding			: 0 0 0 10px;
}
#downloads ul li {
	padding			: 5px 0 5px 0;
}
a.pdf {
	padding			: 1px 0 1px 20px;
	background		: url(../images/page_white_acrobat.png) no-repeat top left;
}
#content ul, #contentHome ul {
	padding			: 0 35px 25px 25px;
}
#content ul li, #contentHome ul li {
	list-style		: none;
	padding			: 0 0 0 15px;
	background		: url(../images/dot.gif) no-repeat left 4px;
}
.withBorder {
	border			: 5px solid #e3e4e5;
}
#content table td {
	vertical-align	: top;
}
/*-----------------FOOTER------------------------------------------*/
#footer {
	clear			: both;
	width			: 750px;
	height			: 60px;
	border-top		: 5px solid #dcdcdc;
	text-align		: right;
	padding			: 5px 0 0 0;
	margin			: 0 0 25px 0;
}
#footer_images {
	width			: 750px;
	float			: left;
	padding			: 5px 0 10px 0;
}
#footer_images img {
	float			: left;
	padding			: 0 10px 0 10px;
}
#footer_links {
	width			: auto;
	float			: left;
}
#footer ul li {
	display			: inline;
	padding			: 0 10px 0 5px;
}
#footer ul li a:link, #footer ul li a:visited {
	color			: #ae9962;
	text-decoration	: none;
}
#footer ul li a:hover, #footer ul li.active a {
	text-decoration	: underline;
}
#copyright {
	width			: auto;
	float			: right;
}
#credits {
	display			: block;
	clear			: both;
	padding			: 5px 0 10px 0;
}
#credits a:link, #credits a:visited {
	color			: #808080;
	text-decoration	: none;
}
/*-----Archives -----------------------------------------------------*/
#content ul.reflect_archive {
	margin			: 0;
	padding			: 0 0 25px 0;
	width			: 520px;
	overflow		: hidden;
}
#content ul.reflect_archive li {
	display			: block;
	float			: left;
	width			: auto;
	background		: none;
	padding			: 0 10px 0 0;
	margin			: 0 0 0 10px;
	border-right	: 1px solid #c1b085;
}
#content ul.reflect_archive li.reflect_year {
	width			: 600px;
	margin			: 0;
	padding			: 0;
}
/*-------------------------------------------------------------------*/
/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
	padding	: 0px 0px;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 220px;
    height: 200px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}

.jcarousel-skin-tango .jcarousel-container-vertical,
.jcarousel-skin-tango .jcarousel-clip-vertical,
.jcarousel-skin-tango .jcarousel-item  {
    width: 225px;
    height: 173px;
}

/**
 *  Vertical Buttons
 */
.jcarousel-skin-tango .jcarousel-next-vertical {
    position: absolute;
    bottom: -38px;
    left: 200px;
    width: 25px;
    height: 25px;
    cursor: pointer;
    background: transparent url(../images/down.gif) no-repeat top left;
	
}

.jcarousel-skin-tango .jcarousel-prev-vertical {
    position: absolute;
    bottom: -38px;
    left: 5px;
    width: 25px;
    height: 25px;
    cursor: pointer;
    background: transparent url(../images/up.gif) no-repeat top left;
}
.jcarousel-skin-tango .jcarousel-next-disabled-vertical,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active  {
    cursor: default;
    background: none;
}

#tabber_wrap {
	position		: relative;	
	width			: 250px;
	margin			: 0px 0 0 0;
	padding			: 0.1px 0px 0px 0px;
	background		: url(../images/featuredBoxBkg_wh.gif) no-repeat top left;
	overflow		: hidden;
}

#tabber_wrap ul {
	padding			: 0px 0px 0px 5px;
}
#tabber_wrap ul li {
	list-style		: none;
	padding			: 0px 0 0 0px;
	background		: none;
}
/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 margin-top:1em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
	font-family		: Arial, Helvetica, sans-serif;
 margin:0;
 padding: 3px 0;
	color			: #005134;
	font-size		: 13px;
	font-weight: bolder;


}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

/*--------------------------------------------------
here we go
  --------------------------------------------------*/
ul.tabbernav li a
{
 padding: 10px 13px 10px 13px;
 margin-left: 2px;
 border-bottom: none;
 background: #DDE;
 background		: #fff url(../images/feature_box_bg_active.jpg) repeat-x top left;
 text-decoration: none;
	color			: #005134;
	font-size		: 13px;
	font-weight: bolder;


}

ul.tabbernav li a:link { color: #005134; }
ul.tabbernav li a:visited { color: #005134; }

ul.tabbernav li a:hover
{
 background		: #fff url(../images/feature_box_bg_inactive.jpg) repeat-x top left;
}

ul.tabbernav li.tabberactive a
{
background		: #fff url(../images/feature_box_bg_inactive.jpg) repeat-x top left;
}

ul.tabbernav li.tabberactive a:hover
{
background		: #fff url(../images/feature_box_bg_inactive.jpg) repeat-x top left;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:0px 0 0 0;
 border-top:0;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;

}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {

}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 overflow:auto;

}
.menu_drop{
	border:none;
	border:0px;
	margin:0px;
	padding:0px;
	font: bold 12px arial;
	text-align		: center;
	}
.menu_drop ul{
	background: url("../images/menuBkg.gif") bottom left no-repeat;
	height:63px;
	list-style:none;
	margin:0;
	padding:0;
	}
	.menu_drop li{
		float:left;
		padding:20px 0 0 20px;
		}
	.menu_drop li a{
		color:#FFFFFF;
		display:block;
		font-weight:bold;
		line-height:22px;
		margin:0px 20px;
		padding:0px 0px;
		text-align:center;
		text-decoration:none;
		}
	.menu_drop li.active a {
			border-bottom: 5px solid #ad9961;
		}
		.menu_drop li a:hover, .menu_drop ul li:hover a{
			border-bottom: 5px solid #ad9961;
			color:#FFFFFF;
			text-decoration:none;
			}


	.menu_drop li ul{
		background:#FFFFFF;
		display:none;
		height:auto;
		padding:0px;
		margin:0px 20px;
		border-width:5px;
		border-style:solid;
		border-color:#f4f2ea;
		position:absolute;
		width:210px;
		z-index:200;
		/*top:1em;
		/*left:0;*/
		}
	.menu_drop li:hover ul{
		display:block;
		
		}
	.menu_drop li li {
		border-bottom: none;
		background: url('../images/sub_sep.gif') bottom left no-repeat;
		display:block;
		float:none;
		margin:0px;
		padding:5px 0px 0px 0px;
		width:210px;
		}
	.menu_drop li:hover li a{
		border-bottom: none;
		color:#004a2d;
		background:none;
		}
	.menu_drop li ul a{
		display:block;
		height:22px;
		font: bold 12px arial;
		margin:0px;
		padding:0px 0px 0px 15px;
		text-align:left;
		}
		.menu_drop li ul a:hover, .menu_drop li ul li:hover a{
			border-bottom: none;
			color:#004a2d;
			background: none;
			border:0px;
			color:#ad9961;
			text-decoration:none;
			}
	.menu_drop p{
		clear:left;
		}