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

body {/*background: #d4d9da;*/ background:#FFF7DB; font:13px/1.5 "lucida grande",arial,verdana,sans-serif;}

a {color:#7d8a93;}
a:visited {text-decoration:none}
a:hover {color:#5e6d76;}

.to-top {color:#900;}
.to-top a {color:#900;}

em {font-style:italic; font-size:12px; padding:0 2px 0 0; }

noscript {text-align:center; background:#C33; color:#FCC; width:100%; display:inline-block; position:absolute;}

#background-top {background:url(../images/25/bg.jpg) top;}

#wrapper {width:960px; margin:0 auto;}

#top-header {position:relative}
#main-display {width: 970px; height:342px; overflow:hidden; left:-5px; margin-bottom:-10px; position:relative}

/* Header */
#topbar {height:100px}
.nstp-logo {float:left; margin:20px 50px 10px 30px}
.top-navigation li {float:left;}
.top-navigation li a {padding:10px 0 8px; margin: 30px 30px 0 0; display:block;}
.top-navigation .current_page_item a {color:#5e6d76;}

#news-site {float:right; margin:40px 0 0 0; padding:0 20px 6px 0; background:url(../images/news-site-arrow.gif) right top no-repeat; position:relative}

.content3 {padding: 80px; position: absolute; color:#FFF}

	#topbar a { font-size:12px;}
	
	#news-site div {
		-moz-border-radius: 5px; border-radius: 5px;
		-moz-box-shadow:0 0 5px #c1ccd0; -webkit-box-shadow:0 0 5px #c1ccd0; box-shadow:0 0 5px #c1ccd0;
		background: #fff; background:rgba(255, 255, 255, 0.9);
		position:absolute; margin:5px 0 0 0; z-index:100;
		padding:10px 20px;
		display:none;		
		}
	#news-site:hover div {display:block}
	
	.news-site-dropdown a {padding:5px 0; display:block;}

/* Navigation */

#main-navigation {background:url(../images/navbar.png) center no-repeat; width:960px; height:50px;}
	#main-navigation ul, #cycle-pager {margin:0 30px}
	#cycle-pager {position:absolute}
	#cycle-pager a{width:110px; display:block; float:left; margin:0 45px 0 0; text-indent:-5000px}
	
	#main-navigation li {float:left; position:relative}
	
	
	#main-navigation a {color:#e7ecee; font-size:16px; font-weight:bold;
	text-shadow: 0 0 0 transparent, 0 1px 2px rgba(0,0,0,0.5); line-height:47px;
	margin: 0 50px 0 0}
	#main-navigation a span {color:#f90; font-size:12px;}
	#main-navigation a:hover, #main-navigation .hover-active {text-shadow: 0 0 0 transparent, 0 0 2px rgba(255,255,255,0.5);}
	
	
	#main-navigation li.contact {  float:right; background:url(../images/contact-bg.png) 0 -2px repeat-x;}
	#main-navigation li.contact a {margin:0; padding:0 30px}
	
	.main-navigation-top {height:15px; background:url(../images/navbar-top.png) no-repeat;}
	
	
/* Content */
#content {
	/*background:#fff;
	-moz-box-shadow: 0 1px 5px #b7b9ba; -webkit-box-shadow: 0 1px 5px #b7b9ba; box-shadow: 0 1px 5px #b7b9ba;*/
}
#content p {padding:5px 0}

#video {background-image: url(../images/25/top-myicom.png);
width:962px;
height:324px;
}

/* Section Content */
.section-content {background:  #fff url(../images/section-shading-top.jpg) top no-repeat; overflow:hidden; -moz-box-shadow:0 1px 10px rgba(0,0,0,0.1); -webkit-box-shadow:0 1px 10px rgba(0,0,0,0.1); box-shadow:0 1px 10px rgba(0,0,0,0.1)}
.section-content a {color:#5e6d76;}
.section-content a:hover {color:#4a5d68}

.section-content3 {background:  #000 url(../images/25/national-transformation.jpg) top no-repeat; }

.padding40 {padding:40px 0}
.padding40top {padding:40px 0 0 0}
.padding40bottom {padding:0 0 40px 0}

.padding50top {padding:721px 0 0 0}

.margin30 {margin:0 30px}
.marginright30 {margin: 0 30px 0 0}

.section-head-top {background:url(../images/section-bar-top.png) no-repeat; height:15px;}
.section-head {background:#223037 url(../images/section-bar.png) no-repeat; height:46px; width:960px; position:relative; z-index:200;}
.section-head h2 {background:url(../images/section-bar-title-bg.png) right no-repeat; height:46px; font-size:18px; font-weight:bold; color:#fff; line-height:44px; padding:0 50px 0 30px}
.section-head h2 span {font-size:13px;}

.section-head a {
	float:right;
	color:#4D4C4D;
	text-shadow: 0 0 0 transparent, 0 1px 1px rgba(0,0,0,0.8);
	margin:15px 30px 0 0;
	font-size:11px
}

.dark-bg {background:url(../images/dark-bg.jpg) #11181d; color:#d5dcdf; text-shadow: 0 0 0 transparent, 0 1px 1px #000; overflow:hidden;}
	.dark-bg strong {color:#fff;}
	.dark-bg a {color:#f70}
	.dark-bg a:hover {color:#f90}

.orange {background:url(../images/sub-section-bg.png) top right no-repeat; padding:0 40px 0 30px; height:28px; line-height:27px; color:#fff; text-shadow:0 0 0 transparent, 0 1px 1px #f50; float:left;}
.grey {background:url(../images/sub-section-bg.png) bottom right no-repeat; padding:0 40px 0 30px; height:28px; line-height:27px; color:#fff; text-shadow:0 0 0 transparent, 0 1px 1px #223037; float:left;}

/* Introduction */
.intro-left {width:550px; margin:0 30px;}
.news-box {width:320px; margin:0 30px 0 0;

	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.3);
	box-shadow: 0 1px 3px rgba(0,0,0,0.3);
	
	background: #FFFFFF; /* old browsers */
	background: -moz-linear-gradient(top, #FFFFFF 0%, #eeeeee 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#eeeeee)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#eeeeee',GradientType=0 ); /* ie */}

.intro-text {background:url(../images/0-intro.png) no-repeat; width:493px; height:26px}
.intro-left h1 {padding:15px 0 20px; font-size:14px;}

.figures {padding:25px 0; border-top:1px dotted #ccc; border-bottom:1px dotted #ccc; overflow:hidden;}
.fig1, .fig2, .fig3 {width:32%; float:left; font-size:12px; background:url(../images/0-figures.png) no-repeat; padding:35px 15px 0 0}
.fig1 {width:22% !important;}
.fig2 {background-position: 0 -100px}
.fig3 {width:40% !important; background-position: 0 -200px; padding-right:0}

#news {margin:15px 15px 10px; width:290px; height:220px; overflow:hidden;}
.nstp-news {text-align:center; background:url(../images/0-news-topbar.png) top repeat-x; height:31px; line-height:29px; color:#fff; text-shadow: 0 0 0 transparent, 0 1px 1px rgba(0,0,0,0.5); font-size:12px}
#content p.nstp-news {padding:0}
#content p.nstp-news a {color:#fff;}
#content p.nstp-news a:hover {text-shadow: 0 0 0 transparent, 0 0 2px rgba(255,255,255,0.5);}
#content p.nstp-news a:hover:after {content:'»'; position:absolute; padding:0 0 0 5px}

.news-post {position:relative; min-height:65px; width:290px}
.news-post img {width:282px; height:128px; padding:3px; border: 1px solid #acb5bb; background:#d2dadf;}

.news-post h4 {font-weight:bold; padding-top:5px}
.news-post a {color:#243d4a; font-weight:bold;}
.news-post p {font-size:11px}

.prev-next-news {padding:0 15px; position:relative; top:-7px; font-size:11px; color:#5e6d76;}
.prev-next-news a {padding:0 10px 0 0;}
.active-news { text-decoration:underline}

/* 1.0 Audience */
.audience-header { background-image:url(../images/25/national-transformation.jpg); padding-bottom:721px;}
.audience-left {width:420px; margin:0 50px 0 30px;  padding:20px 0 0; color:#333; font-size: 12px; font-family:Verdana, Geneva, sans-serif;}
.audience-left h3 {color:#495d67; font-size:14px}

.audience-left4 {width: 100%; margin:0 50px 0 30px;  padding:20px 0 0; color:#E5E5E5;
font: 18px Verdana, Geneva, sans-serif;
}
.audience-right4 {width:420px; color:#E5E5E5; font-size: 12px; font-family:Verdana, Geneva, sans-serif; padding:20px 0 0 30px;}

#integrity div.audience-header.newpic div.audience-right4.left {
	color: #000000;
}

.audience-right {width:920px; color:#333; font-size: 14px; font-family:Verdana, Geneva, sans-serif; padding:20px 0 0 30px;}

.newpic{
	background-image:url(../images/25/Commercialization.jpg);
	color:#666;
	font-size: 12px;
}



#content .audience-right p {padding:0}

#integrity div.audience-header.newpic div.audience-left4.left h2 {
	color: #2a2a2a;
}


.highlight {font-weight:bold; color:#243d4a; border-bottom:1px dotted #ddd; padding:0 0 8px 0; margin: 0 0 10px 0; font-size:18px}

/* 1.1 Reach */

.reach-intro {background:url(../images/11-title.png) center bottom no-repeat; padding:60px 0 0; margin:0 0 30px; height:43px;}
.reach-content {margin:0 0 0 30px; width:430px; position:relative}
.reach-content li {padding:0 0 0 150px; height:35px; font-size:14px; line-height:35px; margin:10px 0 5px}
.fig4 {background:url(../images/11-bar.png) top left no-repeat}
.fig5 {background:url(../images/11-bar.png) bottom left no-repeat}

.reach-chart {position:absolute; top:0; left:460px; margin:0 30px 0 0; background:url(../images/11-piechart.png) left top no-repeat; text-align:center; padding: 235px 0 0 10px; width:430px; font-size:12px}

/* 2.0 Products */
#content .products-intro {padding:40px 0 0; background:url(../images/2-section-intro.png) top left no-repeat; margin: 0 30px 28px;}

/* 2.1 */
.products-print {background:url(../images/21-bg.jpg) no-repeat; height:408px; overflow:hidden;}

	/* Print Rotator */
	.main_view {margin-top:49px; float: right; position: relative;}
	.window {height:335px;	width: 665px; overflow: hidden; position: relative;}
	.image_reel {
	position: absolute;
	top: -48px;
	left: 2px;
}
	.image_reel section {float: left; width:605px; height:310px; padding:22px 30px 0; display:block}
	
	/*--Paging Styles--*/
	.paging { position: absolute; top: -38px; right: 0; z-index: 100; text-align: center; display: none; /*--Hidden by default, will be later shown with jQuery--*/}
	.paging a {background:#7e939c; padding: 8px 30px; text-decoration: none; color: #fff; float:left; border-top:3px solid #fff; cursor:pointer}
	.paging a.active {background: #fff; border-top: 3px solid #f70; color:#333; cursor:pointer}
	
	/* HM,BH,NST */
	.sm-icon {float:right}
	.figures span {display:block; color:#f70; font-size:13px}
	.figures .highlight {border:none; margin:0; padding:0}
	.image_reel .figures div {float:left; padding: 0 55px 0 0}
	.image_reel .figures {padding:5px 0; margin:8px 0}
	.image_reel small {color:#798b92; font-size:11px; font-style:italic; float:right}
	
/* 2.2 */
.web-intro {background:url(../images/22-title.png) center bottom no-repeat; padding:60px 0 0; margin:0 0 30px; height:43px;}

.products-web {position:relative; margin:-12px 30px 0; width:240px;}
	.products-web p {text-align:right;}
	.products-web p span {display:block; font-size:21px; color:#fff; font-weight:bold;}
	.web-screenshot {float:left; width:610px; height:360px;margin-left:100px;}
	.screenshot-nav {position:absolute; right:180px; top:110px; font-size:11px; color:#f70}

/* 2.3 */
.social-media {background:url(../images/23-bg.png) bottom no-repeat}
.connect {background:url(../images/komuniti.png) center -50px no-repeat; height:22px; margin:0 auto; padding:80px 0 0 }
.sm-container {margin:0 auto; overflow:hidden; text-align:center; width:540px}
.sm-container div {float:left; padding:0 15px; display:block; width:150px}
.sm-container img {padding:0 0 10px }
#content .sm-container p {padding:2px 0}
.sm-container a {text-shadow: 0 0 0 transparent, 0 1px 1px #fff; color:#5e6d76;}
.sm-container a:hover {color:#44545e}

/* 2.4 */
.ipad-app { overflow:hidden;}
.mobile {height:58px; background:url(../images/2-section-intro.png) center -140px no-repeat; padding:0 0 60px; }


/* 3.0 */
.services-left, .services-right {width:50%; padding:30px 0 0; height:700px; min-height:700px;}
.services-right {background:url(../images/3-services-bg.png) left repeat-y}
.services-left a, .services-right a {color:#f70}
.services-left a:hover, .services-right a:hover {color:#f90}
.services-content {clear:both; padding:20px 30px; border-bottom:1px dotted rgba(80,80,80,0.3);}

.title-31 { background:url(../images/3-title-left.png) 0 -10px no-repeat; height:58px; padding:0 0 30px; }
.title-32 {background:url(../images/3-title-left.png) 0 -110px no-repeat; height:25px; padding:0 0 30px;}
.title-33 {background:url(../images/3-title-right.png) 0 -10px no-repeat; height:25px; padding:0 0 30px;}
.title-34 {background:url(../images/3-title-right.png) 0 -110px no-repeat; height:25px; padding:0 0 30px;}
.title-35 {background:url(../images/3-title-right.png) 0 -210px no-repeat; height:58px; padding:0 0 30px;}


/* CSR */

.csr-title {background:url(../images/4-csr.png) top left no-repeat; margin:0 30px 20px; height:59px;}

.csr-community, .csr-education {position:relative; overflow:hidden; height:550px; min-height:450px}
.csr-community {
	background: #FFFFFF; /* old browsers */
	background: -moz-linear-gradient(top, #eeeeee 0%, #FFFFFF 20%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(20%,#ffffff)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 ); /* ie */}

.csr-content {margin:0 30px; width:420px; padding-top:50px}
.acc_container {width:420px;}
.acc_container .block {padding:0 0 20px 0}
.acc_container p {padding:5px 0}
h6.acc_trigger {font-size:16px; border-bottom:1px dotted #ccc; padding:5px 0; background:url(../images/expand.png) right no-repeat;}
h6.acc_trigger:hover {background:url(../images/expand-hover.png) right no-repeat}
h6.acc_trigger a {color:#243d4a; }
h6.active, h6.active:hover {background:url(../images/active.png) right no-repeat;}

.acc_container_2 {width:420px;}
.acc_container_2 .block {padding:0 0 20px 0}
.acc_container_2 p {padding:5px 0; color:#c1c8ca}
h6.acc_trigger_2 {font-size:16px; border-bottom:1px dotted #444; padding:5px 0; background:url(../images/expand.png) right no-repeat;}
h6.acc_trigger_2:hover {background:url(../images/expand-hover.png) right no-repeat}
h6.acc_trigger_2 a {color:#ff7700; }
h6.active_2, h6.active_2:hover {background:url(../images/active.png) right no-repeat;}

.csr-photo {position:absolute; right:30px; top:85px; height:300px;}

/* 5.0 Careers */
.careers-content {background:url(../images/5-bg.png) bottom no-repeat; padding-bottom:0px; overflow:hidden;}
.careers-left {background:url(../images/5-title.png) top left no-repeat; padding:35px 0 0; float:left; width:420px; margin: 0 30px}
.contact-btn a{
	padding:8px 20px; text-transform:uppercase; color:#fff; text-shadow:0 1px 1px #ff4400;
	background: #FF8800; /* old browsers */
	background: -moz-linear-gradient(top, #FF8800 0%, #FF5500 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FF8800), color-stop(100%,#FF5500)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FF8800', endColorstr='#FF5500',GradientType=0 ); /* ie */
	
	-moz-box-shadow: 0 1px 1px #ccc; -webkit-box-shadow: 0 1px 1px #ccc; box-shadow: 0 1px 1px #ccc; 
	text-align:center; display:block; font-size:14px; font-weight:bold;
}
.contact-btn a:hover{color:#fff;}
.careers-right img {padding:10px 0 0 20px}

.career-btn {margin:15px 50px 0;}

/* Contact */
.contact-left {margin:0 30px; width:500px;}
.contact-right {
	border-top: 3px solid #233138;
	margin:12px 30px 0 0;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.3);
	box-shadow: 0 1px 3px rgba(0,0,0,0.3);
	background: url(../images/contact-form-bg.png) right top no-repeat #eee;
	padding:20px; width:330px;
}

.contact-left h3, .contact-right h3 {font-size:18px; font-weight:bold; color:#f70; padding-bottom:5px; position:relative; left:-1px;}
.contact-left ul {float:right; width:210px; margin:23px 0 0}
.contact-left ul li {padding:0 0 0 25px}
.page-content li.phone, .phone {background:url(../images/ico-phone.png) 0 1px no-repeat}
.page-content li.fax, .fax {background:url(../images/ico-fax.png) 0 1px no-repeat;}
.page-content li.email, .email {background:url(../images/ico-email.png) 0 1px no-repeat;}

.branch-link {padding:8px 12px; border-bottom: 1px dotted #ddd; border-top: 1px dotted #ddd; background:url(../images/contact-arrow.png) left no-repeat; margin:5px 0 10px; display:block}

.contact-col1 {width:80px;}
.message {vertical-align:top}
.wpcf7-form table {width:330px; margin:10px 0 0}
.wpcf7-form td {padding:5px 0; vertical-align:center; text-align:left}
.wpcf7-form input[type="text"], .wpcf7-form textarea {width:240px; font-family:"lucida grande",tahoma,verdana,arial,sans-serif; font-size:12px}

/* Footer */

.shadow {background:url(../images/content-bottom-shadow.png) top center no-repeat; height:46px;}

footer {background:url(../images/footer-line.png) top no-repeat; padding:30px 0 0 0; margin:0 0; font-size:11px; position:relative}
footer ul, footer p {margin-top:10px;}
footer p, footer ul a {color:#607177}
footer ul {position: absolute; right:0;}
footer li {float:left;}
footer ul a {padding:0 0 0 5px}
footer ul a:hover {color:#455156}

/* Misc */

.left {float:left;}
.right {float:right}
.clearfloat {clear:both}
.clearoverflow {overflow:hidden;}
.relative {position:relative;}

/* Pages CSS */

/* Pages Title + Deco */
#page-main-display {width:970px; height:160px; margin:30px 0 -10px; position:relative; left:-5px;}
.title-deco-career, .title-deco-news, .title-deco-services, .title-deco-about, .title-deco-404 {position:absolute}
.title-deco-career, .title-deco-services {right:40px; bottom:-3px}
.title-deco-news, .title-deco-404 {right:80px; bottom:-3px}
.title-deco-about {right:25px; bottom:-3px}

.nav-sidebar {width:210px; margin:0 0 0 30px; float:left; font-size:12px}
.nav-sidebar li a {background: url(../images/contact-arrow.png) 0 9px no-repeat; display:block; padding:5px 0 5px 12px; border-bottom:1px dotted #ddd; text-transform:capitalize;}
.nav-sidebar h4 {font-weight:bold; font-size:16px; color:#243d4a; margin: 0 0 5px 0}

.page-content {float:right; margin:0 30px; width:660px; position:relative;}
.page-content h2 {color:#243d4a; font-weight:bold; margin: 0 0 10px -1px; font-size:21px; clear:both}
.page-content h3 {font-weight:bold; color:#f70; margin: 0 0 5px 0; font-size:18px}
.page-content h4 {color:#4a5d68; font-weight:bold; border-bottom:1px dotted #ddd; padding:0 0 3px 0; margin: 15px 0 2px; font-size:15px}
.page-content ul {padding:10px 0}
.page-content li {background:url(../images/contact-arrow.png) 0 5px no-repeat; margin:0 0 5px 0; padding:0 0 0 12px}
small {font-size:11px; line-height:1.3; padding: 5px 0; color:#495d67;}

#main-navigation .breadcrumb {margin:0 30px; color:#f70; position:static}
#main-navigation .breadcrumb a { font-size:13px; margin:0;}
#main-navigation .breadcrumb-trail {position:static}

/* Career */
.career-photo {margin:0 0 20px 30px; float:right}
.facilities {margin:10px 0}
.page-content .facilities li {height:29px; display:block; width:40%; float:left; padding:0 0 0 38px; background-repeat:no-repeat; line-height:29px; margin:5px 0; font-weight:bold;}
li.futsal {background:url(../images/page/ico-facilities.png) 0 -30px}
li.clinic {background:url(../images/page/ico-facilities.png) 0 -120px}
li.tennis {background:url(../images/page/ico-facilities.png) 0 -60px}
li.gym {background:url(../images/page/ico-facilities.png) 0 -150px}
li.basketball {background:url(../images/page/ico-facilities.png) 0 -90px}
li.parking {background:url(../images/page/ico-facilities.png) 0 -180px}
li.cafeteria {background:url(../images/page/ico-facilities.png) 0 0}

.career-facilities {position:absolute; left:-250px; top:0}

.page-content h6.trigger{font-weight:bold; font-size:14px; padding:5px 12px; background:#4a5d68 url(../images/page/toggle-plus.png) 640px center no-repeat; border-bottom: 3px solid #ccc; text-shadow: 0 1px 1px rgba(0,0,0,0.3); display:block; margin:0 0 5px 0}
.page-content h6.trigger a{color:#fff}

.page-content h6 {padding-top:0; border:none;}
.page-content .block {padding:0 12px 10px; overflow:hidden; border-bottom:1px solid #ddd; margin:0 0 10px 0

}
.page-content h6.active {background:#334855 url(../images/page/toggle-minus.png) 640px center no-repeat;}
#job-openings li {background:url(../images/contact-arrow.png) 0 4px no-repeat; margin:0 0 5px -12px; padding:0 0 0 12px}

#job-openings .toggle_container {width:660px;}
.job-description {padding:5px 10px 10px; background:#eee}

.paddingleft25 {padding-left:25px}

#apply-now iframe {border: 1px solid #ddd; overflow:hidden}

/* News */
.date, .category {background:#f70; padding:2px 5px; color:#fff; font-size:11px; float:left; margin:0 5px 15px 0}
.category {background:#657f89}
.category a, .category a:hover {color:#fff}
.news-content {padding: 0 0 15px 0; border-bottom:1px solid #ddd; margin: 0 0 25px 0; overflow:hidden}
.news-content img.left {padding:0 20px 20px 0}
.news-content img.right {padding:0 0 20px 20px}

.nav-sidebar h3.archive-category {background:url(../images/page/news-topic.png) top left no-repeat; height:21px; margin:5px 0 2px; display:block}
.nav-sidebar h3.archive-year {background:url(../images/page/news-archive.png) top left no-repeat; height:18px; margin-bottom:5px 0 5px; display:block}
.nav-sidebar ul {margin-bottom:30px}

h3.entry-title {clear:both}
.post-article {clear:both;}

/* Services Contact */
#services-contact .page-content ul {padding: 0 0 10px}
#services-contact .page-content li {padding: 0 0 0 25px; margin:0}

/* About */
.small-highlight {background:#f70; padding:2px 5px; color:#fff; font-size:12px; display:inline-block; margin:0 0 10px}
.mbnone {margin-bottom:0}
.bod-left {float:left; width:450px; margin:0 0 0 30px;}
.bod-left img {margin:0 5px 5px 0; -moz-box-shadow: 0 1px 3px #000; -webkit-box-shadow: 0 1px 3px #000; box-shadow: 0 1px 3px #000;}
.bod-right {margin: 0 30px 0 480px}
.dark-bg h3 {color:#f70; font-size:15px; font-weight:bold;}
#content .bod-right p {font-style:italic; padding:0 0 5px; margin:0 0 5px; border-bottom:1px dotted rgba(80,80,80,0.3);}

#branch .page-content li {padding: 0 0 0 25px; margin:0}
#branch .page-content ul {padding:5px 0}
#branch .page-content strong {color:#5e6d76;}
.block1, .block2 {width:200px; float:left; padding: 0 15px 0 0}
.block2 {padding:0}

#history .main_view2 {position:relative; margin:20px 0 0}
#history .paging2 {position:absolute; left:80px; top:0; z-index:100; display:none; overflow:hidden}
#history .paging2 a {width:190px; height:38px; background:url(../images/page/about-history-tab.png) top no-repeat; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; color:#472915; border:none; padding:0; margin:0 5px; line-height:36px; display:block; float:left; text-align:center}
#history .paging2 a.active {background:url(../images/page/about-history-tab.png) bottom no-repeat; color:#ffe9c2}
#history .section-content {background:url(../images/page/about-history-bg.jpg) no-repeat; height:583px;}
#history .window2 {width:960px; height:583px; overflow:hidden; position:relative;}
#history .image_reel2 {position:absolute; top:50px; left:0} 
#history .image_reel2 img{float:left; width:960px; height:513px; display:block} 

.searchx{padding-top:35px;}
.searchy{padding-top:39px;margin-right:15px;}
/* My Comment
.download {
  width:300px;
  color:#FFF;
  margin:50px;
  margin-left:600px;
  margin-top:180px;
  padding-left:50px;
  
}

 */

.downloadx {
	float: right;
	margin-top: 170px;
	margin-right: 100px;
}
.downloady {
padding-top: 50px;
padding-left:560px;

}



/*#emailUs
{
  display: block;
  width: 107px;
  height: 23px;
  background: url(background:url(../images/emailUs.gif) no-repeat 0 0;

}

#emailUs:hover
{ 
  background-position: 0 -23px;
}

#emailUs span
{
  position: absolute;
  top: -999em;
}*/



.rollover a{
   display: block;
   text-indent: -9999px;
   margin: auto auto auto auto;
   cursor: pointer;
   outline: transparent solid 0px;
}
#exampleButtonIDHere a{
   height: 100px; /*This height is the visible portion of the button only*/
   width: 200px; /*Put your image width here*/
   background: url(../images/sampleRolloverButton.png) no-repeat left top;
}
#exampleButtonIDHere a:hover{
   background-position: left -100px; /*This negative value should match the height above*/
}

#exampleButtonIDHere2 a{
   height: 100px; /*This height is the visible portion of the button only*/
   width: 200px; /*Put your image width here*/
   background: url(../images/sampleRolloverButton2.png) no-repeat left top;
}
#exampleButtonIDHere2 a:hover{
   background-position: left -100px; /*This negative value should match the height above*/
}