/* ============================= HTML5 Boilerplate reset ============================= */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
blockquote, q { quotes:none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content:none; }
ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }
table { border-collapse:collapse; border-spacing:0; }
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
input, select { vertical-align: middle; }

body { font:12px/1.231 sans-serif; *font-size:small; } 
select, input, textarea, button { font:99% sans-serif; }
pre, code, kbd, samp { font-family: monospace, sans-serif; }
em { font-style:italic; }

html { overflow-y:scroll; }
a:hover, a:active, a:focus { outline:none !important; border:none !important; }
a img {border:none !important; outline:none !important;}
:focus {-moz-outline-style:none;}

ul, ol { margin-left:2em; }
ol { list-style-type:decimal; }
nav ul, nav li { margin:0; list-style:none; list-style-image:none; }
small { font-size:85%; }
strong, th { font-weight:bold; }
td { vertical-align:top; }

sub, sup { font-size:75%; line-height:0; position:relative; }
sup { top:-0.5em; }
sub { bottom:-0.25em; }

pre { white-space:pre; white-space:pre-wrap; word-wrap:break-word; padding:15px; }
textarea { overflow auto; }
.ie6 legend, .ie7 legend { margin-left:-7px; } 
input[type="radio"] { vertical-align:text-bottom; }
input[type="checkbox"] { vertical-align:bottom; }
.ie7 input[type="checkbox"] { vertical-align:baseline; }
.ie6 input { vertical-align:text-bottom; }
label, input[type="button"], input[type="submit"], input[type="image"], button { cursor:pointer; }
button, input, select, textarea { margin:0; }
input:valid, textarea:valid {  }
.no-boxshadow input:invalid, .no-boxshadow textarea:invalid { background-color:#f0dddd; }

::-moz-selection{ background:#FF5E99; color:#fff; text-shadow:none; }
::selection { background:#FF5E99; color:#fff; text-shadow:none; }
a:link { -webkit-tap-highlight-color:#FF5E99; }

button { width: auto; overflow: visible; }
.ie7 img { -ms-interpolation-mode: bicubic; }

body, select, input, textarea { color:#333; }
h1, h2, h3, h4, h5, h6 { font-weight:bold; }
a, a:active, a:visited { color:#ff0000; }
a:hover { color:#000000; }


/* ============================= global structure ============================= */

html {height:100%;}
body{
	height:100%;
	background-color:#ffffff;
	font-family:"Trebuchet MS",arial,helvetica,sans-serif;
}

h1, h2, h3, h4, h5, h6 {
	color:#494949;
	font-style:italic;
	font-family:Arial,Helvetica,sans-serif;
	font-weight:bold;
	text-decoration:none;
}

h1 { font-size:1.6em; margin:0; font-style:italic;}
h2 { font-size:1.45em; margin:8px 0 6px 0; color:#2d134d;}
h3 { font-size:1.3em; margin:5px 0; color:#494949;}
h4 { font-size:1.2em; margin:5px 0; color:#371b59;}
h5 { font-size:1.1em; margin:7px 0 0 0; color:#403d2f;}
h6 { font-size:1.0em; margin:5px 0; color:#403d2f;}

#wrapper {
	position:relative;
	margin:0 auto;
	padding:0;
	width:100%;
	height:100%;
	background:url(../_img/bg_wrapper.png) repeat-x;
}
#wrapper-home {
	position:relative;
	margin:0 auto;
	padding:0;
	width:100%;
	height:100%;
	background:url(../_img/bg_wrapperHome.png) repeat-x;
}
#container {
	position:relative;
	margin:0 auto;
	padding:0;
	width:940px;
}

/* ============================= header ============================= */

#header-wrapper {
	position:relative;
	margin:0 auto;
	padding:0;
	width:940px;
	height:320px;
	background:url(../_img/bg_container.png) no-repeat;
}
#header-wrapper-home {
	position:relative;
	margin:0 auto;
	padding:0;
	width:940px;
	height:420px;
	background:url(../_img/bg_containerHome.png) no-repeat;
}
#container-header {
	position:relative;
	margin:0 auto;
	width:940px;
	height:90px;
}
#header-logo {
	position:absolute;
	left:11px;
	top:0px;
}
#header-slogan {
	position:absolute;
	right:46px;
	bottom:7px;
}
#header-slideshow {
	position:relative;
	margin:8px auto;
	width:884px;
	height:165px;
}
#header-slideshow-home {
	position:relative;
	margin:8px auto;
	width:884px;
	height:246px;
}
nav {
	position:relative;
	margin:0 auto;
	width:884px;
	height:25px;
}
.header-menu-home {
	position:relative;
	margin:0 auto;
	width:884px;
}

/* ============================ index nav ============================ */

.header-menu-home ul#main_nav { margin:0; padding:0; }
.header-menu-home #main_nav li { list-style:none; float:left; margin:0; padding:0; }
.header-menu-home #main_nav li a { 
	display:block;
	height:38px;
	text-indent:-9999em;
	text-decoration:none;
}
.header-menu-home #main_nav li a#home { width:194px; background:transparent url(../_img/indexNav.png) 0px top no-repeat;}
.header-menu-home #main_nav li a:hover#home { background:transparent url(../_img/indexNav.png) 0px bottom no-repeat; }

.header-menu-home #main_nav li a#esi { width:136px; background:transparent url(../_img/indexNav.png) -194px top no-repeat;}
.header-menu-home #main_nav li a:hover#esi { background:transparent url(../_img/indexNav.png) -194px bottom no-repeat; }

.header-menu-home #main_nav li a#eisi { width:135px; background:transparent url(../_img/indexNav.png) -330px top no-repeat;}
.header-menu-home #main_nav li a:hover#eisi { background:transparent url(../_img/indexNav.png) -330px bottom no-repeat; }

.header-menu-home #main_nav li a#etc { width:136px; background:transparent url(../_img/indexNav.png) -465px top no-repeat;}
.header-menu-home #main_nav li a:hover#etc{ background:transparent url(../_img/indexNav.png) -465px bottom no-repeat; }

.header-menu-home #main_nav li a#lai { width:136px; background:transparent url(../_img/indexNav.png) -601px top no-repeat;}
.header-menu-home #main_nav li a:hover#lai { background:transparent url(../_img/indexNav.png) -601px bottom no-repeat; }

.header-menu-home #main_nav li a#eas { width:147px; background:transparent url(../_img/indexNav.png) -737px top no-repeat;}
.header-menu-home #main_nav li a:hover#eas { background:transparent url(../_img/indexNav.png) -737px bottom no-repeat; }


/* ============================= content ============================= */

#content-container {
	position:relative;
	margin:0 auto 10px auto;
	padding:0;
	width:940px;
}
#content-top {
	position:relative;
	margin:0;
	padding:0;
	width:940px;
	height:25px;
	background:url(../_img/bg_contentTop.png) no-repeat;
}
#content-top-home {
	position:relative;
	margin:0;
	padding:0;
	width:940px;
	height:20px;
	background:url(../_img/bg_contentHomeTop.png) no-repeat;
}
#content-middle {
	position:relative;
	margin:0;
	padding:0;
	width:940px;
	background:url(../_img/bg_contentMiddle.png) repeat-y;
}
#content-middle-home {
	position:relative;
	margin:0;
	padding:0;
	width:940px;
	background:url(../_img/bg_contentHomeMiddle.png) repeat-y;
}
#content-bottom {
	position:relative;
	margin:0;
	padding:0;
	width:940px;
	height:23px;
	background:url(../_img/bg_contentBottom.png) no-repeat;
}
#content-bottom-home {
	position:relative;
	margin:0;
	padding:0;
	width:940px;
	height:23px;
	background:url(../_img/bg_contentHomeBottom.png) no-repeat;
}

aside {
	float:right;
	margin:0 50px 0 0;
	width:220px;
}
#content {
	position:relative;
	margin:0 0 0 45px;
	padding-top:8px;
	width:590px;
}

.content {
	color:#444444;
	font-size:1.1em;
	line-height:1.45em;
	font-family:"Trebuchet MS",tahoma,verdana,arial,helvetica,sans-serif;
}
.content a:link, .content a:visited {
	color:#0000ff;
	text-decoration:none;
	border-bottom:1px dotted #d0d0d0;
}
.content a:hover, .content a:active, .content a:visited:hover {
	color:#000000;
	text-decoration:none;
	border-bottom:1px dashed #0000ff;
}
.content p {
	padding:0;
	margin:6px 0 6px 10px;
}
.content ul {
	margin:0;
	padding:0 0 0 30px;
	list-style-image: url(../_img/bullet_1.gif);
}
.content ol {
	margin:0;
	padding:10px 0 10px 35px;
}
.content li {
	padding:0;
	margin:0;
}
.content ul li ul {
	margin:0;
	padding:0 0 0 20px;
}
.content li ul li{
	padding:0;
	margin:0;
	list-style-image: url(../_img/bullet_2.gif);
}
.footnote { color:#696969;
	font-size:0.85em;
	line-height:1.35em;
	font-family:"Trebuchet MS",tahoma,verdana,arial,helvetica,sans-serif;
}

.keyPeople-name {
	font-family:"Trebuchet MS",tahoma,verdana,arial,helvetica,sans-serif;
	font-size:0.95em;
	padding-top:6px;
}
.keyPeople-name a:link, .keyPeople-name a:visited { color:#0000ff; font-weight:bold; text-decoration:none; }
.keyPeople-name a:hover, .keyPeople-name a:active, .keyPeople-name a:visited:hover { color:#000000; font-weight:bold; text-decoration:none; border-bottom: 1px dashed #000000; }
.keyPeople-title {
	font-family:"Trebuchet MS",tahoma,verdana,arial,helvetica,sans-serif;
	font-size:0.85em;
	line-height:1.3em;
	padding-left:12px;
}

.more {
	position:relative;
	margin:0;
	padding:0;
	float:right;
}
.more span a { display:inline-block; text-indent:-1000em; text-decoration:none; border:none; }
.more span a#learn { width:85px; height:12px; background-image:url(../_img/learn_more.png); background-position:0 0; z-index:10; border:none; }
.more span a:hover#learn {background-position:0px 12px; border:none;}

.thumb img {
	border:1px solid #999999;
	background-color:#eeeeee;
	padding:6px;
}
.thumb a:hover img {
	border:1px solid #0000cc;
	background-color:#dcdcdc;
}

blockquote {
	padding:10px 6px 8px 15px;
	border:1px solid #dadaca;
	-webkit-border-radius:6px;
		 -moz-border-radius:6px;
				  border-radius:6px; 
}
.blockRightImg { float:right; padding:5px 15px 7px 25px; }
.quote {
	background-image:url(../_img/quote.png);
	background-repeat:no-repeat;
	padding-top:12px;
	font-style:italic;
}
.quote p {padding:0 0 8px 0;}

#ToTop {padding:5px;}
#ToTop a img {
	filter:alpha(opacity=60);
	-moz-opacity:0.60;
	opacity:0.60;
	border:none;
}
#ToTop a:hover img {
	filter:alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;
	border:none;
}

/* ============================= headline news script ============================= */

.newsTitle {
	color:#000000;
	font-style:normal;
	font-size:1.3em;
	font-weight:bold;
	font-family:"Trebuchet MS",Tahoma,Verdana,Geneva,Helvetica,sans-serif;
	text-decoration:none;
}
.small {
	color:#aaaaaa;
	font-size:0.8em;
	font-family:"Trebuchet MS",tahoma,verdana,arial,helvetica,sans-serif;
}
.news {
	color:#444444;
	font-size:1.0em;
	line-height:1.45em;
	font-family:"Trebuchet MS",tahoma,verdana,arial,helvetica,sans-serif;
}
.news a:link, .news a:visited {
	color:#0000cd;
	text-decoration:none;
	border-bottom:1px dotted #eeeeee;
}
.news a:hover, .news a:active, .news a:visited:hover {
	color:#000000;
	text-decoration:none;
	border-bottom:1px dashed #0000ff;
}

/* ============================= boxes ============================= */

#box-classes {padding:0px; margin:0 0 0 20px;}
.box_small_left {
	width:565px;
	margin:0 10px 5px 0px;
	padding:0;
}
#box-classes .item {
	padding:0 0 0 4px;
	margin-bottom:4px;
	clear:both;
}
#box-classes h4.nav_expand {
	margin-bottom:2px;
	padding-top:0px;
	color:#444444;
	font-size:1.05em;
	border:none;
	text-decoration:none;
}
#box-classes .nav_expand {
	float:left;
	margin:0 8px 0 0;
	border:none;
}
#box-classes a:link, #box-classes a:visited {
	color:#0000ff;
	text-decoration:none;
	border-bottom:1px dotted #d0d0d0;
}
#box-classes a:hover, #box-classes a:active, #box-classes a:visited:hover {
	color:#000000;
	text-decoration:none;
	border-bottom:1px dashed #0000ff;
}
#box-classes p {
	margin:0 0 0 10px;
	padding:0px 0px 8px 10px;
	color:#444444;
	font-size: 1.0em;
	line-height: 1.4em;
	clear:left;
}

/*--------------- CSS HACKS ------------------*/
 .clearfix {display:inline-block;}
/* Hides from IE-mac \*/
.clearfix {display: block;}
/* End hide from IE-mac */
.clearfix:after {
	content:".";
	display: block;
	height:0;
	clear:both;
	visibility:hidden;
}

/* ============================= icons ============================= */

[icon ^="pdf"] {padding-right:18px; background:transparent url(../_img/icon/icn_pdf.gif) no-repeat center right;} /* mark tag as: icon="pdf"  */
[icon ^="zoom"] {padding-right:18px; background:transparent url(../_img/icon/icn_zoom.png) no-repeat center right;} /* mark tag as: icon="zoom"  */
[icon ^="pop"] {padding-right:18px; background:transparent url(../_img/icon/icn_popup.gif) no-repeat center right;} /* mark tag as: icon="pop"  */
[icon ^="out"] {padding-right:18px; background:transparent url(../_img/icon/icn_external.gif) no-repeat center right;} /* mark tag as: icon="out"  */
[icon ^="flash"] {padding-right:18px; background:transparent url(../_img/icon/icn_flash.gif) no-repeat center right;} /* mark tag as: icon="flash"  */
[icon ^="mail"] {padding-right:18px; background:transparent url(../_img/icon/icn_mailto.gif) no-repeat center right;} /* mark tag as: icon="mail"  */
[icon ^="doc"] {padding-right:18px; background:transparent url(../_img/icon/icn_doc.gif) no-repeat center right;} /* mark tag as: icon="doc"  */
[icon ^="xls"] {padding-right:18px; background:transparent url(../_img/icon/icn_xls.gif) no-repeat center right;} /* mark tag as: icon="xls"  */


/* ============================= footer ============================= */

#footer-wrapper {
	margin:0 auto;
	width:100%;
	text-align:center;
}
footer {
	position:relative;
	margin:0 auto;
	padding:0 0 25px 0;
	width:900px;
	text-align:center;
}
.footer {
	color:#777777;
	font-size:0.9em;
	font-family:verdana,arial,helvetica,sans-serif;
	line-height:1.3em;
}
.footer a:link, .footer a:visited {
	color:#777777;
	text-decoration:none;
	border-bottom:1px dotted #aaaaaa;
}
.footer a:hover, .footer a:active, .footer a:visited:hover {
	color:#0000ff;
	text-decoration:none;
	border-bottom:1px dashed #000000;
}


/* ============================= forms ============================= */

form {
  border:1px solid #c9c9c9;
	-webkit-border-radius:8px;
		 -moz-border-radius:8px;
				  border-radius:8px;
  -webkit-box-shadow:inset 0 0 64px rgba(0,0,0,0.13);
	 	 -moz-box-shadow:inset 0 0 64px rgba(0,0,0,0.13);
					box-shadow:inset 0 0 64px rgba(0,0,0,0.13);
  margin:1px 0 1px 30px;
  padding:30px;
  background-color:#fcfcfc;
}
label {
  font-size:1.0em;
  display:block;
	width:130px;
	float:left;
  margin:0;
	padding:3px 6px 0 0;
  text-align:right;
}

input[type=text], input[type=email], input[type=password], input[type=url], textarea {
  background-color:#fff;
  border:1px solid #666;
	-webkit-border-radius:4px;
		 -moz-border-radius:4px;
				  border-radius:4px;
  display:block;
  margin:0 0 8px 0;
  font-family:"Trebuchet MS",tahoma,verdana,arial,helvetica,sans-serif;
  padding:4px 10px;
  width:250px;
	-webkit-box-shadow:inset 1px 1px 2px #aaa;
		 -moz-box-shadow:inset 1px 1px 2px #aaa;
					box-shadow:inset 1px 1px 2px #aaa;
}
input[type=text].security {
  background-color:#fff;
  border:1px solid #ff0000;
	-webkit-border-radius:4px;
		 -moz-border-radius:4px;
				  border-radius:4px;
  display:block;
  margin:0 0 10px 0;
  font-family:"Trebuchet MS",tahoma,verdana,arial,helvetica,sans-serif;
  padding:4px 10px;
  width:170px;
	-webkit-box-shadow:inset 1px 1px 2px #aaa;
		 -moz-box-shadow:inset 1px 1px 2px #aaa;
					box-shadow:inset 1px 1px 2px #aaa;
}

select {
  background-color:#fff;
  border:1px solid #666;
	-webkit-border-radius:4px;
		 -moz-border-radius:4px;
				  border-radius:4px;
  display:block;
  margin:0 0 8px 0;
  font-family:"Trebuchet MS",tahoma,verdana,arial,helvetica,sans-serif;
  padding:2px 8px;
}

input[type=number] {width: 3em;}

input:not([type=range]):not([type=date]):not([type=submit]):not([type=reset]):not([type=button]):not([type=checkbox]):not([type=number]) {
  background:#fff;
}

input:not([type=range]):not([type=date]):not([type=submit]):not([type=reset]):not([type=button]):not([type=checkbox]):not([type=number]):required {
  background:#fff url('../_img/forms/required.png') right center no-repeat;
	border:1px solid #ff0000;
	-webkit-border-radius:4px;
		 -moz-border-radius:4px;
				  border-radius:4px;
}

input:not([type=range]):not([type=date]):not([type=submit]):not([type=reset]):not([type=button]):not([type=checkbox]):not([type=number]):focus:invalid { 
  background:#fff url('../_img/forms/invalid.png') right center no-repeat;
} 
input:not([type=range]):not([type=date]):not([type=submit]):not([type=reset]):not([type=button]):not([type=checkbox]):not([type=number]):focus:valid { 
  background:#fff url('../_img/forms/valid.png') right center no-repeat;
}

:invalid {box-shadow:none;}
::-webkit-input-placeholder { color:#333; }
input {font-size:1.0em;}

input[type=submit], input[type=reset], input[type=button] {
  border:1px solid #222222;
	-webkit-border-radius:14px;
  	 -moz-border-radius:14px;
  			  border-radius:14px;
  background-color:#2e5c99;
  /* SVG for IE9 and Opera */
  background-image: url(../_img/forms/button-gradient.svg);
  /* Old WebKit */
  background-image: -webkit-gradient(radial, 30% 120%, 0, 30% 120%, 100, 
    color-stop(0,rgba(0,155,255,1)), 
    color-stop(1,rgba(20,85,170,1)));
  /* W3C for Mozilla */
  background-image: -moz-radial-gradient(30% 120%, circle, 
    rgba(0,155,255,1) 0%,
    rgba(20,85,170,1) 50%);
  /* W3C for new WebKit */
  background-image: -webkit-radial-gradient(30% 120%, circle, 
    rgba(0,155,255,1) 0%,
    rgba(20,85,170,1) 50%);;
  /* W3C unprefixed */
  background-image: radial-gradient(30% 120%, circle,
    rgba(0,155,255,1) 0%,
    rgba(20,85,170,1) 50%);
  color:#ffffff;
  font-family:verdana,arial,helvetica,sans-serif;
  text-transform:uppercase;
	text-shadow:#1559b3 1px 1px;
  font-size:11px;
  padding:5px 15px;
  margin:10px 2px;
  opacity: 0.65;
  -webkit-transition: opacity .15s linear;
  -moz-transition: opacity .15s linear;
	-webkit-box-shadow:0 0 4px #000000;
		 -moz-box-shadow:0 0 4px #000000;
					box-shadow:0 0 4px #000000;
}

input[type=submit]:hover, input[type=reset]:hover {
  opacity: 1;
	border:1px solid #000000;
	text-shadow:#000 1px 1px;
  -webkit-transition: opacity .15s linear;
  -moz-transition: opacity .15s linear;
	-webkit-box-shadow:0 0 12px #000000;
		 -moz-box-shadow:0 0 12px #000000;
					box-shadow:0 0 12px #000000;
}

form h4 {color:#4f4f4f; margin-top:15px;}

.tooltip {
	display:none;
	background-color:#000000;
	border:1px solid #ffffff;
	-webkit-border-radius:6px;
		 -moz-border-radius:6px;
					border-radius:6px;
	padding:10px 15px;
	width:200px;
	color:#ffffff;
	text-align:left;
	font-size:12px;
	-webkit-box-shadow:0 0 12px #000000;
		 -moz-box-shadow:0 0 12px #000000;
					box-shadow:0 0 12px #000000;
	font-family:"Trebuchet MS",tahoma,arial,helvetica,sans-serif;
	z-index:100;
}
.emailFormError {color:#ff0000;}


/* ========================= Media queries for responsive design. ========================= */

.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
.hidden { display: none; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
.clear {clear:both;}

@media all and (orientation:portrait) {
}

@media all and (orientation:landscape) {
}

@media screen and (max-device-width: 480px) {
  /* html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
}

@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important;
  -ms-filter: none !important; } 
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}