@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Open+Sans);

/* CSS Document */

html {
  font-size: 13px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
	margin:0px;
	color: #444;
	/*background-image:url(bg0-01.jpg);*/
	/*background-size:100% 21%;*/
	background-size:100% ;
	min-height:340px;
	font:14px/20px "Open Sans", sans-serif;;
}
/*h1,h2,h3,h4,h5,h6{
	margin:0;			   
}*/
p{
	margin-left:1em; 
	margin-right:1em;
}
a {
	color: #FF0033;
	text-decoration: none;
}

a:active,
a:hover {
	outline: 0;
	color: #FFCC00;
	text-decoration: underline;
}
a:focus {
	outline: thin dotted #333;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}

img {
	vertical-align: middle;
	color: #13933E;
}
html,
button,
input,
select,
textarea {
font-family: sans-serif;
}

/*----start-container---*/
.banner{
	background:url(banner.jpg) no-repeat 0px 0px;
	background-size: 100%;
	min-height:340px;
}
/*----start-header----*/
.header{
background:rgba(246, 197, 112, 0.34);
height:10px;
}
.logo{
	float: left;
	margin-top: 1.3em;
}
.top-menu{
	float:right;
}
.top-menu ul li{
	float:left;
	display: inline-block;
	border-right: 2px solid rgba(255, 255, 255, 0.2);
}
.top-menu ul li:nth-child(1){
border-left: 2px solid rgba(255, 255, 255, 0.2);
}
.top-menu ul li a{
	background:rgba(248, 199, 115, 0.39);
	margin: 2em 2.5em;
	display: block;
	/*color: #54332A;*/
	color: #FC0;
	font-weight:600;
	font-size:0.9em;
	text-decoration:none;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;	
}
.top-menu ul li a:hover,.top-menu ul li.active a{
/*color:#E82806;*/
color:#FFFF00;
}
.banner-head{
text-align:center;
margin:3.4em 4em;
display:block;
}
.banner-head h1{
	margin: 2.0em 0.9em;
	/*background: rgba(248, 199, 115, 0.42);*/
	/*height:auto;*/
	font-size: 1.3em;
	line-height: 1em;
	color: #FFF2C1;
	/*text-transform: uppercase;*/
	font-weight: 400;
	margin-bottom: 0px;
}
.banner-head h2{
	/*margin: 0.0em 7.2em;
	background:rgba(248, 199, 115, 0.42);*/
	color: #FFF;
	font-size: 1em;
	font-weight: 200;
	letter-spacing: 1px;
}
.banner-links ul{
/*background:#FFC600;*/
background:rgba(248, 199, 115, 0.54);
position:relative;
padding:0  180px;
margin-top:0px;
}
.banner-links ul li{
background:rgba(248, 199, 115, 0.54);
font-size:1em;
font-weight:700;
float:left;
display:block;
border-right:1px solid rgba(255, 255, 255, 0.39);
}
.banner-links ul li.active a,.banner-links ul li a:hover{
background:#FFCC00;
color:#fff;
}
.banner-links ul li a{
display:block;
color:#E9330C;
padding: 1.2em 2em;
font-size:1em;
text-decoration:none;
}
/*--banner-ends*/

@media print {
  * {
    text-shadow: none !important;
    color: #000 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page  {
    margin: 2cm .5cm;
  }
  p,
  h2,
  h3 {
	orphans: 3;
	widows: 3;
	color: #C96030;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  .navbar {
    display: none;
  }
  .table td,
  .table th {
    background-color: #fff !important;
  }
  .btn > .caret,
  .dropup > .btn > .caret {
    border-top-color: #000 !important;
  }
  .label {
    border: 1px solid #000;
  }
  .table {
    border-collapse: collapse !important;
  }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #ddd !important;
  }
  /*.banner-links ul{
margin-left:0em;
}*/
}

/*USer Classes start from here*/

.lead {
  margin-bottom: 20px;
  font-size: 16.099999999999998px;
  font-weight: 200;
  line-height: 1.4;
}
.title{color:orange}
body {}

.head-cont{background-color: rgba(255, 255, 255, 0.4);background: rgba(255, 255, 255, 0.4);color: rgba(255, 255, 255, 0.4); padding-bottom:5px;}

/*Header Nav Styles - 55723a - 343300 - 105a73 - 2c1527 - 33003D - C96030*/
/*nav.green{background-color:#55723a;}*//* navigation background green color*/


	/*Helper Classes*/
	.m-fl{float: left}
	.m-fr{float: right}
	.cf:after{content:"";display:table;clear:both}

	.logo{margin:0px 4px 0px 4px;}
	.tit{padding:auto;  font-size:25px;font-family:'Gabriela', serif; font-weight:bold; color:#990033; line-height:1.5em;text-shadow: 0px 3px 2px rgba(150, 150, 150, 1);}
	.date{padding:auto;  font-size:18px;font-family:'Gabriela', serif; font-weight:bold; color:#003300; line-height:1.5em}
	.cn-area{/*background-image:url(bg0011-1.jpg); background-size:100% 100%; background-attachment: fixed;*/ padding-bottom:0px;}
	.cn-main{
	/*background-color: rgba(255, 255, 255, 0.4);*/
	/*background: rgba(255, 255, 255, 0.4);*/
	background-image:url(cntnt-bg.jpg);
	color: rgba(172,142,108,0.4);
	margin-top: 0px;
	padding: 10px;
	height: auto;
	}
	.left-menu{
		background-color: rgba(235, 245, 214, 0.4);
		background: rgba(235, 245, 214, 0.4);
		color: rgba(235, 245, 214, 0.4);
		-webkit-border-top-left-radius: 10px;
		-webkit-border-bottom-left-radius: 10px;
		-moz-border-radius-topleft: 10px;
		-moz-border-radius-bottomleft: 10px;
		border-top-left-radius: 10px;
		border-bottom-left-radius: 10px;
		margin-top:30px;
		margin-bottom:30px;
		padding-bottom:20px;
	}
		.left-menu-list ul{
																list-style:url(drop.png);
																padding:0;
																margin-bottom:5px;
																font-family: 'Prociono', serif;
																padding-left:22px;
															}
	.left-menu-list  ul a{
																padding:4px 0px 4px 0px;
																display:block;
																margin-right:0px;
																font-size:13px;
																font-weight:bold;
																color:#045E28;
																border-bottom:solid 1px #beff82;
															}
	.left-menu-list ul a:hover{
																color:#990033;
																list-style:url(drop2.png);
																text-decoration:none;
															}
	.left-menu-list-2 li{

		-moz-transition-duration: 0.5s;
		-webkit-transition-duration: 0.5s;
		-o-transition-duration: 0.5s;
		transition-duration: 0.5s;
    }

	.left-menu-list-2 li:hover{ list-style:url(drop2.png);padding-left: 8px}

	.left-menu-list-2 li.active a{list-style:url(drop2.png);padding-left: 10px;color:#990033;}

	.content-box{
		background-color:#FFF;
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		border-radius: 6px;
		margin-top:0px;
		border:solid 1px #55723a;
		padding:10px;
		height:auto;
		color:#444;
		font-size:16px;
		min-height:600px;
	}
	.content{text-align:justify; font-size:15px; line-height:180%; font-family: Georgia, "Times New Roman", Times, serif; color: #444}
	.c-head{font-family: 'Prociono', serif;color:#990033; font-size:18px; padding:10px;}
	.lake{font-size:35px; font-weight:bold;font-family:'Gabriela', serif; text-align:center; color: #254117;}
	.num{font-family: 'Open Sans', sans-serif;}
	.bor{padding:5px;border:solid 2px #CCC; border-radius:5px; margin:5px 0px 5px;}
	.menu-4{padding:2px; border-bottom:dotted 1px #CCC; height:30px; font-family:Verdana, Geneva, sans-serif}
	.menu-4-1{color:#666; font-size:9px}
	.menu-4-2{font-size:12px; font-weight:bold; margin-right:5px;}
	.menu-4-2 a{color:#fff; background-color:#C96030; padding:5px; border-radius:10%;}
	.menu-4-2 a:hover{color:#fff; background-color:#063; text-decoration:none}
	.right-menu{
		/*background-color: rgba(235, 245, 214, 0.4);
		background: rgba(235, 245, 214, 0.4);
		color: rgba(235, 245, 214, 0.4);*/
		background-color:#FFF;
		-webkit-border-top-right-radius: 10px;
		-webkit-border-bottom-right-radius: 10px;
		-moz-border-radius-topright: 10px;
		-moz-border-radius-bottomright: 10px;
		border-top-right-radius: 10px;
		border-bottom-right-radius: 10px;
		margin-top:0px; /*right menu top adjustment*/
		padding-bottom:15px;
	}

	.menu-head{
		background-color:#405729;
		padding:10px 10px 10px 15px;
		font-family:"Open Sans", Arial, Helvetica, sans-serif;
		font-size:16px;
		color:#FFFFFF;
		-webkit-border-top-left-radius: 10px;
		-webkit-border-bottom-left-radius: 10px;
		-moz-border-radius-topleft: 10px;
		-moz-border-radius-bottomleft: 10px;
		border-top-left-radius: 10px;
		border-bottom-left-radius: 10px;
	}
	.right-menu-head{
	/*background:rgba(248, 199, 115, 3.94);*/
	background-color: #FFCC00;
	padding: 10px 10px 10px 15px;
	font-size: 16px;
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
	color: #E9330C;
	text-align: center;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomright: 10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	/*border-top-left-radius:	  10px;*/
	border-bottom-left-radius: 10px;
	}
	.right-menu-head p{
		color:#333;
	}
	.right-menu-list ul li{
		padding:15px 0px 15px 0px;
		font-size:16px;
		font-weight:bold;
		list-style:url(drop.png);
		font-family: 'Lato', sans-serif;
	}
	
	.right-menu-list  ul li a{
		color:#045E28;
	}
	.right-menu-list ul li a:hover{
		color:#990033;
		text-decoration:none;
	}
	.right-menu-list-2 li{

		-moz-transition-duration: 0.5s;
		-webkit-transition-duration: 0.5s;
		-o-transition-duration: 0.5s;
		transition-duration: 0.5s;
    }

.right-menu-list-2 li:hover{ list-style:url(drop2.png);padding-left: 8px}

		.right-menu2{
		background-color: rgba(221,211,59, 0.8);
		background: rgba(221,211,59, 0.8);
		color: rgba(221,211,59, 0.8);
		-webkit-border-top-right-radius: 10px;
		-webkit-border-bottom-right-radius: 10px;
		-moz-border-radius-topright: 10px;
		-moz-border-radius-bottomright: 10px;
		border-top-right-radius: 10px;
		border-bottom-right-radius: 10px;
		margin-top:10px;
		padding:10px 0px 10px 0px;
		font-size:14px;
		font-weight:bold;
		text-align:center;
		font-family: 'Prociono', serif;
	}
	.right-menu2 a{
		color:#045E28;
	}
	.right-menu2 a:hover{
		color:#990033;
		text-decoration:none;
	}
	
footer{
	background-color: rgba(39, 39, 39, 0.8);
	background: rgba(39, 39, 39, 0.8);
	color: rgba(39, 39, 39, 0.8);

	}
footer a:hover{
	color:#FF0;
	text-decoration:none;
	}
/*******************************************************************************************************************************/

/*For the desktop view or the screens above width 768px*/
@media (min-width: 768px) {
	.title{color:white}
	/*Helper Classes*/
	.fl{float: left}
	.fr{float: right}
	.pw{margin:0 10px;}
	
		/*Yellow Nav Styles*/
	nav.green ul								{
																list-style: none;
																line-height: 40px;
																padding: 0;
																margin-bottom: 0px;
																position: relative;
																background-color: #FFE8C4;
																font-family: 'Roboto Condensed', sans-serif;
															}
	nav.green > ul > li						{
																float:left;
															}
	nav.green > ul > li > a					{
																padding:0 20px;
																display:block;
																line-height:inherit;
																margin-right:0px;
																font-size:17px;
																color:#FFF;
															}
	nav.green ul li a:hover 	{
																color:#FF6600;
																background-color:#FFCC00;
																text-decoration:none;
															}
	nav.green ul li.active a 	{
																color: #FF6600;
																background-color: #FFCC00;
																text-decoration: none;
															}
	nav.green ul li ul.sub-menu{
																
																background-color:#55723a;
																border:solid 0px green;
																position:absolute;
																top:40px;
																padding:0px 0px 10px; 
																z-index:1;
																display:none;
																-webkit-border-bottom-right-radius: 5px;
																-webkit-border-bottom-left-radius: 5px;
																-moz-border-radius-bottomright: 5px;
																-moz-border-radius-bottomleft: 5px;
																border-bottom-right-radius: 5px;
																border-bottom-left-radius: 5px;

															}
	nav.green ul li ul.sub-menu a{
																margin:0px;
																color:#FFF;
																font-size:17px;
																padding:0px 65px 5px 5px;
																font-family:'Roboto Condensed', sans-serif;
															}
	nav.green ul li ul.sub-menu a:hover{
																color:#fff200;
																background-color:#405729;
																text-decoration:none;
															}
	nav.green > ul > li:hover ul.sub-menu{display:block;}

/*.banner-links ul{
margin-left:0;
}
.banner-links ul li a {
padding: 1em 1.5em;
font-size: 0.8em;
}*/
.logo{
width:30%;
float: left;
/*width:94px;
height:95px;
margin-top: 0.6em;*/
}
.logo img{
width:64px;
height:65px;
}
.header {
height: 10px;
}
.top-menu ul li a {
margin: 0.6em;

}
.banner-head {
margin: 4.2em;
}
.banner-head h1 {
font-size: 1.6em;
margin: 1.8em 0.5em;
margin-bottom: 10px;
}
.banner {
min-height: 244px;
}
.banner-links ul{
padding:0 20px;
margin-top:0px;
}
.banner-links ul li a{
padding: 0.6em 1.2em;
font-size: 0.88em;
}
}
/*** 768px ends****/

/*@media (max-width: 768px){

}*/
/************/
@media (min-width: 1024px) {
.pw{width:1000px;margin:0 auto}
.logo{
width:24%;
float: left;
/*width:94px;
height:95px;
margin-top: 0.6em;*/
}
.logo img{
width:94px;
height:95px;
}
.top-menu ul li a {
margin:2.5em;
}
.banner-head {
margin: 3.6em;
}
.banner-head h1 {
font-size: 2.2em;
margin: 2.9em 0.9em;
margin-bottom: 10px;
}
.banner-head h2 {
font-size: 1.7em;
}
.banner-links ul{
padding:0 180px;
margin-top:0px;
}
.banner-links ul li a {
padding: 0.9em 1.9em;
font-size: 0.9em;
}
.banner {
min-height: 294px;
}
}
/*For the mobile views or the screens below width 768px*
@media (max-width: 768px) {
	.title{text-align:center}
	.logo{
width:18%;
margin-top: 0.9em;
}
.logo img{
width:100%;
}
.header {
height: 64px;
}
.top-menu ul li a {
margin: 1.5em;
}
.banner-head {
margin: 3.46em 0;
}
.banner-head h1 {
font-size: 2em;
margin-bottom: 5px;
}
.banner {
min-height: 294px;
}
.content-grid-info img, .content-sec-info img {
width: 100%;
height: 350px;
}
.pages {
padding: 0.6em;
margin-top: 1em;
}
.search input[type="submit"] {
padding: 0px 0 16px 0;
width: 43px;
height: 44px;
}
.search input[type="text"] {
width: 93%;
}
.categories, .archives {
padding: 1.3em 18px 1em 18px;
}

}*/
@media (max-width: 640px){
.logo{
width:30%;
float: left;
/*width:94px;
height:95px;
margin-top: 0.6em;*/
}
.logo img{
width:64px;
height:65px;
}
.header {
height: 10px;
}
.top-menu ul li a {
margin: 0.6em;

}
.banner-head {
margin: 4.2em;
}
.banner-head h1 {
font-size: 1.6em;
margin: 1.8em 0.5em;
margin-bottom: 10px;
}
.banner {
min-height: 244px;
}
.banner-links ul{
padding:0 20px;
margin-top:0px;
}
.banner-links ul li a{
padding: 0.6em 1.2em;
font-size: 0.88em;
}
}
@media (max-width: 480px){
.logo{
width:30%;
float: left;
/*width:94px;
height:95px;
margin-top: 0.6em;*/
}
.logo img{
width:64px;
height:65px;
}
.header {
height: 10px;
}
.top-menu ul li a {
margin: 0.6em;

}
.banner-head {
margin: 4.2em;
}
.banner-head h1 {
font-size: 1.6em;
margin: 1.8em 0.5em;
margin-bottom: 10px;
}
.banner {
min-height: 244px;
}
.banner-links ul{
padding:0 20px;
margin-top:0px;
}
.banner-links ul li a{
padding: 0.6em 1.2em;
font-size: 0.88em;
}
}
@media (max-width: 320px){
.logo{
width:90%;
float: left;
/*width:94px;
height:95px;
margin-top: 0.6em;*/
}
.logo img{
width:34px;
height:35px;
}
.header {
height: 6px;
}
.top-menu ul li a {
margin: 0.05em;
font-size: 0.3em;
}
.banner-head {
margin: 2.2em;
}
.banner-head h1 {
font-size: 0.7em;
margin: 1.0em 0.3em;
margin-bottom: 1px;
}
.banner {
min-height: 244px;
}
.banner-links ul{
padding:0 20px;
margin-top:0px;
}
.banner-links ul li a{
padding: 0.6em 1.2em;
font-size: 0.88em;
}
}	