@charset "UTF-8";
body {margin:0px;padding:0px;background-color:#FFF;width:100%;font-size:13px;font-family:Arial;color:#000;}
a {text-decoration:none;}

/* top bar - top.asp */
#header {margin:0px;padding:0px;text-align:left;width:100%;}
#header .toplink {text-decoration:none;color:#000;}
#header .toplink:hover {text-decoration:underline;color:#000;}

.buttonGrey {
	background:#e4e4e4;
	color:#000;
	box-shadow: 0px 1px #e4e4e4;
	background:linear-gradient(#f3f3f3,#cdcdcc);
	cursor:pointer;
	border:1px solid #999;
}
.buttonGrey:hover {background:#e4e4e4;}

.hovers {text-decoration:none;color:#000;}
.hovers:hover {text-decoration:underline;}

.policy {text-decoration:none;color:#0066c0;}
.policy:hover {text-decoration:underline;}

.arrow-bottom {
	width: 0; 
	height: 0; 
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 4px solid #333;
	font-size: 0;
	line-height: 0;
	vertical-align:middle;
	margin-left:7px;
}

/* Style The Dropdown Button */
.dropbtn {
    background-color: #cde9cd;
    color: #000;
    padding: 12px;
    font-size: 16px;
	font-weight:bold;
    border: none;
    cursor: pointer;
}
.dropbtn a {
	color: #000;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
	font-size:14px;
   	/*box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);*/
   	box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
    color: #000;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {
	background-color: #f0f0f0;
	text-decoration: underline;
}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
    display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
    background-color: #f0f0f0;
}

/*2nd Version of Drop Down Menu Starts*/
.dropbtn2 {
	background-color: #cde9cd;
    color: #000;
    padding: 13px;
    font-size: 16px;
	font-weight:bold;
    border: none;
    cursor: pointer;
}
.dropdown2 {
	position: relative;
	display: inline-block;
}
.dropdown-content2 {
	display: none;
	position: absolute;
	background-color: #f1f1f1;
	min-width: 360px;
	box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.2);
	z-index: 1;
}
.dropdown-content2 a {
	color: black;
	padding: 10px 17px;
	text-decoration: none;
 	display: block;
	cursor: pointer;
	font-size:14px;
}
.dropdown2:hover .dropdown-content2 {display: block;}
.dropdown2:hover .dropbtn2 {background-color: #EEE;}
.contentsub {text-decoration:none;color:#000000;}
.dropdown-content2 .contentsub:hover {text-decoration:underline;color:#0066FF;}
/*2nd Version of Drop Down Menu Ends*/

.item-1, 
.item-2, 
.item-3 {
	position: relative;
  	display: block;
	top: 10px;
  	font-family:Arial;
  	width: 750px;;
  
  	font-size: 16px;

	animation-duration: 50s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
}

.item-1{
	animation-name: w3-animate-right;
}

.item-2{
	animation-name: anim-2;
}

.item-3{
	animation-name: anim-3;
}

@keyframes anim {
	0%, 8.3% { left: -100%; opacity: 0; }
  8.3%,25% { left: 10px; opacity: 1; }
  33.33%, 100% { left: 110%; opacity: 0; }
}


@keyframes anim-1 {
	0%, 8.3% { left: -100%; opacity: 0; }
  8.3%,25% { left: 25%; opacity: 1; }
  33.33%, 100% { left: 110%; opacity: 0; }
}

@keyframes anim-2 {
	0%, 33.33% { left: -100%; opacity: 0; }
  41.63%, 58.29% { left: 25%; opacity: 1; }
  66.66%, 100% { left: 110%; opacity: 0; }
}

@keyframes anim-3 {
	0%, 66.66% { left: -100%; opacity: 0; }
  74.96%, 91.62% { left: 25%; opacity: 1; }
  100% { left: 110%; opacity: 0; }
}
.w3-animate-right{position:relative;animation:animateright 0.4s}@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}

.cpn{
	color:blue;
	text-decoration:none;
}
.cpn:hover {
	text-decoration:underline;	
}

.ui-widget-overlay.custom-overlay
{
    background-color: black;
    background-image: none;
    opacity: 0.9;
    z-index: 1040;    
}

nav.dropdown ul ul {
	display: none;
	z-index:9999;
  }
  nav.dropdown ul li:hover > ul {
	display: block;
  }
  nav.dropdown ul:after {
	content: "";
	clear: both;
	display: block;
  }
  nav.dropdown ul li {
	float: left;
	position: relative;
	list-style-type: none;
  }
  nav.dropdown ul li:hover {
	background: rgba(19, 20, 123, 1);
  }
  nav.dropdown ul li:hover a {
	color: #000;
  }
  nav.dropdown ul li a {
	display: block;
	padding: 10px 15px;
	color: #000; /*#ffffff;*/
	text-decoration: none;
	background-color: rgba(205, 233, 205, 0.9); /*rgba(35, 17, 134, 0.8);*/
	font-family: sans-serif, arial;
	font-size: 1.0em;
	font-weight:bold;
  }
  
  nav.dropdown ul ul {
	background: #CDE9CD; /*#5f6975  95, 105, 117*/		
	padding: 0;
	position: absolute;
	top: 100%;
  }
  nav.dropdown ul ul li {
	float: none;
	position: relative;
  }
  nav.dropdown ul ul li a {
	padding: 15px 10px;
	color: #ffffff;
	/*text-transform: uppercase;*/
	White-space: nowrap;
  }
  nav.dropdown ul ul li a:hover {
	background: rgba(187, 212, 197, 1); /*rgba(255, 255, 255, 0.67);*/
  }

/*#EC1A23*/
.btn_oval  {
    display: inline-block;
    background: #800!important;
    color: #FFF!important;
   /* width: 66px!important;
    height: 18px!important;
    line-height: 30px!important;*/
    border-radius: 50%;
    text-align: center;
    font-weight: bold;
    overflow: hidden;
    box-shadow: 0px 2px 2px rgb(0 0 0 / 29%); /*0px 2px 2px rgb(0 0 0 / 29%);*/
    border-bottom: solid 1px #bd6565;
	font-family:Verdana, Helvetica, arial;
	font-size:13px;
	padding: 6px 8px!important;
}