*{
				margin: 0;
				padding:0px;
}  
body{ background-color: #5f9cae;
				background-image: url('back1.jpg');


}
.maintable{ 
width: 10%;
background-image: url('strip1.jpg');
border: 5px;
border-color: #5f9cae;
margin-top: 35px;
margin-bottom: 10px;
padding: 2px;
}


				

.strip1{
width: 100%px;
border:5px;
border-color: #5f9cae;
border-style: groove;
background-image: url('strip.jpg');
padding: 15px;
	
}

.insidetable{
width: 100%;
border: 5px;
border-color: #5f9cae;
border-style:groove;
padding: 2px;
background-image:url('strip1.jpg');

}
.insidestrip{
width: 100%;
border-top:3px;
border-left:3px;
border-right:3px;
border-color: #5f9cae;
background-image: url('strip2.jpg');
border-style: none;
				
}
a{ text-decoration:none;
 text-transform:  capitalize;
 color: white;
			
}

.contentback{
				background-image:url('strip2.jpg');
				height:100%;
				 border-left:3px;
				 border-right:3px;
				 border-bottom:3px;
				 border-style: none;
				 border-color:#5f9cae;
}

.content{
				height: 100%;
				vertical-align: top;
				color: #22495e;
				font-size: medium;
				font-weight: bold;
				padding-top: 15px;
				width: 278px;
}

.lcontent{
				height: 100%;
				vertical-align: top;
				color: #22495e;
				font-size: medium;
				font-weight: bold;
				padding-top: 15px;
				text-align: right;
				width: 278px;
}


nav{
				width:100%;
				height: 52px;
				background-image:url('back.jpg');
				padding:0px;
}

nav p {
				float:left;
				line-height:52px;
				padding: 0px 20px;
}


nav ul {
				float:left;
				
}



nav ul li {
				float: left;
				list-style:none;
				position:relative;
			
}


nav ul li a {
				 display:block;
				 font-family: "Baroque Script", Arial;
				 color: ffffff;
				 font-size: 15px;
				 padding: 8px 25px;
				 text-decoration:none;
				 text-shadow: 1px 3px 3px #000000;


				 
}

nav ul li ul {
				 display:none;
				 position: absolute;
				background-image:url('back.jpg');
				padding: 10px;
				border-radius: 0px 0px 4px 4px;	
		 
}

nav ul li:hover ul {
				 display:block;
}

nav ul li ul li {
				width: 100px;
				border-radius: 4px;
				 
}


nav ul li ul li a{
				 padding: 5px 14px;
				 
}

nav ul li ul li a:hover{
				background-color:#5f9cae;
				 
}
.button {
  background-color: #22495e;
   width: 150px;
  height: 16px;
  border: 3px;
  border-color:#518fa5;
  border-style:groove;
  color: white;
  padding: 5px;
  text-align: center;
  text-decoration: none;
  display: block;
  font-size: 15px;
  margin: 4px 2px;
  cursor: pointer;
  vertical-align: top;
  border-top-right-radius: 10%;
  border-bottom-right-radius: 10%;
  border-top-left-radius: 10%;
  border-bottom-left-radius: 10%;
  box-shadow: 1px 3px 3px  rgba(28, 51, 62, 0.5);
  text-shadow: 1px 3px 3px #000000;
 
}
.lbutton {
  background-color: #22495e;
   width: 150px;
  height: 16px;
  border: 3px;
  border-color:#518fa5;
  border-style:groove;
  color: white;
  padding: 5px;
  text-align: center;
  text-decoration: none;
  display: block;
  font-size: 15px;
  margin: 4px;
  margin-left: 205px;
  cursor: pointer;
  vertical-align: top;
  border-top-right-radius: 10%;
  border-bottom-right-radius: 10%;
  border-top-left-radius: 10%;
  border-bottom-left-radius: 10%;
  box-shadow: 1px 3px 3px  rgba(28, 51, 62, 0.5);
  text-shadow: 1px 3px 3px #000000;
 
}


.slide{
	background-image: url(back.jpg);
	width: 200px;
	height:300px;
	border-color: #214f64;
	border-width: thin;
	border-radius: 5px;
	border-style: groove;
	padding: 0 5px;
	color: white;

}

.custom{
	font-family: "Baroque Script", Arial;
	color: white;
	font-size: 25px;
	font-weight: bold;
	animation-name: custom;
  animation-duration: 4s;
  animation-iteration-count: infinite;
  background-color: #22495e;
   width: 115px;
  height: 115px;
  border: 3px;
  border-color:#518fa5;
  border-style: double;
  text-align: left;
  text-decoration: none;
  margin: 4px;
  cursor: pointer;
 border-radius: 100%;
  box-shadow: 1px 3px 3px  rgba(28, 51, 62, 0.5);
  text-shadow: 1px 3px 3px #000000;
}

@keyframes custom{
    50% {box-shadow: 10px 20px 30px #152935;}
  }