A:link          { font-size: medium; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none; color:#ffffff }
A:visited       { color:#ffffff; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; font-size: medium; text-decoration: none}
A:hover    { color: #808080; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; font-size: medium; text-decoration: none }
 BODY { 
 color:#4d4d4d; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; font-size: medium; text-align: justify; text-shadow: 0.02em 0.02em 0.02em #000000; padding:20px;
		/* background-color: #cccccc;	 COLOR OF THE PAGE*/
		
		background-image:url('bk.jpg');
		/*	
			background-image:url('flowers.png');
	background-repeat:no-repeat;
	background-size:100% 100%;
	*/
 }	
	/*
	From here, for Navigation Bar
	*/
#light{
/* COLOR AROUND NAV BAR*/

/*
	background-color:#cccccc; 
	border:1px solid #cccccc;
	*/
	background-image:url('flowers.png');
	background-repeat:no-repeat;
	background-size:100%;
	/*
	hight:400px;
	padding:5px;
	margin-top:10px;
	position:relative;
	*/
	padding-top:20px;
	padding-bottom:20px;
	position:relative;
	
	}	
	/*
li{ 
list-style:none;
	padding-top:10px;
	padding-bottom:10px;
	position:relative;
	}	
*/
.button, .button:visited {
	background: #222 url(overlay.png) repeat-x; 
	display: inline-block; 
	padding: 5px 10px 6px; 
	color: #fff; 
	text-decoration: none;
	/*
	-moz-border-radius: 6px; 
	-webkit-border-radius: 6px;
	*/
	/*
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
	*/
	/* SHADOW OUTSIDE BOX*/
	box-shadow:5px 5px 10px #000;
	-webkit-box-shadow:5px 5px 10px #000;
	-moz-box-shadow:5px 5px 10px #000000;
	
	/* MAKING THE PLATE BOX  ROUND*/
	border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px;
	
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer
}
 
 	.button:hover							{ background-color: #111; color: #fff; }
	.button:active							{ top: 1px; }
	.small.button, .small.button:visited 			{ font-size: 11px}
	.button, .button:visited,
	.medium.button, .medium.button:visited 		{ font-size: 13px; 
												  font-weight: bold; 
												  line-height: 1; 
												  text-shadow: 0 -1px 1px rgba(0,0,0,0.25); 
												  }
												  
	.large.button, .large.button:visited 			{ font-size: 18px; 
													  padding: 8px 14px 9px; }

	
	.grey.button, .grey.button:visited		{ background-color: #b3b3b3;
	
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5e5e5', endColorstr='#b3b3b3'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#e5e5e5), to(#b3b3b3)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #e5e5e5,  #b3b3b3); /* for firefox 3.6+ */	
	
	}
	.grey.button:hover						    { background-color: #808080; 
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5e5e5', endColorstr='#808080'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#e5e5e5), to(#808080)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #e5e5e5,  #808080); /* for firefox 3.6+ */	
	
	}

	.blue.button, .blue.button:visited		    { /*background-color: #2981e4;*/
	/* GRADIENT TO THE PLATE BOX */
/* for non-css3 browsers */
 
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5f83f0', endColorstr='#415aa5'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#5f83f0), to(#415aa5)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #5f83f0,  #415aa5); /* for firefox 3.6+ */	
	
	}
	.blue.button:hover							{ background-color: #2575cf;
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5e5e5', endColorstr='#2575cf'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#e5e5e5), to(#2575cf)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #e5e5e5,  #2575cf); /* for firefox 3.6+ */	
	
	
	 }
 div.top	{
 
 background-image:url('flowers.png');
	background-repeat:no-repeat;
	background-size:100% 100%;
 
 }
 div.plate	{
/*div.footer	{ */
 
 width: 80%;
 
/* GRADIENT TO THE PLATE BOX */
 background: #999; /* for non-css3 browsers */

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4169E1', endColorstr='#415aa5'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#4169E1), to(#415aa5)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #4169E1,  #415aa5); /* for firefox 3.6+ */	

/* SHADOW OUTSIDE BOX*/
box-shadow:5px 5px 10px #000;
-webkit-box-shadow:5px 5px 10px #000;
-moz-box-shadow:5px 5px 10px #000000;

/* MAKING THE PLATE BOX  ROUND*/
border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px;
 }
 
/* div.plate	{ */
 
 div.footer	{
 
 width: 65%;
 
/* GRADIENT TO THE PLATE BOX */
 background: #999; /* for non-css3 browsers */

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999', endColorstr='#666666'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#999999), to(#666666)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #999999,  #666666); /* for firefox 3.6+ */	

/* SHADOW OUTSIDE BOX*/
box-shadow:5px 5px 10px #000;
-webkit-box-shadow:5px 5px 10px #000;
-moz-box-shadow:5px 5px 10px #000000;

/* MAKING THE PLATE BOX  ROUND*/
border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px;
 }
 
  div.button	{
 
 width: 120px;
 hight: 50px;
 
 padding: 5px 5px 5px 5px; 
 
/* GRADIENT TO THE PLATE BOX */
 background: #999; /* for non-css3 browsers */

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999', endColorstr='#666666'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#999999), to(#666666)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #999999,  #666666); /* for firefox 3.6+ */	

/* SHADOW OUTSIDE BOX*/
box-shadow:5px 5px 10px #000;
-webkit-box-shadow:5px 5px 10px #000;
-moz-box-shadow:5px 5px 10px #000000;

/* MAKING THE PLATE BOX  ROUND*/
border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px;
 }

/* The next three for polaroid image frame */

.polaroid {
  position: relative;
  /*width: 250px;
  width: 220px; */
}
 
.polaroid img {
  border: 10px solid #fff;
  /*border-bottom: 45px solid #fff; */
  border-bottom: 10px solid #fff;
  -webkit-box-shadow: 3px 3px 3px #777;
     -moz-box-shadow: 3px 3px 3px #777;
          box-shadow: 3px 3px 3px #777;
}
 
 /*
.polaroid p {
  position: absolute;
  text-align: center;
  width: 100%;
  bottom: 0px;
  font: 400 18px/1 'Kaushan Script', cursive;
  color: #888;
}
*/