/* CSS Codes by: JohnLee */

/*reset*/
html, body, div, span, applet, object, iframe, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border:0pt none; font-size:100%; margin:0pt; outline-color:invert; outline-style:none;	outline-width:0pt;	padding:0pt;}

/*body*/
body {margin:0; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#000; line-height:22px; background:url(images/bg.jpg) repeat-x left top #004062;}

/*basics*/
a img {border:none;}
img, a {border:none; outline:none !important;}
a {color:#756600; text-decoration:underline;}
a:hover {color:#f1a900; text-decoration:none;}
.comp {color:#e5463e; font-weight:bold;}
.comingsoon {color:#FF0000; font-weight:bold; font-style:italic;}
.clearfix {clear:both; overflow:hidden;}
.floatleft_img {float:left; padding-right:10px;}
.floatright_img {float:right; padding-left:20px;}
.floatleft-img {float:left; margin-right:10px; margin-top:5px; border: 4px outset #e5463e;}
.floatright-img {float:right; margin-left:10px; margin-top:5px; border: 4px outset #e5463e;}
.float-img {vertical-align:middle;}
.f-left {float:left;}
.f-right {float:right;}
.widget_class {margin:0 0 0 0; padding:0; list-style:none;}
h1{font-size:24px; margin:0; padding:0;}
h2{font-size:20px; margin:0; padding:0;}
h3{font-size:16px; margin:0; padding:0;}
h4{font-size:14px; margin:0; padding:0;}
h5{font-size:12px; margin:0; padding:0;}
h6{font-size:10px; margin:0; padding:0;}

/*layers*/
#wrapper {width:980px; max-width:100%; height:auto; margin:0 auto 0 auto; background:#FFF;}
#banner{width:980px; max-width:100%; height:109px; background:url('images/banner-bg.jpg') no-repeat; position:relative;}
	.complogo{float:left; padding:12px 0 0 15px;}
	.top-links {float:right; width:800px; height:59px; padding-top:13px; font-size:15px; color:#204a65; text-transform:uppercase; text-align:right; margin:0 auto 0 auto; position:absolute; top:40px; right:0px;}
		.top-links ul {margin:0; padding:0; list-style:none;}
		.top-links ul li {display:inline;}
		.top-links ul li a {color:#204a65; text-decoration:none; padding:0 16px 0 12px;}
		.top-links ul li a:hover, .top-links ul li.current_page_item a {color:#018196; text-decoration:underline}
		.lastlink a {border:none !important;}
	
/* Navigation bar icon */
	.nav-toggle-button{ display: none; color: #fff; cursor: pointer; margin: 0 0 5px; text-decoration: none; background: #045A7D; width: 100%; text-align: left; padding:10px; box-sizing: border-box; position: relative; }
	.nav-toggle-button i:before { position: absolute; right: 10px; }
	.nav-toggle-button span:before { right: 10px; position:absolute; }
	.nav-toggle-button span{ font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:normal; }
	.nav-toggle-button:hover{ color: #E64942; }
	.nav-toggle-button .fa{ display: block; }
	
/*nav*/
#nav {width:972px; max-width:100%; height:37px; padding-left:0px; font-size:17px; font-weight:bold; color:#FFF; text-align:center; background:url(images/nav-bg.jpg) no-repeat left top; padding-left:8px;}	
	#nav ul {margin:0; padding:0; list-style:none;}
	#nav ul li {display:inline;}
	#nav ul li a {width:auto; height:25px; color:#FFF; text-decoration:none; padding:11px 18px 0 18px; height:26px; display:block; float:left;}
	#nav ul li a:hover, #nav ul li.current_page_item a {color:#00ff7e; text-decoration:underline;}
	#nav ul li.nav-spacer {width:1px; height:37px; line-height:37px; float:left; background:url(images/nav-spacer.jpg) no-repeat right top; margin-top:11px;}
	.lastlink a {border:none !important;}
	
/*flash*/
#flash{width:980px; max-width:100%; height:366px; background:#FFF; position:relative; margin:0 auto 0 auto;}
	#images{width:959px; max-width:100%; height:357px; position:absolute; bottom:0; right:10px; z-index:999; text-align:left;}
	.flash-text{width:370px; max-width:100%; height:auto; position:absolute; top:40px; right:15px; z-index:999; text-align:left;}
	.flash-text h1{font-size:40px; color:#FFF; font-weight:bold;}
	.flash-text h2{font-size:31px; color:#00ff7e; font-weight:bold; padding-left:25px; margin-top:5px;}
	.flash-text h3{font-size:31px; color:#FFF; font-weight:bold; padding-bottom:10px; padding-left:50px;}
	.flash-text p{font-size:16px; color:#FFF; font-family:Arial; font-weight:normal; padding:15px 0 12px 0; line-height:24px;}
	.flash-text cufon{padding-bottom:2px;}
	.rslides{ display:none; }
	
/*mid*/
#mid {width:980px; max-width:100%; height:295px; background:url(images/mid-bg.jpg) no-repeat left top;}
	.box1 {margin:40px 0 0 0; display:inline; width:320px; height:auto; float:left; position:relative;}
	.box1 a {margin:37px 0 0 40px; width:217px; height:19px; font-size:16px; font-weight:bold; color:#FFF; text-transform:uppercase; text-align:left; text-decoration:none !important; display:block; background:url(images/btn-mid1.png) no-repeat left top; padding:4px 0 3px 15px;}
	.box1 a:hover {color:#FFF; text-decoration:none !important; background:url(images/btn-mid1.png) no-repeat left bottom;}	
	.box1 p{padding:8px 0 0 40px; font-size:16px; color:#151515; text-align:left;}
	.box1 p cufon{padding-bottom:3px;}
	.box1 h1{padding:50px 0 0 45px; font-size:17px; font-weight:normal; color:#8e9191;}
	.box1 h2{padding:2px 0 0 45px; font-size:22px; font-weight:normal; color:#3d3d3d;}
	
	.box2 {margin:40px 0 0 32px; display:inline; width:280px; height:auto; float:left; position:relative;}
	.box2 a {margin:37px 0 0 40px; width:217px; height:19px; font-size:16px; font-weight:bold; color:#FFF; text-transform:uppercase; text-align:left; text-decoration:none !important; display:block; background:url(images/btn-mid2.png) no-repeat left top; padding:4px 0 3px 15px;}
	.box2 a:hover {color:#FFF; text-decoration:none !important; background:url(images/btn-mid2.png) no-repeat left bottom;}
	.box2 p{padding:8px 0 0 8px; font-size:16px; color:#151515; text-align:left;}
	.box2 p cufon{padding-bottom:3px;}
	.box2 h1{padding:50px 0 0 5px; font-size:17px; font-weight:normal; color:#8e9191;}
	.box2 h2{padding:2px 0 0 8px; font-size:22px; font-weight:normal; color:#3d3d3d;}
	
	.box3 {margin:40px 0 0 0; display:inline; width:310px; height:auto; float:right; position:relative;}
	.box3 a {margin:20px 0 0 1px; width:217px; height:19px; font-size:16px; font-weight:bold; color:#FFF; text-transform:uppercase; text-align:left; text-decoration:none !important; display:block; background:url(images/btn-mid3.png) no-repeat left top; padding:4px 0 3px 15px;}
	.box3 a:hover {color:#FFF; text-decoration:none !important; background:url(images/btn-mid3.png) no-repeat left bottom;}
	.box3 p{padding:3px 20px 0 0; font-size:16px; color:#151515; text-align:left;}
	.box3 p cufon{padding-bottom:3px;}
	.box3 h1{padding:50px 0 0 15px; font-size:17px; font-weight:normal; color:#8e9191;}
	.box3 h2{padding:2px 0 0 52px; font-size:22px; font-weight:normal; color:#3d3d3d;}
	
	a.downloadable{color:#fff; text-decoration: none; background: #00466A; padding: 5px 10px 5px 10px; border-bottom: 2px solid #01415C;}
		a.downloadable:hover {background: #01425E; color: #01AD57;}
	
/*main*/
#main {width:980px; max-width:100%; height:auto; margin:0 auto; clear:both; overflow:hidden; background:#FFF; margin-top:10px; margin-bottom:20px;}
#main-bg {width:980px; max-width:100%; height:auto; background:url(images/main-bg.jpg) repeat-y;}
#main-top-bg {width:980px; max-width:100%; height:auto; overflow:hidden; background:url(images/main-top-bg.jpg) no-repeat left top;}
#main-bottom-bg {width:980px; max-width:100%; height:auto; overflow:hidden; background:url(images/main-bottom-bg.jpg) no-repeat left bottom;}

	#col-a{width:315px; height:auto; float:left; padding:0 0 30px 0;}
		.leftbg{width:315px; height:auto;}		
			.left-contact{width:266px; height:158px; margin:10px 0 0 3px; position:relative;}
			.left-contact-padding{width:266px; height:158px; background:url(images/left-contact-bg.jpg) no-repeat left top;  margin:12px 0 0 32px; padding:0 0 0 10px;}
			.left-contact h1{font-size:27px; color:#00ff7e; padding:15px 0 0 103px;}
			.left-contact h2{font-size:32px; color:#FFF; font-weight:bold; padding:10px 0 0 133px;}
			.left-contact-thumb{position:absolute; top:10px; left:28px;}
			
			.address{padding-top:18px; color:#FFF; font-family:Arial; font-size:13px; line-height:18px;}
			.viewmap{margin-top:0; margin-left:36px; color:#FFF; font-family:Arial; font-size:13px; line-height:18px;}
			.viewmap a{color:#ff8000; font-weight:bold; text-decoration:none;}
			.viewmap a:hover{color:#ec6e00; text-decoration:underline;}
			.phone{padding:13px 0 0 4px; color:#FFF; font-family:Arial; font-size:13px; line-height:18px;}
			.email{padding-top:13px; color:#FFF; font-family:Arial; font-size:13px; line-height:18px;}
			.email a{color:#00dbff; font-weight:bold; text-decoration:none;}
			.email a:hover{color:#FFF; text-decoration:underline;}
			
			.left-tabs {width:266px; height:auto; margin:110px 0 0 35px;}
			.left-tabs ul{margin:0; padding:0; list-style:none;}
			.left-tabs ul li{margin-bottom:6px;}
			.left-tabs ul li a{display: block; background: url(images/btn-left-tab.jpg) no-repeat left top; width:266px; line-height:36px; line-height:36px; text-decoration:none; color:#002332; font-family:Arial; font-size:15px; font-weight:bold; padding:0 0 0 40px; }
			.left-tabs ul li a:hover, .left-tabs ul li.current_page_item a{background: url(images/btn-left-tab.jpg) no-repeat left bottom; color:#FFF;}
			
			.left-visitorCounter {width:266px; height:55px; margin:15px 0 10px 35px; text-align:center; background:url(images/left-counter-bg.jpg) no-repeat left top; position:relative;}
			.left-visitorCounter h1{font-family:Arial; font-size:15px; font-weight:normal; color:#dded2e; position:absolute; top:4px; left:70px;}
			.left-visitorCounter  span{font-family:Arial; font-size:19px; color:#fffffd !important; line-height:76px;}
			
			.employmentBox {width:550px; max-width:100%; border:2px #015079 dashed; padding:10px;}
			
			.left-seal{width:266px; height:140px; margin:8px 0 0 3px;}
			.left-seal-padding{width: 266px; margin: 10px 0 0 32px; background: #00AC56; border-radius: 5px; height: auto;}
			.left-seal img{margin:0 auto; padding:3px 0 0 25px;}
			.ac{padding:0px 81px;color:#fff;}

	#col-b{width:640px; max-width:100%; height:auto; float:right; padding:10px 10px 0 10px;}
			.maincontent{margin:0 20px;}
			.maincontent h1{font-size:27px; color:#018196; font-weight:normal; padding:30px 0 8px 0; line-height:30px;}
			.maincontent h2{font-size:37px; color:#e5463e; font-weight:normal; padding:0 0 8px 0; line-height:30px;}
			.maincontent h3{font-size:25px; color:#e5463e; font-weight:normal; padding:17px 0 8px 0; line-height:30px;}
			.content{font-family:Arial; font-size:14px; text-align:justify; line-height:25px; padding-top:10px;}
			.content p{padding:0 25px 0 0;}
			.content ul{margin:0; padding:0 20px 0 15px; list-style:none;}
			.content ul li {background:url(images/icon-check.png) no-repeat left 6px; display:block; padding-left:20px; }
/*footer*/
#footer {width:980px; max-width:100%; height:59px; padding-top:13px; font-family:Arial; font-size:12px; color:#FFF; text-align:left; margin:0 auto 0 auto; background:url(images/footer-bg.jpg) repeat-x left top; position:relative;}
#footer ul {margin:0; padding:0; list-style:none;}
	#footer ul li {display:inline;}
	#footer ul li a {color:#FFF; text-decoration:none; padding:0 16px 0 12px;}
	#footer ul li a:hover, #footer ul li.current_page_item a {color:#00ff7e; text-decoration:underline}
	#lastlink a {border:none !important;}
#copyright {margin:0 auto 0 auto; font-weight:bold; padding-left:12px; font-size:11px;}
	#copyright a {color:#FFF; text-decoration:underline;}
	#copyright a:hover {color:#00ff7e; text-decoration:none;}
#footer-logo{position:absolute; bottom:12px; right:12px;}
	
/*buttons*/
a.button-1 {width:280px; height:62px; margin:0 auto 0 auto; display:block; background:url(images/button-1.jpg) no-repeat left top;}
	a.button-1:hover {background:url(images/button-1.jpg) no-repeat left bottom;}
.button-2 a {width:110px; height:24px; line-height:24px; font-family:'Trebuchet MS', Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#FFF; text-align:center; text-decoration:none; display:block; background:url(images/button-2.jpg) no-repeat left top;}
	.button-2 a:hover {color:#FFF; text-decoration:none; background:url(images/button-2.jpg) no-repeat left bottom;}
	
/*slideToggle*/
.contact {font-size:15px; text-align:left; padding-top:10px;}
.contact table {border:1px solid #FFF; background:#FFF;}
	.contact th {font-weight:bold; background:#8BE801;}
	.contact td {border:1px solid #FFF; background:#FFF;}
	.contact th span {font-size:11px;}
.contact ul,.contact ul li {list-style-type:none; margin:0; padding:0;}
	.contact ul li {background:#AEDEEE; border-bottom:2px solid #77bfd6; padding:10px; margin-bottom:4px;}
		.contact ul li strong {font-size:15px; color:#FF0000;}
		.contact ul li span {font-size:13px;}
		
.resources {font-size:14px; padding-right: 20px; }
	.resources a {color:#990100; text-decoration:none; display:block;font-weight:bold;}
	.resources a:hover {color:#ff0000; text-decoration:none; padding-left:1px;}
	.resources ul,.resources li {list-style-type:none; margin:0; padding:0;}
	.resources ul li {margin-bottom:8px; padding:12px; background:#FAFDFE; border:1px solid #ACD7D6; border-bottom:2px solid #95CCCB;}
	.resources ul li span {font-size:11px; color:#666666; letter-spacing:1px;}		
		
		
		
/*search*/
.search_results div.page, .search_results div.post {padding:20px; margin-bottom:8px; background:#FFFFE1; border-bottom:2px solid #CCC;}
.search_results h2 a {text-decoration:none;}
.search_results div.entry-meta {font-style:italic;}
.search_results a {color:#000;}
.search_results a:hover {text-decoration:none;}

/*** COMMENTS STYLE ***/
#comments, #comments-title{padding-top:15px;}
ol.commentlist li {background: url(images/com_line.jpg) no-repeat left bottom; padding-bottom:25px; margin-bottom:10px; padding-top:15px; margin-left:-10px; padding-right:25px;}
ol.commentlist {border:1px dashed #CCC; width:100%;}
ol.commentlist ul {border-top:1px dashed #CCC; width:100%; margin-top:15px; list-style:none;}
ol.commentlist ul li {border-bottom:1px dashed #CCC;}
.comment p {padding:15px 0; line-height:20px;}
.comment-form-author input {margin-left:25px;}
.comment-form-email input {margin-left:28px;}
.comment-form-url input {margin-left:17px}
#respond {width:100%; border:1px solid #CCC; background:#FFFFE1; padding:15px 20px 0 20px; margin-top:25px;}
.form-submit input {background:#FFFFE1; border:none; color:#FFF; font-weight:bold; padding:7px 12px; cursor:pointer;}