/* CSS Script */

/* General */

* { margin: 0 auto 0 auto; padding: 0; }

html { height: 100%; font-size: 85% }

body {
height: 100%;
background-color: #C0C0C0;
color:#444444;
text-align: center;
font: 1.2em Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

a:link, a:visited {
color: #005890;
text-decoration: none;
font-weight: bolder;
}

a:hover {
color: #ff6600;
text-decoration: none;
font-weight: bolder;
}

.noscreen {
display: none;
}

.new1 {
  border-top: 2px solid red;
}	

hr
{
margin:15px 0px 15px 0px;
}


/* Cleaner */

.cleaner {
clear: both;
height: 0;
font-size: 0;
visibility: hidden;
}


/* Images */



/* Wrapper */

#wrapper {
width: 1000px;
margin: 20px auto 0 auto;
border: 0px solid #000000;
}


/* Headings, paragraphs */

h1 { 

font-size: 1.6em;
color: #8DE0FF;
position: relative;
z-index: 2;
}

h1 a:link, h1 a:visited {
text-decoration: none;
color: #8DE0FF;
}

h2 {
font: 1.8em Georgia, "Times New Roman", Times, serif;
color: #1473B0;
letter-spacing: 1px;
margin-bottom: 5px;
border-bottom: 1px dotted #1473B0;
padding-bottom: 3px;
}

h3 {
font-size: 1.1em;
color: #222222;
padding: 10px 0 10px 0px;
}	 	

h4{	
font: 2em Times;
color: #0000FF;
position: relative;
z-index: 2;
}	   
h5{
font: 1.4em Georgia, "Times New Roman", Times, serif;
color: red;	
margin-bottom: 5px;
}

/* Content and columns */

.content {
width: 1000px;
background-color: white;
}

.column-full {
float: left;
width: 100%;
text-align: left;
}


.column-left {
float: left;
width: 700px;
text-align: left;
}

.column-right {
float: right;
width: 300px;
text-align: center;
}

.column-left-in {
margin: 1.3em 1em 3em 1.5em;
}

.column-right-in {
margin: 1.3em 2.8em 3em 2em;
}			  

.central {
text-align:center;
color:red
}

ul
{
padding: 0px 0 0px 0;
margin: 0px 0 0 50px;
}

ul li
{
padding: 5px 0 5px 0px;
}

/* Column right list */

.column-right ul {
margin: 10px 10px 0 20px;
list-style-type: none;
}

.column-right ul li {
display: block;
}

.column-right ul li a, .column-right ul li a:visited {
color: #3A3A3A;
font-weight: normal;
text-decoration: none;
display: block;
padding: 10px 0;
border-bottom: 1px solid #CECECE;
}

.column-right ul li a:hover, .column-right ul li a.active {
color: black;
font-weight: bold;
border-bottom: 1px solid #00A7ED;
}
 .linker ul li a, .linker ul li a:visited {
color: #FF7F50;
font-weight: normal;
text-decoration: none;
display: block;
padding: 10px 0;
border-bottom: 1px solid #CECECE;
}

.linker ul li a:hover, .linker ul li a.active {
color: black;
font-weight: bold;
border-bottom: 1px solid #00A7ED;
}

/* Column left three boxes */

.box1 {
float: left;
background-image:url('../images/blue.jpg');
background-repeat:repeat;
border: 1px solid #555555;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
width: 300px;
margin: 20px 0px 0 0;
}

.box2 {
float: left;
background-image:url('../images/biege.jpg');
background-repeat:repeat;
border: 1px solid #555555;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
width: 300px;
margin: 20px 0px 0 0;
}

.box3 {
float: left;
background-image:url('../images/green.jpg');
background-repeat:repeat;
border: 1px solid #555555;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
width: 300px;
margin: 20px 0px 0 0;
}

.box4 {
float: left;
background-image:url('../images/bb_bgd.jpg');
background-repeat:repeat-y;
border: 1px solid #555555;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
width: 300px;
margin: 20px 0px 0 0;
}

.box5 {
float: left;
background-image:url('../images/tan.jpg');
background-repeat:repeat;
border: 1px solid #555555;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
width: 300px;
margin: 0px 0px 0 0;
}

.box6 {
float: left;
background-image:url('../images/poppy_bgd.jpg');
background-repeat:repeat;
border: 1px solid #555555;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
width: 954px;
margin: 0px 0px 0 0;
}


.box7 {
float: left;
background-image:url('../images/BGD-7.jpg');
background-repeat:repeat;
border: 1px solid #555555;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
width: 954px;
margin: 0px 0px 0 0;
}

.box1-in, .box2-in, .box3-in, .box4-in, .box5-in, .box6-in, .box7-in {
margin: 0.4em 0.4em 0.4em 0.4em;
}

.box1 p, .box2 p, .box3 p, .box4 p, .box5 p, .box6 p, .box7 p {
line-height: 1.5;
}



/* Footer */

#footer { 

max-width:1000px;
height: 92px;
background: #2B2B2B;
border-bottom:3px solid #101010; 

}


#footer a:link, #footer a:visited {
color: #FFFFFF;
font-weight: normal;
}

#footer ul {
list-style-type: none;
color: #FFFFFF;
font-size: 0.9em;
width: 1000px; 
text-align:center; 
margin-left:auto;
margin-right:auto;
}	  

#footer ul li {
display: block;
white-space: normal;
}

#footer ul li a, #footer ul li a:visited {
margin: 0 3px;
}  

#footer p.cop {
font-size: 0.9em;
color: #FFFFFF;
float: inherit;
padding: 12px 16px 0 0px;
margin: 0;
line-height: 1.6;
} 

#footer2 {
  display: flex;
  align-items: center;
}

#container { 
    clear: both; 
    width: 1000px; 
    height: 92px; 
    text-align: center;
}		  

.parent {
  position: relative;
}
.child {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#contain {
  text-align: center;
}





.button1 {
	min-width:150px;
	background-color:#999999;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	border:1px solid #333333;
	display:inline-block;
	font-color:#800000;
	font-family:Tahoma;
	font-size:12px;
	font-weight:bold;
	padding:4px 12px 4px 7px;
	text-decoration:none;
	margin: 15px 0px 0 15;
}
.button1:hover {
	background-color:#444444;
	font-color:#FFFFFF;
}
.button1:active {
	position:relative;
	top:1px;
}
.button {
	min-width:150px;
	background-color:#999999;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	border:1px solid #333333;
	display:inline-block;
	font-color:#800000;
	font-family:Tahoma;
	font-size:12px;
	font-weight:bold;
	padding:4px 12px 4px 7px;
	text-decoration:none;
	margin: 15px 0px 0 0;
}
.button:hover {
	background-color:#444444;
	font-color:#FFFFFF;
}
.button:active {
	position:relative;
	top:1px;
}
.button2 {
	min-width:150px;
	background-color:#999999;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	border:1px solid #333333;
	display:inline-block;
	font-color:#800000;
	font-family:Arial;
	font-size:10px;
	font-weight:bold;
	padding:4px 12px 4px 7px;
	text-decoration:none;
	margin: 0; 
	position: absolute;
   top: 50%;
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
	
}
.button2:hover {
	background-color:#444444;
	font-color:#FFFFFF;
}
.button2:active {
	position:relative;
	top:1px;
} 



.glass{
	/* background styles */
	position: relative;
	display: inline-block;
	padding: 15px 25px;
	background-color: green; /*for compatibility with older browsers*/
	background-image: linear-gradient(green,lightgreen);

	/* text styles */
	text-decoration: none;
	color: #fff;
	font-size: 25px;
	font-family: sans-serif;
	font-weight: 100;
} 

#button3 , #button4 {
display:inline-block;
/**other codes**/
}
.f1 {
 font-family:Arial;font-size:17px;color:#444444;
 }

/* START THE CODE FOR THE MENUS */

/* IF YOU EDIT THE SUB MENU WIDTH - EDIT 200 IN 4 PLACES TOTAL */

/* menu ver 3.0 2007 */



/* MENU OUTER TABLE - BACKGROUND & TOP & BOTTOM MENU BORDERS */

.menutable 		{
			background-image: url("images/menu-background.gif");
			background-color: #;
			white-space: nowrap;
			width:100%;
			border-top: #430000 0px solid;
			border-bottom: #430000 0px solid;
			padding: 0px;
			margin: 0px;
			}


/* CODE FOR MENU 2ND OUTER TABLE */

#menunav, #menunav ul 	{
			float: right;
			white-space: nowrap;
			width: 795px;
			list-style: none;
			padding: 0px;
			border: solid #000000;
			border-width: 0px 0px 0px 0px;
			/* NOTE: BORDERs ABOVE ARE | top | right | bottom | left */
			margin: 0px 0px 0px 0px;
			}

/* TOP LEVEL MARGINS, FONT FACE & FONT COLORS & PADDING */

#menunav a 		{
			color: #FFFFFF;
			font: 15px tahoma, arial, verdana, sans-serif;
			font-weight: bold;
			text-decoration: none;
			text-align: center;
			padding: 4px 0px 5px 0px;
			width: auto;
			display: block;
			cursor: pointer;
			}



/* TOP LEVEL BACKROUND COLOR AND BORDERS - EDIT MENU IMAGES ALSO */

#menunav li 		{
			background-color: #;
			border: solid #000000;
			border-width: 0px 0px 0px 0px;	/* THIS IS A RIGHT BORDER */
			/* NOTE: BORDERs ABOVE ARE | top | right | bottom | left */
			float: left;
			padding: 0;
			}



/* TOP LEVEL HOVER FONT COLOR */

#menunav li a:hover	{
			background-color: #000000;
	-moz-border-top-right-radius:10px;
	-moz-border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
	-webkit-border-top-left-radius:10px;
	border-top-right-radius:10px;
	border-top-left-radius:10px;	
			color: #fe1613;
			text-decoration: none;
			cursor: pointer;
			}



/* TOP LEVEL HOVER BACKGROUND COLOR AND BORDERS - EDIT MENU IMAGES ALSO */

#menunav li:hover, #menunav li.IEMhover
			{

			background-color: #;
			border: solid #430000;
			border-width: 0px 0px 0px 0px;	/* THIS IS A RIGHT BORDER */
			/* NOTE: BORDERs ABOVE ARE | top | right | bottom | left */
			}



/* SUB LEVEL FONT & FONT COLOR & PADDING */

#menunav li ul a 	{
			font: 15px  arial, verdana, sans-serif;
			color: #ffffff;
			font-weight: bold;
			text-decoration: none;
			text-align: left;
			padding: 7px 0px 7px 0px;
			text-indent: 8px;
			cursor: pointer;
			}


/* SUB LEVEL FONT HOVER COLOR */

#menunav li ul a:hover 	{
			background-image: none;
			background-color: #000000;
			color: #fe1613;
			text-decoration: none;
			cursor: pointer;
			}


/* SUB LEVEL OUTER BORDER */

#menunav li ul 		{
			position: absolute;
			left: -999em;
			height: auto;
			width: 200px;
			border: solid #000000;
			border-width: 0px 0px 0px 0px;
			/* NOTE: BORDERs ABOVE ARE | top | right | bottom | left */
			margin: 0;
			}


/* SUB LEVEL BACKGROUND COLOR & BORDER OPTION FOR EACH LINK */

#menunav li ul li 	{
			background-image: none;
			background-color: #3f3f3f;
			border: solid #ffffff;
			border-width: 0px 0px 0px 0px;
			/* NOTE: BORDERs ABOVE ARE | top | right | bottom | left */
			}


/* SUB LEVEL HOVER BACKGROUND AND BORDERS */

#menunav li ul li:hover, #menunav li ul li.IEMhover
			{
			background-image: none;
			background-color: #;
			border: solid #ffffff;
			border-width: 0px 0px 0px 0px;
			/* NOTE: BORDERs ABOVE ARE | top | right | bottom | left */
			}


/* SUB MENU WIDTH - ALSO EDIT TWO BELOW AND ONE ABOVE TO MATCH */

#menunav li li {
	padding-right: 0px;
	width: 235px;
}



/* SUB MENU LINK WIDTH */

#menunav li ul a {
	width: 235px;
}



/* FOR 3rd LEVEL MENU LOCATION */

#menunav li ul ul {
	margin: -21px 0px 0px 160px;
}


#menunav li:hover ul ul, #menunav li:hover ul ul ul, #menunav li.IEMhover ul ul, #menunav li.IEMhover ul ul ul
{ left: -999em; }

#menunav li:hover ul, #menunav li li:hover ul, #menunav li li li:hover ul, #menunav li.IEMhover ul, #menunav li li.IEMhover ul, #menunav li li li.IEMhover ul
{ left: auto; }


/* FOR 3rd LEVEL ARROW */

#menunav a.parent {
	background: url(images/arrow.gif) center right no-repeat;
}

/* CSSTerm.com Simple Horizontal DropDown CSS menu */
02.
 
03.
.drop_menu {
04.
background:#005555;
05.
padding:0;
06.
margin:0;
07.
list-style-type:none;
08.
height:30px;
09.
}
10.
.drop_menu li { float:left; }
11.
.drop_menu li a {
12.
padding:9px 20px;
13.
display:block;
14.
color:#fff;
15.
text-decoration:none;
16.
font:12px arial, verdana, sans-serif;
17.
}
18.
 
19.
/* Submenu */
20.
.drop_menu ul {
21.
position:absolute;
22.
left:-9999px;
23.
top:-9999px;
24.
list-style-type:none;
25.
}
26.
.drop_menu li:hover { position:relative; background:#5FD367; }
27.
.drop_menu li:hover ul {
28.
left:0px;
29.
top:30px;
30.
background:#5FD367;
31.
padding:0px;
32.
}
33.
 
34.
.drop_menu li:hover ul li a {
35.
padding:5px;
36.
display:block;
37.
width:168px;
38.
text-indent:15px;
39.
background-color:#5FD367;
40.
}
41.
.drop_menu li:hover ul li a:hover { background:#005555; }