body { font:13px "Times New Roman", Times, serif serif; *font-size:small; *font:x-small; line-height:1.22; }
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, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, figure, footer, header, 
hgroup, menu, nav, section, menu,
time, mark, audio, video, a, aside a {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent none no-repeat 0 0;
  color: #3F3F40;
}                  
aside li, header li, nav li {list-style-type: none; margin: 0; padding: 0;}
article, aside, figure, footer, header, hgroup, nav, section { display:block; }

nav ul { list-style:none; }

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 #000; cursor:help; }
table { border-collapse:collapse; border-spacing:0;  font-size:inherit; font:100%;}
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
input, select { vertical-align:middle;  font-size:99%; font-family:"Times New Roman", Times, serif; color: #282828;}
pre, code, kbd, samp { font-family: monospace, sans-serif; }/ 
h1,h2,h3,h4,h5,h6 { font-weight: bold; text-rendering: optimizeLegibility; }
html { -webkit-font-smoothing: antialiased; }

 
/* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */
 a:focus { outline: 1px dotted #f3f3f3; }
a, a:active { color:#333333; }
a:hover { color:#036; }
header a, nav a, aside a, .subbanner a {text-decoration: none;}
section ul { margin-left:30px; }
section ol { margin-left:30px; list-style-type: decimal; }

small { font-size:85%; }
strong, th { font-weight: bold; }
td, td img { vertical-align:top; } 
sub { vertical-align: sub; font-size: smaller; }
sup { vertical-align: super; font-size: smaller; }
pre { 
  padding: 15px;
  background-color: #deded1;
  white-space: pre; /* CSS2 */
  white-space: pre-wrap; /* CSS 2.1 */
  white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
  word-wrap: break-word; /* IE */
  text-overflow: ellipses;
}

input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; *vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
label, input[type=button], input[type=submit], button { cursor: pointer; }
::-moz-selection{ background: #FF5E99; color:#fff; text-shadow: none; }
::selection { background:#FF5E99; color:#fff; text-shadow: none; } 
a:link { -webkit-tap-highlight-color: #FF5E99; } 
html { overflow-y: scroll; }
button {  width: auto; overflow: visible; }
.ie7 img { -ms-interpolation-mode: bicubic; }

.ir { display:inline-block; text-indent:-999em; overflow:hidden;}
.hidden, .hide { display:none; visibility:hidden; } 
.visuallyhidden { position:absolute;    
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px); } /* ACCESSIBLE HIDING */


/* >> The Magnificent CLEARFIX << */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: block; }


/* MAIN STYLES */

 body {
	 background-color: #AEDF7C;
  background-image: -moz-linear-gradient(bottom, #AEDF7C, #006633); /* FF3.6 */
  background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #AEDF7C),color-stop(1, #006633)); /* Saf4+, Chrome */
            filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#006633', EndColorStr='#AEDF7C'); /* IE6,IE7 */
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#006633', EndColorStr='#AEDF7C')"; /* IE8 */
		height: 100%;

	  }
  article{
	  width: 1000px;
	  margin: auto;
	  background-color: #ffffff;
	  }
  header {
	 
	  }
  ul.login {
	float: right;
	padding-top: 5px;
	font-size: 14px;
	font-family:Arial, Helvetica, sans-serif; 
	padding-right: 10px; 
  }
	  .login li {
		float: left; 
		line-height: 38px; 
		padding-left: 45px;
	  }
		    .login .email a{
			  background-image:url(../img/login_03.gif);
			  width: 44px;
			  height: 40px;
			  text-indent: -999em;
			  display:block;	
			   }
		      .login .login a{
			  background-image:url(../img/login_03.gif);
			  width: 93px;
			  background-position:top right;
			  height: 40px;
			  text-indent: -999em;
			  display:block;	
			   }
  header h1 {
	  background-image:url(../img/logo.jpg);
	  width: 308px;
	  height: 107px;
	  text-indent: -999em;
	  float: left;
	  margin-top: 20px;
	  margin-left: 50px;
	  margin-bottom: 17px;  }
  header h2{
	  background-image:url(../img/returnontrust.gif);
	  width: 320px;
	  height: 26px;
	  text-indent: -999em;
	  float:right;
	  margin-top: 30px;
	  margin-right: 20px;
	  clear: right;
  }
  header nav {
	  clear:both;
	  background-image: url(../img/navback.gif);
	  background-repeat: repeat-x;
	  width: 100%;
	  float: left;
	  padding-bottom: 12px;
	  margin-top: 3px;
	  }
	  	header nav li {
			float: left;
  	        line-height:28px;
			position: relative;
			text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
		}
		header nav li a{
			border-right: 1px solid #509624;
			border-left: 1px solid #ffffff;	
		}
		header nav li.active {
			
  background-image: -moz-linear-gradient(0% 100% 90deg,#D8D8D8, #D8D8D8, #D8D8D8 0%,#FFFFFF 50%,#D8D8D8 100%); /* FF3.6 */
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#D8D8D8), to(#D8D8D8), color-stop(.6,#ffffff));
            filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#d8d8d8', EndColorStr='#ffffff'); /* IE6,IE7 */
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#d8d8d8', EndColorStr='#ffffff')"; /* IE8 */
		-moz-background-size: 100% 32px;
		-webkit-background-size: 100% 32px;
		background-size: 100% 32px;
		}
			
		header nav li li.active{
			-moz-background-size: 100% 100%;
			-webkit-background-size: 100% 100%;
			background-size: 100% 100%;
		}
		header nav a {
			display: block;
			padding: 3px 36px 0;
			text-transform:uppercase;
			font-weight: bold; 
			font-size: 13px;
			color: #3F3F40;
			text-decoration: none;
			
		}
		header nav .pcm a{padding-left: 25px; padding-right: 25px;}
		header nav a:hover {
			background-color: rgba(0,0,0,0.1);
		}
		header nav a:hover, 
		header nav .active > a, 
		.subbanner a:hover, 
		.subbanner a:focus,
		.subbanner .active a {
			background-image:url(../img/dot.png);
			background-position: 8px 11px;
			}
				.subbanner a {padding: 0 20px;}
				.subbanner a:hover, .subbanner .active a { background-position: left center;}
		
		header nav li li a:first-of-type {border-left: none; border-top: none;}
		
		 header nav li li a:last-of-type {border-right: none; border-bottom: none;}
		
		/* SUBNAVIGATION */
		
		header nav li ul {
			display: none; 
			position: absolute;
		-moz-box-shadow: 4px 4px 4px rgba(0,0,0, 0.3);
		-webkit-box-shadow: 4px 4px 4px rgba(0,0,0, 0.3);
		box-shadow: 4px 4px 4px rgba(0,0,0, 0.3);
			border:1px solid #ffffff;
			border-width: 0 1px 1px;
			width: 100%;
			}
		header nav li:hover ul,
		header nav li.hover ul,
		header nav li:focus ul {
			display: block;
			z-index:999;
			
		}
		
		header nav li ul, .subbanner {
			  background-color: #d8d8d8;
  background-image: -moz-linear-gradient(0% 100% 90deg,#D8D8D8, #D8D8D8, #D8D8D8 0%,#FFFFFF 50%,#D8D8D8 100%); /* FF3.6 */
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#D8D8D8), to(#D8D8D8), color-stop(.6,#ffffff));
            filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#d8d8d8', EndColorStr='#ffffff'); /* IE6,IE7 */
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#d8d8d8', EndColorStr='#ffffff')"; /* IE8 */
			}
		 .subbanner {border: 1px solid #dedede; border-width:1px 0;}
		header nav li li {
			
			border-left: none;
			border-right: none;
			border-top: 1px #ffffff solid;
			border-bottom: 1px solid #C1C3C4;
			width: 100%;
			clear:both;
			float:none;
			zoom: 1;
			}
		header nav li li a {
			display: block;
			line-height: 1.2;
			padding: 10px 0 10px 20px;
			border: none;
			}
		header nav li li a:hover,
		header nav li li.active a {
			background-position: 4px 10px;
		    }
.subbanner {
	clear: both; 
	margin:-2px 0 -35px;
	 width: 100%; 
	 float: left;
	 height: 32px;
	 line-height: 32px;
	 }	
	section h1, section h2, .subbanner h1 {
	color: #009245;
	text-transform: uppercase;
	font-weight: normal; 
	font-size: 18px;
	}
	section h1 {
		padding-bottom: 10px;	
	}
	section hgroup h2 {
		color: #3f3f40;
		}
	.subbanner h1 {
		float: left;
		font-size: 15px;
		letter-spacing: 1px;	
		padding: 0 20px;
		text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	}
	.subbanner ul {
		float: right;	
	}
	.subbanner li {
		list-style-type: none;
		float: left;
		padding: 0 30px;
		border-left: 2px solid #d8d8d8;	
		-moz-border-left-colors: #d8d8d8 #ffffff;
	}
		
.content {
	clear: both;
	padding: 60px 30px;
	*padding-top: 30px;
}

aside {
	float:left;
	width: 300px;	
}
	aside ul {margin-top: 2em;}
	
	aside li {}
	
	aside .pdf {
		background-image:url(../img/pdf.png);
		height: 46px;
		padding: 6px 0 20px 37px	
	}
	aside ul a, .pullquote a {
	   padding-right: 20px;
	   background-image:url(../img/greenarrow.png);
	   background-position: 100% 50%;
	}
	aside ul a {
	   line-height: 12px;
	   font-size: 12px;
	}
	
	aside .button {
		background-image:url(../img/leftbuttons.png);
		width: 198px;
		height: 45px;
		padding-left: 10px;	
		line-height: 36px;
		font-size: 12px;
		margin-bottom: 1em;
		padding-top: 3px;
		background-position: 0 3px;
	}
	aside .button a {
		background-image:none;
	}
	aside .lightbutton {
		background-position: 0 -57px;
		line-height:1.2;
	}
	aside .darkbutton a {
		font-weight: bold;
		font-size: 13px;
		font-family:Arial, Helvetica, sans-serif;
		color: #ffffff;
		letter-spacing: 0.5px;
		}
/* HIL		 */
	aside h1 {
	color: #009245;
	text-transform: uppercase;
	font-weight: normal; 
	font-size: 18px;
	}
	aside h1:first-letter, 
	aside h1 b{
		font-size: 123.5%;
		font-weight: normal;
		}
	aside ul.news, aside li.news { 
		list-style: disc;
		list-style-position: inside;
		height: auto;
	}
	.news a {
		font-size: 16px;
	}
	hr.green {
		width: 90%;
		color: #009245;
		background-color: #009245;
		height: 5px;
		margin-left: 5%;
	}
	span.video_name {
		font-size: 18px;
		vertical-align: top;
		padding-left: 16px;
	}
	aside p, aside h2 {
		margin-right: 18px;
		margin-left: 12px;
	}

section {
	float: left;
	width: 640px;
	min-height: 300px;		
}
.fullwidth {
	width: 100%;
	float: none;
}
footer {
	clear: both;	
}


section h2 {
	font-size: 13px;	
}
section h1:first-letter, 
section h2:first-letter, 
section  b{
		font-size: 123.5%;
		font-weight: normal;
		}
section blockquote {padding-left: 20px;}
section p {
	margin-bottom: 1em;	
 	}
		.home section {
			padding-top: 40px;
			width: 600px;	
		}
		.home section p, p.section {
			padding-left: 40px;
		}
		p.section {width:940px; }
	section figure {
		float: left;
		clear: both;
		width: 110px;
		}
	blockquote.people {
		float: left; width: 500px;	
	}
	section hgroup h2 {
		text-transform: uppercase;	}
	.person hgroup h2 {
		font-size: 18px;	
	}
	section hgroup h3{ 
		font-style:italic;
		font-weight: normal;
		padding-bottom: 10px;
		}
	.person figure {
		width: 160px;	
	}
	.person hgroup {
		padding-left: 70px;
		background-image:url(../img/orb.jpg);	
	}
	.person blockquote {
		float: left; 
		width: 460px;	
	}
	area:hover {outline: 1px dotted #ffffff;}
	
	/* Page specifics */
	.home footer {
		clear: both;
		padding-bottom: 1em;	
	}
	.home aside {
		padding:40px 20px 0;
		width:310px;
	}
	.quicktime {background-image:url("../img/btn_watchquicktime.jpg");
		background-position:0 0;
		display:block;
		float:right;
		font-family:Arial,Helvetica,sans-serif;
		font-size:13px;
		height:42px;
		padding:8px 14px;
		text-transform:uppercase;
		width:163px;
		line-height: 1.4;
	}
	.pullquote {
		background-color: #DBF1B4;
		padding: 10px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		-moz-box-shadow: 4px 4px 4px rgba(0,0,0, 0.3);
		-webkit-box-shadow: 4px 4px 4px rgba(0,0,0, 0.3);
		box-shadow: 4px 4px 4px rgba(0,0,0, 0.3);
		margin-top: 6em;
		clear: both;
	}
	.home footer p {
		font-size: 10px;
		font-family: Arial, Helvetica, sans-serif;
		padding: 20px;
		color: #929397;	
	}
	.decor{ 
		width: 100%; 
		background:#E4F4D4 url(../img/footergreen.gif) 0 0 repeat-x;
		line-height:30px;
	}
	.decor p {
		width: 960px;
		margin: 0 auto;
		text-align: right;	
		color: #7F7E81;
		font-size: 11px;
		font-family: Arial, Helvetica, sans-serif;
	}
	.decor a {
		text-decoration: none;
		color: #999992;		
	}
	div.home {
		padding: 40px 0;	
	}
	
form {
	margin-top:1em;
	}
	form li {
		list-style-type: none;
		clear: both;	
		margin-bottom: 0.5em;
	}
	label {
		display: inline-block;
		width: 5em;
	}
	input, textarea {
		border: 1px solid #cccccc;	
		padding: 3px;
	}
	input:invalid {
		border: 1px solid #B47378;	
	}
	input[type=submit]{
		-webkit-border-radius: 12px;
		-moz-border-radius: 50%;
		border-radius: 12px;
		padding: 2px 8px;
		background-color: #ececec;
		border: 1px solid #474747;
		-moz-box-shadow: 3px 3px 3px rgba(0,0,0,0.2), inset 3px 3px 3px rgba(255,255,255, 0.5);
		-webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.2), inset 3px 3px 3px rgba(255,255,255, 0.5);
		box-shadow: 3px 3px 3px rgba(0,0,0,0.2), inset 3px 3px 3px rgba(255,255,255, 0.5);
		font-size: 12px;
		
	}
	input[type=submit]:hover, input[type=submit]:focus {
		padding: 1px 8px 3px;	
	}
	
ul.logins {
	background-image: url(../img/logingreen.jpg);
	width: 327px;
	height: 212px;
	padding: 50px 20px;
	background-repeat:no-repeat
}
	ul.logins li {
		background-image: url(../img/loginsbg.png);
		font-size: 12px;
		list-style-type: none;
		line-height: 28px;
		margin: 0 0 40px 0;
	}
	ul.logins li a {
		text-decoration: none;
		padding: 5px 10px;
		font-size: 12px;
	}
	ul.logins li a:hover {
		position: relative;
		top: -1px;
	}
address {
	width: 250px;
	background-color: #f2f3f4;
	-moz-box-shadow: 3px 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.2);
	box-shadow: 3px 3px 3px rgba(0,0,0,0.2);
	filter: 
  progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa,direction=135,strength=10);	
  margin-left: 40px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   font-style:normal;
   	float: left;
}
address p {
	padding: 15px 15px 0;	
}
	
aside.mediacenter {
	background-color: #D6EBB0;	
	width: 250px;
	margin-right: 50px;
	margin-bottom: 50px;
}
	.mediacenter p {
		padding: 10px;
	}
	.mediacenter li {
		padding: 10px 10px 10px 60px;
		border-top: 1px solid #ffffff;	
		background-image:url(../img/movie.jpg);
		background-position: 10px center;
	}
	iframe {margin-bottom: 1em;
	}
	
	
/* PRINT STYLES */
@media print {
  * { background: transparent !important; color: #444 !important; text-shadow: none; }
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a:after { content: " (" attr(href) ")"; } 
  abbr:after { content: " (" attr(title) ")"; }
  .ir a:after { content: ""; }  /* Don't show links for images */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}



/*
 * Media queries for responsive design
 */

@media all and (orientation:portrait) { 
  /* Style adjustments for portrait mode goes here */
  
}

@media all and (orientation:landscape) { 
  /* Style adjustments for landscape mode goes here */
  
}

/* Grade-A Mobile Browsers (Opera Mobile, iPhone Safari, Android Chrome)  
   Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-device-width: 480px) {
  
  
  /* Prevent iOS, WinMobile from adjusting font size */
  html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } 
}

/*test by IO*/
/*test by IO 5/27/2016*/