﻿

body{padding: 0;margin: 0; font-family: Verdana,Arial,Helvetica,sans-serif;background-image:url('/Images/Back.png'); background-repeat: repeat;}
h1{text-align: left; font-size: 17px;margin: 0; padding: 10px; }
h2{ text-align:left;font-size: 15px;color: #084D76;margin: 0;padding: 10px 0; }
/*ul{ padding:0; margin:0;}
li{ list-style:none; }*/
a{ text-decoration:none; color:#000;}
a:hover{ color:#069; text-decoration:none; }
.full-wrapper{width: 100%;text-align: center;}
.top-container{width: 100%;/*background: #222;*/ background:rgba(43,43,43,0.8) /*background:rgba(0,87,130,1)*/}
.wrapper{
	width: 1100px;
	margin: auto;
    height:auto;
}
.wrapper1{
	width: 1368px;
	margin: auto;
    height:800px;
    margin-top:0px;

}
.lnkbtn
{
    text-decoration:none; color:#000;
    font-size: 13px;
}
.lnkbtn:hover
{
   color:#069; text-decoration:none;
    font-size: 13px;
}
.container{width: 100%;height: auto;/*overflow: hidden;*/}
.top-header{height: 40px;color: #fff;text-align: left;font-size: 12px;}
.top-header a{color: #fff;font-size: 12px;}
.top-header ul.left-link{display: table-cell;width: 400px;}
.top-header ul.right-link{display: table-cell;width: 724px;text-align: right;}
.top-header ul.left-link li{display: table-cell;padding:10px 5px;}
.top-header ul.right-link li{display: inline-block;padding:10px 5px;}
/*.header{height: 100px;background: #fff;}*/
.header1{height: 0px;background: #ffffff;}
.logo{float: left;width: 500px;}
.logo img{
	widt: auto;
	height:auto;
	}
.search{
	float: right;
	text-align: right;
	padding: 0 60px 0 0;
	}
.search-box{}
.left-panel{
	float: right;
	text-align: right;
	padding: 0 60px 0 0;
}
.left-panel-box{}
	
.search-text{
	display: table-cell;
	/*border:1px solid #CCCCCC;*/
	border:1px solid #403F3F;}
.search-text input[type='text']{
	border:#fff;
	padding:10px;
	color: #000;
	    background: #ffffff;
	
	width: 200px;
	font-size: 14px;}
.search-image{
	width:15px;
	display: table-cell;
	vertical-align: middle;
	padding: 8px;
	cursor: pointer;
	/*background: no-repeat scroll center center #D36D18;*/
	background: no-repeat scroll center center #4A4A4A /*#403F3F*/;
	}
.search-image:hover{
	background:#CC3300;
}




.clear{clear: both;}

.footer
{
	width: 1100px;
	min-height:60px;
	margin: auto;
	/*background:#C7BCBC;
	color:#333;*/
	background:rgb(134, 134, 134);	
	color:rgb(220, 220, 220);
}
.footer1{
	width:70%;
	padding:0 10px 5px 0;
	float:left;
	
}
.footer1 li{
	list-style-type:none;
	display:inline-block;
	padding:20px;
	font-size:14px;
	
}
.footer2
{
	margin-top:20px;
	text-align:center;
	width:25%;
	padding:10px;
	float:left;
}
.footer2 img{
	margin-left:10px;
}
.footer2 img:hover{
	opacity:.7;
}
.disclaimer{
	font-size:10px;
	margin-left:60px;
	line-height:150%;
	margin-top:20px;
}
.column3 img:hover{
	opacity:.8;
}
#ic2 img{
	opacity:0.7;
}
#ic2 img:hover{
	opacity:1;
}
/*div hover*/
.media-container {
	margin: 5px auto; width: 1332px;
	/*padding bottom*/
	padding-bottom:10px;
}
.media-container a {
	text-decoration: none;
}
.media-common {
	margin: 0px 13px; width: 306px; height: 225px; overflow: hidden; float: left; display: block; box-shadow: 0px 3px 10px #c4c4c4;
}
.other-media-common {
	margin: 0px 9px; width: 315px; height: 345px; overflow: hidden; float: left; display: block; box-shadow: 0px 3px 10px #c4c4c4; transition-duration: 0.3s; transition-property: transform;
}

.other-media-common:hover {
	transform: scale(1.1);
}
.other-media-common p {
	padding: 0px 10px; text-align: left; color: rgb(80, 80, 80); line-height: 20px; font-size: 12px;
}
.other-media-common p img {
	max-width: 100%;
}
a.media {
	display: block;
}
.media header {
	padding: 10px 0px; transition: background .5s; -webkit-transition: background .5s;
	background:#ECECEC;
	
}
.other-media-common header {
	/*background: rgb(0, 51, 102); */
	background: rgb(1, 161, 133); 
	padding: 15px 0px;
	height:48px;
	text-align:center;
}
.other-media-common header1 {
	background: rgb(12, 142, 59); padding: 15px 0px;
	height:40px;
	text-align:center;
}
.other-media-common header2 {
	background: rgb(150, 71, 13); padding: 15px 0px;
	height:40px;
	text-align:center;
}

h3.media-title {
	margin: 0px 10px; padding: 0px; color: rgb(255, 255, 255); font-size: 14px; font-weight: lighter; text-decoration: none;
	line-height: 150%;
}
h2.media-title {
	margin: 0px 10px; padding: 0px; color: rgb(0, 51, 102); font-size: 1.1em; font-weight: lighter; text-decoration: none;
	text-align:center;
}
a.media:hover > header {
	background: rgb(6, 128, 89);
}
a.media:hover > header h2.media-title {
	color: rgb(255, 255, 255);
}
a.media:hover > .media-content .media-text-container {
	top: 0px;
}
.media-content {
	overflow: hidden; position: relative;
}
.media-text-container {
	background: rgba(255, 255, 255, 0.85); top: 100%; width: 100%; height: 100%; position: absolute; transition: top .5s; -webkit-transition: top .5s;
}
.media-text {
	margin: 0px; padding: 1em; left: 0px; top: 0px; text-align: left; color: rgb(0, 51, 102); z-index: 2;
}
.press-title {
	margin: 0px; color: rgb(0, 51, 102); font-size: 1.15em; font-weight: normal;
}
.message-title {
	margin: 0px; padding: 5px; text-align: center; color: rgb(0, 51, 102); font-size: 1.1em; font-weight: normal;
}


/* MEDIA QUERIES*/
@media only screen and (min-width: 320px) and (max-width : 800px) {
	
.full-wrapper{width: 100%;text-align: center;}
.top-container{width: 100%;/*background: #222;*/ background:rgba(43,43,43,0.8) /*background:rgba(0,87,130,1)*/}
.wrapper{
	width: 100%;
	margin: 0 auto;
	height:auto;
}
.wrapper1{
	width: 100%;
	margin: auto;
    height:auto;
}

img{
	height:auto;
	width:auto;
	max-width: 100%;
}

.left-panel{
	
	text-align: center;
	padding: 0;
	font-size:13px;
	margin:0 50px 10px 0;
	
	}
.left-panel img{
	max-width:80%;
	max-height:80%;
}

.container{width: 100%;height: auto;/*overflow: hidden;*/}
.top-header{height: 40px;color: #fff;text-align: left;font-size: 12px;}
.top-header a{color: #fff;font-size: 12px;}
.top-header ul.left-link{display: table-cell;width: 400px;}
.top-header ul.right-link{display: table-cell;width: 724px;text-align: right;}
.top-header ul.left-link li{display: table-cell;padding:10px 5px;}
.top-header ul.right-link li{display: inline-block;padding:10px 5px;}
/*.header{height: 100px;background: #fff;}*/
.header1{height: auto;background: #ffffff;}
.logo{float: left;width: auto;}
.logo img{
	widt: auto;
	height:auto;
	max-width: 100%;
	}
.search{
	float: right;
	text-align: right;
	margin:0 auto;
	/*padding: 0 0 0 0;*/
	}
.search-box{}
.search-text{
	display: table-cell;
	/*border:1px solid #CCCCCC;*/
	border:1px solid #403F3F;}
.search-text input[type='text']{
	border:#fff;
	padding:10px;
	color: #000;
	    background: #ffffff;
	
	width: 200px;
	font-size: 14px;}







.footer
{
	width: 100%;
	min-height:60px;
	height:auto
	margin: auto;
	/*background:#C7BCBC;
	color:#333;*/
	background:rgb(134, 134, 134);	
	color:rgb(220, 220, 220);
}
.footer1{
	width:100%;
	padding:0 10px 5px 0;
	float:left;
	
}



.disclaimer{
	font-size:10px;
	margin:0 auto;
	line-height:150%;
	margin-top:10px;
}

/*div hover*/
.media-container {
	/*margin: 10px auto;	*/
	margin:0 0 0 25px;
	 width: auto;
	/*padding bottom
	padding-bottom:10px;*/
}
.media-container a {
	text-decoration: none;
}
.other-media-common {
	margin: 15px 0 0 20px; width: 232px; height: 220px; overflow: hidden;  display: block; box-shadow: 0px 3px 10px #c4c4c4; transition-duration: 0.3s; transition-property: transform;
}
.other-media-common p img {
	max-width: 100%;
}
a.media {
	display: block;
}
.media header {
	padding: 10px 0px; transition: background .5s; -webkit-transition: background .5s;
	background:#ECECEC;
}
#heading1{
	visibility:hidden;
	display:none;
}

/*.other-media-common header {
	
	background: rgb(1, 161, 133); 
	padding: 15px 0px;
	height:40px;
	text-align:center;
}
.other-media-common header1 {
	background: rgb(12, 142, 59); padding: 15px 0px;
	height:40px;
	text-align:center;
}
.other-media-common header2 {
	background: rgb(150, 71, 13); padding: 15px 0px;
	height:40px;
	text-align:center;
}

h3.media-title {
	margin: 0px 10px; padding: 0px; color: rgb(255, 255, 255); font-size: 14px; font-weight: lighter; text-decoration: none;
	line-height: 150%;
}
h2.media-title {
	margin: 0px 10px; padding: 0px; color: rgb(0, 51, 102); font-size: 1.1em; font-weight: lighter; text-decoration: none;
	text-align:center;
}
a.media:hover > header {
	background: rgb(6, 128, 89);
}
a.media:hover > header h2.media-title {
	color: rgb(255, 255, 255);
}
a.media:hover > .media-content .media-text-container {
	top: 0px;
}
.media-content {
	overflow: hidden; position: relative;
}
.media-text-container {
	background: rgba(255, 255, 255, 0.85); top: 100%; width: 100%; height: 100%; position: absolute; transition: top .5s; -webkit-transition: top .5s;
}
.media-text {
	margin: 0px; padding: 1em; left: 0px; top: 0px; text-align: left; color: rgb(0, 51, 102); z-index: 2;
}
.press-title {
	margin: 0px; color: rgb(0, 51, 102); font-size: 1.15em; font-weight: normal;
}
.message-title {
	margin: 0px; padding: 5px; text-align: center; color: rgb(0, 51, 102); font-size: 1.1em; font-weight: normal;
}*/
}