@charset "utf-8";
/* CSS Document */
body
{
	margin-left:100px;
	margin-right:100px;
	background:#FFC;
}
.main-div
{
	background: #FC9;
	border-right: medium double #006;
	background: #006;
	
}
.header1
{
	height: 150px;
	background-image: -webkit-gradient(linear, 50.00% 0.00%, 50.00% 100.00%, color-stop( 0% , rgba(255,255,255,1.00)),color-stop( 100% , rgba(247,198,198,1.00)));
	background-image: -webkit-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(247,198,198,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(255,255,255,1.00) 0%,rgba(247,198,198,1.00) 100%);
}
.header2
{
	background-image:url(images/Jellyfish.jpg);
	height:250px;
}
.main-section
{
	width:630px;	
	float:right;

}
/* START NAV MENU */
nav {
	/*main menu background color*/
  background:#006;
  height:40px;
  
}
 
 
nav ul {
  font-family: Arial, Verdana;
  font-size: 20px;
  margin: 0;
  padding: 0;
  list-style: none;
}
 
nav ul li {
  display: block;
  position: relative;
  float: right;
 
}
 
nav li ul { 
  display: none; 
}



 
nav ul li a {

  display: block;
  text-decoration: none;
  padding: 7px 15px 3px 15px;
  /* خط زیر رنگ منوی اصلی است*/
  
  background:#006;
  /* خط زیر رنگ نوشته داخل منو است*/
  color:#FF0;  
  margin-left: 1px;
  white-space: nowrap;
  height:30px; /* Width and height of top-level nav items */
  width:90px;
  text-align:center;
  border-radius: 0px;
  
 
}
 
nav ul li a:hover {
/*main menu hover color*/	 
  background:#00C
   
}
 
nav li:hover ul {
  display: block;
  position: absolute;
  height:30px;
}
 
nav li:hover li {
  float: none;
  font-size: 11px;
 
}
 
nav li:hover a { 
/*low menu color*/
  background:#006; 
  height:30px; /* Height of lower-level nav items is shorter than main level */
  opacity:.9;
}
 
nav li:hover li a:hover {
	/*low menu hover color*/ 
  background:#00F; 
}
 
nav ul li ul li a {
    text-align:right; /* Top-level items are centered, but nested list items are left-aligned */
}
 
/* END NAV MENU */