/* ================= CSS 2.1 Document of KSTA Created @ 10 June 2011 by Prolanx IT Solutions ================== */

/* ==================================================================
Global styles
================================================================== */

body {
	margin:0px;
	padding:0px;
	background-image:url(../images/main-back.jpg);
	background-position:top center;
	background-repeat:repeat-x;
	background-color:#CCC;
}
.clearfix {
	height:0px !important;
	line-height:0px !important;
	clear:both !important;
	margin:0px !important;
	padding:0px !important;
	display:block!important;
}
.divider {
	height:10px !important;
	line-height:10px !important;
	border-top:#BBB dotted 1px;
	display:block;
	width:100%;
	padding:0px !important;
	margin:0px !important;
}
.activeField {
	border:solid 1px #c98c65;
	color:#666;
	background-color:#fef4ed;
}
.idle {
	border:#c7b1a3 solid 1px;
	color:#666;
}
.mandatory, .error-block {
	color:#ff0000 !important;
}
.success {
	color:#009900 !important;
}
.image-left {
	float:left;
	margin-right:18px;
	margin-bottom:10px;
	margin-top:3px;
}
.image-left2 {
	float:left;
	margin-right:12px;
	margin-top:3px;
}
.image-left3 {
	float:left;
	margin-right:12px;
}
.image-right {
	float:right;
	margin-left:18px;
	margin-bottom:10px;
	padding:6px;
	background-color:#EFEFEF;
	border:#DDD solid 1px;
}
.imager-left {
	float:left;
	margin-right:18px;
	margin-bottom:10px;
	padding:6px;
	background-color:#EFEFEF;
	border:#DDD solid 1px;
}
.widhter {
	width:350px;
	color:#666;
	padding:8px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
.selecter {
	width:350px;
	color:#666;
	padding:8px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
textarea {
	overflow:auto;
}
.valigner {
	vertical-align:middle;
	margin-right:12px;
}
.valigner2 {
	vertical-align:middle;
	margin-left:12px;
}
.right-spacer {
	margin-right:20px;
}
a {
	outline:none;
}
.send-button, .wpcf7-submit {
	height:30px;
	width:70px;
	border:none;
	background:url(../images/send.gif) no-repeat;
	cursor:pointer;
	padding:0px;
	margin:0px;
	outline:none;
	font-size:0px;
	/*behavior: url(css/csshover.htc);*/
}
.login-button {
	height:29px;
	width:71px;
	border:none;
	background:url(../images/login-button.jpg) no-repeat;
	cursor:pointer;
	padding:0px;
	margin:0px;
	outline:none;
}
/*.send-button:hover, .wpcf7-submit:hover {
	background-position:0px -30px;
	cursor:pointer;
}*/
.small-text {
	font-size:11px !important;
}
/* ==================================================================
Container styles
================================================================== */

#container {
	width:1000px;
	margin:0px auto 0px auto;
	padding:0px;
	max-width: 100%;

}
#wrapper {
	width:1000px;
	float:left;
	margin:0px;
	max-width: 100%;
}
#header {
	width:970px;
	min-height:130px;
	float:left;
	padding:0px 15px;
	max-width: 100%;
}
#content-area {
	width:970px;
	height:auto;
	float:left;
	margin:11px 15px 0px 15px;
	background-color:#FFF;
	max-width: 100%;
}
#footer-container {
	margin-top:0px;
	margin-right:auto;
	margin-left:auto;
	clear:both;
	background-image:url(../images/footer-back.jpg);
	background-repeat:repeat-x;
	background-position:top left;
	background-color:#FFF;
}
#footer-wrapper {
	width:1000px;
	height:auto;
	margin-top:0px;
	margin-right:auto;
	margin-bottom:0px;
	margin-left:auto;
	max-width: 100%;
}
#footer {
	width:970px;
	float:left;
	height:120px;
	padding:0px 15px;
	max-width: 100%;
}
/* ==================================================================
Header styles
================================================================== */

#header .col1 {
	width:125px;
	float:left;
	padding-top:17px;
	height:113px;
}
#header .col2 {
	width:845px;
	height:50px;
	float:left;
	padding-top:42px;
	color:#FFF;
	font-size:25px;
	font-family:Arial, Helvetica, sans-serif;
}
#header .col3 {
	width:845px;
	float:left;
	padding-top:7px;
}
#header .col3 ul {
	padding:0px;
	margin:0px;
}
#header .col3 ul li {
	display:inline;
	list-style-type:none;
}
#header .col3 ul li a {
	text-decoration:none;
	list-style-type:none;
	color:#FFF;
	font-size:14px;
	margin-right:13px;
	padding-right:13px;
	background-image:url(../images/menu-divider.jpg);
	background-repeat:no-repeat;
	background-position:top right;
	padding-top:8px;
	padding-bottom:8px;
	line-height:15px;
}
#header .col3 ul li a.last {
	background-image:none !important;
}
#header .col3 ul li a:hover, #header .col3 ul li a.active {
	color:#f27f7f;
}
#header #home-button {
	font-size:12px !important;
	float:right;
	background-image:url(../images/home-icon.jpg);
	background-position:top right;
	background-repeat:no-repeat;
	height:40px;
	padding-top:10px;
	padding-right:35px;
	width:100px;
	display:block;
}
#header #home-button a {
	color:#FFF;
	text-decoration:none;
}
#header #home-button a:hover {
	color:#f27f7f;
	text-decoration:none;
}
/* ==================================================================
Content Area styles
================================================================== */

#content-area .col1 {
	width:680px;
	float:left;
	background-color:#FFF;
}
#content-area .col2 {
	width:290px;
	float:left;
	background-color:#EEE;
	position:relative;
}
#banner-slide {
	width:665px;
	height:285px;
	overflow:hidden;
	background-color:#7f0000;
	padding-right:15px;
}
*html #banner-slide {
	width:665px;
	height:285px;
	overflow:hidden;
	background-color:#7f0000;
	padding-right:15px;
}
#content-area .inner-content {
	padding:20px 20px 20px 20px;
}
#content-area .inner-content2 {
	padding:40px 20px 20px 20px;
}
#content-area .grey-area {
	padding:20px;
	background-color:#EEE;
}
#content-area .dark-cream-area {
	padding:20px;
	background-color:#ebb3a3;
	position:relative;
}
#content-area .medium-cream-area {
	padding:20px;
	background-color:#f1d7c5;
}
#content-area .light-cream-area {
	padding:20px;
	background-color:#fdecda;
}
#content-area .low-cream-area {
	padding:20px;
	background-color:#FBDBC8;
}
#content-area h2 {
	margin-bottom:13px;
	color:#a20000;
	font-size:24px;
	font-weight:normal;
	font-family:Georgia, "Times New Roman", Times, serif;
}
#content-area h3 {
	margin-bottom:18px;
	color:#333;
	font-size:22px;
	font-weight:normal;
	font-family:Georgia, "Times New Roman", Times, serif;
}
#content-area h3 a {
	color:#333;
    text-decoration:none;
}
#content-area h4 {
	margin-bottom:10px;
	color:#222;
	font-size:14px;
	font-weight:bold;
}
#content-area h4 a {
	color:#222;
	text-decoration:none;
}
#content-area h4 a:hover {
	color:#7f0000;
	text-decoration:none;
}
#content-area h5 {
	margin-bottom:10px;
	color:#a20000;
	font-size:16px;
	font-weight:bold;
}
#content-area h5 a {
	color:#a20000;
	text-decoration:none;
}
#content-area h6 {
	margin-bottom:10px;
	color:#a20000;
	font-size:18px;
	font-weight:normal;
}
#content-area h6 a {
	color:#a20000 !important;
	text-decoration:none;
}
#content-area h6 a:hover {
	color:#222 !important;
	text-decoration:none;
}
#content-area h7 {
	margin-bottom:10px;
	color:#a20000;
	font-size:15px;
	font-weight:bold;
	display:block;
}
#content-area h7 a {
	color:#a20000;
	text-decoration:none;
}
#content-area p {
	font-size:12px;
	line-height:18px;
	color:#555;
	text-align:justify;
	margin-bottom:15px;
}
#content-area p.date {
	color:#7f0000;
	font-style:italic;
	font-size:11px;
}
#content-area p.date2 {
	color:#444;
	font-style:italic;
	font-size:12px;
	background-color:#EEE;
	padding:7px 10px 7px 10px;
	display:inline-block;
}
#content-area p a {
	color:#11709e;
	text-decoration:none;
	text-decoration:underline;
}
#content-area p a:hover {
	color:#0b3156;
	text-decoration:none;
}
.no-margin {
	margin-bottom:0px !important;
}
.low-bottom {
	margin-bottom:5px !important;
}
.medium-bottom {
	margin-bottom:10px !important;
}
/*#content-area p.more {
	text-align:right !important;
	margin-bottom:10px !important;
}*/
#form_table td {
	color:#666;
	font-size:12px;
	border-bottom:#CCC dotted 1px;
	padding: 10px 0px 10px 0px;
}
#form_table th {
	padding-bottom:10px;
	color:#02497b;
	font-size:12px;
	border-bottom:#65a6d3 dashed 1px;
}
#form_table table td {
	border:none !important;
	padding:0px !important;
}
.red-text, .red-text a {
	color:#7f0000 !important;
	text-decoration:none !important;
}
.red-text a:hover {
	color:#7f0000 !important;
	font-weight:bold;
}
#content-area ul.sidemenu {
	padding:0px;
	margin:5px 10px 0px 10px;
}
#content-area ul.sidemenu li {
	list-style-type:none;
	margin-bottom:12px;
	display:block;
	padding-left:30px;
	padding-bottom:10px;
	font-size:13px;
	color:#666;
	font-weight:bold;
	border-bottom:#DEDEDE solid 1px;
	background-image:url(../images/lister-bullet.jpg);
	background-position:10px 5px;
	background-repeat:no-repeat;
}
#content-area ul.sidemenu li a {
	color:#666;
	text-decoration:none;
}
#content-area ul.sidemenu li a:hover {
	color:#2180ac;
	text-decoration:none;
}
#content-area p.more {
	background-color:#7f0000;
	padding:7px 10px;
	display:inline;
	color:#FFF;
	text-decoration:none;
}
#content-area p.more a {
	color:#FFF;
	text-decoration:none;
}
#content-area p.more a:hover {
	color:#f27f7f;
	text-decoration:none;
}
.black-text, .black-text a {
	color:#222 !important;
}
#login_table td {
	padding-bottom:7px;
}
#login_table td a {
	color:#666;
	text-decoration:none;
}
#login_table td a:hover {
	color:#a70000;
	text-decoration:none;
}
#login_table .textbox {
	padding:8px;
	width:234px;
}
*html #login_table .textbox {
	padding:8px;
	width:230px;
}
#content-area .select-cats {
	position:relative;
	display:block;
}
#content-area .select-cats .select-dropper {
	width:210px;
	display:block;
	background-color:#EEE;
	overflow:auto;
	color:#FFF;
	padding:10px 12px 10px 12px;
	/* for IE */
  	filter:alpha(opacity=95);
	/* CSS3 standard */
  	opacity:0.95;
	display:none;
	position:absolute;
	top:42px;
	left:8px;
}
#content-area .select-dropper a {
	color:#333;
	text-decoration:none;
	display:block;
	margin-bottom:6px;
	padding-bottom:6px;
	border-bottom:#7480a4 dotted 1px;
}
#content-area .select-dropper a:hover {
	color:#a20000;
	text-decoration:none;
	font-weight:bold;
}
#slider {
	overflow:hidden;
	width:600px;
}
#slider ul, #slider li {
	margin:0;
	padding:0;
	list-style:none;
}
#slider li {
	float:left;
	display:block;
	width:600px;
}
span#prevBtn {
	color:#555;
	text-decoration:none;
}
span#nextBtn {
	color:#555;
	text-decoration:none;
}
span#prevBtn a, span#nextBtn a {
	text-decoration:none;
	color:#555;
}
ul.tab_head {
	padding:0px;
	margin:0px;
	display:block;
	border-bottom:#CCC solid 1px;
	height:35px;
}
ul.tab_head li {
	list-style-type:none;
	display:inline;
}
ul.tab_head li a {
	list-style-type:none;
	display:block;
	float:left;
	padding:10px 25px;
	background-color:#EEE;
	margin-right:5px;
	text-decoration:none;
	color:#666;
}
ul.tab_head li a.active {
	background-color:#7f0000 !important;
	color:#FFF !important;
}
#content-area ul li a:hover {
	color:#a20000;
}
#content-area .photoblocks {
	width:130px;
	float:left;
	margin-right:15px;
	text-align:center;
	padding:10px 10px 10px 0px;/*height:230px;*/
}
*html #content-area .photoblocks {
	margin-right:15px;
	display:inline;
}
#content-area .photoblocks p {
	text-align:center;
	padding:0px;
	margin:0px
}
#content-area .photoblocks p.name {
	color:#a20000;
	padding-top:12px !important;
	padding-bottom:0px !important;
	font-size:13px;
	font-weight:bold;
	margin-top: 0px !important;
	margin-right: 0px;
	margin-bottom: 5px !important;
	margin-left: 0px;
}
#content-area .photoblocks p.name a {
	color:#a20000;
	text-decoration:none;
}
#tab_content1, #tab_content2 {
	padding-top:15px;
}
#content-area .photoblocks2 {
	width:200px;
	float:left;
	margin-right:20px;
	text-align:center !important;
	background-color:#EEE;
	margin-bottom:15px;
}
#content-area .photoblocks2 span {
	text-align:center !important;
	padding:0px;
	margin:10px 0px 10px 0px;
	display:block;
}
#content-area .photoblocks3 {
	width:180px;
	float:left;
	margin-right:25px;
	text-align:center !important;
	background-color:#EEE;
	margin-bottom:15px;
}
#content-area .photoblocks3 span {
	text-align:center !important;
	padding:0px;
	margin:10px 0px 10px 0px;
	display:block;
}
#content-area .photoblocks3 span a {
	color:#333;
	text-decoration:none;
}
#content-area ul.lister {
padding:0px;
margin:0px;
}
#content-area ul.lister li {
	display:block;
	text-decoration:none;
	list-style-type:none;
	margin-bottom:10px;
	border-bottom:#999 dotted 1px;
	padding-bottom:5px;
}
#content-area ul.lister li a {
	color:#666;
	text-decoration:none;
}
#content-area ul.lister li a:hover {
	color:#a20000;
	text-decoration:none;
}

/* ==================================================================
Footer styles
================================================================== */

#footer {
	color:#222;
}
#footer a {
	color:#222;
	text-decoration:none;
}
#footer a:hover {
	color:#7f0000;
	text-decoration:underline;
}
#footer .col1 {
	width:100px;
	float:left;
}
#footer .row1 {
	width:870px;
	float:left;
	color:#FFF;
	padding-top:15px;
	height:35px;
	font-size:12px;
}
#footer .row2 {
	width:870px;
	float:left;
	font-size:11px;
	padding-top:10px;
	color:#222;
}
#footer ul {
	padding:0px;
	margin:0px;
}
#footer ul li {
	display:inline;
	list-style-type:none;
}
#footer ul li a {
	list-style-type:none;
	text-decoration:none;
	color:#FFF;
	margin-right:20px;
}
#footer ul li a:hover {
	color:#f27f7f;
	text-decoration:none;
}
 

/*My================================= styles*/

  @media only screen and (max-width: 1005px) { 
  	#wrapper , #container , #banner-slide , #content-area .col1 , #content-area {
  		width: 100%;
  		margin: 0px;
  		overflow: hidden;
  	}

#header {
   
    height: auto;
     width: 95%;
}
#header .col2 {
    width: 100%;
    height: auto;
   padding-top: 25px;
    padding-bottom: 4px;
}
#header .col3 {
    width: 100%;
    float: left;
    padding-top: 0px;
    padding-bottom: 10px;
}
#header .col2 {
     
    font-size: 15px;
   
}
  }
  
  @media only screen and (max-width: 767px) {   
  #header .col3 ul li a {
    display: inline-block;
}
#slider li {
    float: left;
    display: block;
    width: 100%;
}
#slider , #slider ul , #slider li {
    width: 100% !important;
}
h1 {
    font-size: 20px  !important;
    
}
#content-area h6 {
    margin-bottom: 10px;
    color: #a20000;
    font-size: 15px;
    font-weight: normal;
}
#content-area .col2 , #sidebar , #footer-wrapper , #footer, #footer .col1 , #footer .row1  {
    width: 100% !important;
      height: auto;
    
}
#header table {
    width: 91%;
}
#footer .row2 {
   width: 91%;
     height: auto;
    font-size: 8px;
    
}
#banner-slide img {
    width: 100% !important;
    object-fit: cover;
    object-position: center;
}
#footer {
    padding:0px !important;
}
#footer ul {
    padding: 9px;
    margin: 0px;
    background-color: black;
    width: 92%;
}

#header .col1 {
    width: 100%;
    float: none;
    padding-top: 17px;
    height: auto;
    text-align: center;
}

}