@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(1vsoda.jpg);
	/*background-size:100% 20%;*/
	background-attachment:fixed;
	background-size:100% 100%;
	font:14px/20px "Open Sans", sans-serif;;
}

a {
	color: #E80000;
	text-decoration: none;
}

a:active,
a:hover {
	outline: 0;
	color: #FF4F4F;
	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;
}
@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;
  }
}

/*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;}*/


	/*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: 22px;
	font-family: 'Gabriela', serif;
	font-weight: bold;
	color: #CE0000;
	line-height: 1.5em;
	text-shadow: 0px 3px 2px rgba(150, 150, 150, 1);
}
	.date{padding:auto;  font-size:16px;font-family:'Gabriela', serif; font-weight:bold; color:#003300; line-height:1.5em}
	/*.cn-area{background-image:url(bg001.jpg); background-size:100% 100%; background-attachment: fixed; padding-bottom:0px;}*/
	.cn-area{padding-bottom:0px;}
	.cn-main{
	background-color: rgba(255, 255, 255, 0.4);
	background: rgba(255, 255, 255, 0.4);
	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: #FDFDFD;
	/*background-color:transparent; !important*/
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	margin-top: 10px;
	border: solid 3px  #CC3300;
	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:23px; font-family:Georgia,Times New Roman,Times,serif}*/
	.menu-4{padding:2px;  height:23px; font-family:Georgia,Times New Roman,Times,serif}
	.menu-4-1{color:#666; font-size:18px}
	.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);
		-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:30px;
		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-color:#405729;
		padding:10px 10px 10px 15px;
		font-size:16px;
		font-family:"Open Sans", Arial, Helvetica, sans-serif;
		color:#FFFFFF;
		-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;
	}
	.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								{
	background-color: #EE1B2A;
	list-style: none;
	line-height: 40px;
	padding: 0;
	margin-bottom: 0px;
	position: relative;
	font-family: 'Roboto Condensed', sans-serif;
															}
	nav.green > ul > li						{
																float:left; 
																
															}
	nav.green > ul > li > a					{
																/*padding:0 20px;*/
																padding:0 28px;
																display:block;
																line-height:inherit;
																margin-right:0px;
																font-size:17px;
																color:#FFF;
															}
	nav.green ul li a:hover 	{
	color: #CC3300;
	background-color: #FFF1EC;
	text-decoration: none;
															}
	nav.green ul li.active a 	{
	color: #FFF1EC;
	background-color: #BB0000;
	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;}


}
@media (min-width: 1024px) {
	.pw{width:1000px;margin:0 auto}
}
/*For the mobile views or the screens below width 768px*/
@media (max-width: 768px) {
	.title{text-align:center}

}