@charset "utf-8";
/* CSS Document */

* {padding:0; margin:0; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 12px;}
body { text-align:center; color:#000; background:#FFF; }
table, tr,td{  border-collapse: collapse; vertical-align: top;}
img { border:0;}

a { text-decoration: none;}
a:hover { text-decoration: underline;}

.wrapper { width: 960px; margin: 0px auto; text-align: left;}

#header { margin-top: 25px; }
#header .langSelect { line-height: 28px; color:#549b43; }
#header a { color:#000; }
#header a:hover { color:#549b43; text-decoration: none;}

#main-nav { background: #949494; height: 25px; line-height: 25px; padding-top: 2px;  text-align: right; margin-bottom: 5px; }
#main-nav a {  color:#FFF; margin: 0 20px;  font-size: 14px;}
#main-nav a.sel { color:#124e91;}
#main-nav a:hover { text-decoration: none;}

#left-nav { width: 205px; background: #d3d9d8; height:400px;}
#left-nav .wid{ width: 205px;  }
#left-nav dl { padding: 20px; }
#left-nav  dt,#left-nav  dd{  font-size: 14px;}
#left-nav  dt { color:#4d4d4f; padding-bottom: 10px;}
#left-nav  dd { color: #4d4d4f; padding-left: 10px; padding-bottom: 8px;}
#left-nav a { color: #4d4d4f;}
#left-nav a:hover{ text-decoration: underline;}
#left-nav .sel, #left-nav .sel a{ color: #549b43;}

#left-nav  dd.lvl2 { padding-left: 15px;}
#left-nav  dd.lvl3 { padding-left: 17px; font-size: 11px;}
#left-nav  dd.lvl3 a{ font-size: 11px;}

#left-nav a { font-size: 14px; }

.content-space { width: 5px;}

#main-content {width: 750px;}

#main-content-center { width: 550px; padding-bottom: 30px;}
#main-content-center .wid { width: 530px; }
#main-content-center .inner { padding-left: 20px; margin-right: 5px; line-height:20px;color:#4B4B4D}

#content h1 { padding: 20px 0; font-size: 20px; font-weight: normal; color: #599c49;}

#main-content-right { width: 200px; background: #deebd9; }
#main-content-right.whitebg { background: #FFF; }
#main-content-right .inner { padding: 70px 8px; color:#4b4b4d; }
#main-content-right .inner.up { padding-top: 40px;  }
#main-content-right .inner p {font-size: 14px; padding-bottom: 5px;}
#main-content-right .inner a {font-size: 14px; color: #599c49;}
#main-content-right .inner .thumbs { text-align: center;}
#main-content-right .inner .thumbs div { padding-bottom: 20px;}
#main-content-right .inner .enlarge_msg {text-align: right; padding-bottom: 10px; font-size: 11px; color: #6d6e71;}

#footer { padding:40px 0 20px; text-align: right;  color: #6d6e71;}
#footer a { text-decoration: none;  color: #6d6e71;}
#footer a:hover{ text-decoration: underline;}

#joblist .jobrow1 { width: 45%; float: left;  }
#joblist .jobrow2 { width: 45%; float: right;  }
#joblist .entry { padding-bottom: 20px; }
#joblist .c1 { clear:both; }
#joblist h3{ clear: both; padding-bottom: 6px; font-weight: bold; font-size: 14px; color: #599c49;}
#joblist .entry h2 { padding-bottom: 6px; font-weight: bold; font-size: 13px; color:#4b4b4d;}
#joblist .entry ul { padding-left: 30px; width: 80%;}
#joblist .entry li { margin: 0; padding:0; color:#4b4b4d; font-size: 11px;}
#joblist .openingregion { padding-bottom: 20px;}
#joblist .openingcontact { padding-top: 6px; padding-left: 12px; font-size: 11px;  color:#4b4b4d;}
#joblist .openingcontact a { color: #4b4b4d; text-decoration: underline; font-size: 11px; }

#project-detail #bigimg { padding-bottom: 20px; }

.searchformtop .keywordbox { background: url(../images/bg_search_box.jpg)  no-repeat; width: 140px; height: 19px; }
.searchformtop .keywordbox input { width: 130px; line-height: 19px; border: none; padding: 2px 3px 0; background: none; }

.searchform .keywordbox { background: url(../images/bg_search_box2.jpg) no-repeat; width: 570px; height: 26px; }
.searchform .keywordbox input { width: 550px; line-height: 26px; height: 26px;  border: none; padding: 0 8px; background: none; }
.resultEntry { padding-bottom: 30px; color: #664342; width: 630px;}
.resultEntry a { color: #000;}
.resultEntry h3 { margin: 0; padding:0; padding-bottom: 3px; font-weight: normal;}
.resultEntry h3 a { color: #664342; text-decoration: underline; }

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/
/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* 2014-04-24 modified for changing swf to javascript animation */
#balloon_animation{
	background:url(../images/balloon_bg.jpg) no-repeat;
	width:749px;
	height:490px;
	position:relative;
	overflow:hidden;
}
#text{
	position:absolute;
	width:410px;
	left:205px;
	top:75px;
}
#text p{
	font-family:"Times New Roman", Times, serif;
	color:#fff;
	font-size:16px;
	line-height:22px;
	margin-bottom:20px;
}
#balloon{
	position:absolute;
	background:url(../images/balloon.png) no-repeat;
	width:129px;
	height:180px;
	top:150px;
	left:-129px;
}
#balloon #link{
	position:absolute;
	width:129px;
	height:110px;
	background:#11007e;
	top:154px;
	padding-top:15px;
	text-align:center;
	display:none;
}
#balloon #link a{text-decoration:none;}
/*#balloon #link a#manhattan{color:#fff;}
#balloon #link a#annual{color:#0e878b;}*/
#balloon #link a{font-family:"Times New Roman", Times, serif;color:#0e878b;}