@charset "utf-8";

body{
	background-image:url(../Image/background.png);
	
	}

#bodymain {
	color:FFFFFF;
	height:auto;
	width:1100px;
	background-image: url(../Image/background.png);
	background-repeat:round;
}
.heder {
	margin-left:0px;
	text-align:center;
	background-color:#E9E5A5;
	width:1100px;
	height:70px;
}

nav {
    position:relative;
    width:980px;
    margin:0 auto;
    margin-top:0px;
}
#GenNav{
	margin-bottom:5px;
	padding:5px;
	}
 
ul#navigation {
	padding-left:0px;
	text-align:center;
    margin:1px auto;
    position:relative;
    float:lef;
	margin-left:0px;
    border-left:2px solid #E9E5A5;
    border-right:2px solid #E9E5A5;
}

ul#navigation li {
    display:inline;
    font-size:16px;
    font-weight: bold;
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif ;
    margin:0;
    padding:0;
	float:left;
    position:relative;
    border-top:1px solid #E9E5A5;
    border-bottom:2px solid #E9E5A5;
}

ul#navigation li a {
    padding:10px 25px;
    color:#ffffff;
    text-shadow:1px 1px 0px #E9E5A5;
    text-decoration:none;
    display:inline-block;
    border-right:1px solid #000000;
    border-left:1px solid  #E9E5A5;
    border-top:1px solid #E9E5A5;
    background: linear-gradient(#000000,#E9E5A5);
    border-right: 1px solid rgba(0, 0, 0, .3);
 
    -webkit-transition:color 0.2s linear, background 0.2s linear;
    -moz-transition:color 0.2s linear, background 0.2s linear;
    -o-transition:color 0.2s linear, background 0.2s linear;
    transition:color 0.2s linear, background 0.2s linear;
}

ul#navigation li a:hover {
	color:#000000;
    background:#E9E5A5;
  box-shadow: inset 0 0 10px 1px rgba(0, 0, 0, .3);
}

ul#navigation li a.first {
    border-left: 0 none;
}

ul#navigation li a.last {
    border-right: 0 none;
}

ul#navigation li:hover > a {
	color:#000000;
    background:#E9E5A5;
  box-shadow: inset 0 0 10px 1px rgba(0, 0, 0, .3);
}

ul#navigation li:hover > ul
{
/*these 2 styles are very important,
being the ones which make the drop-down to appear on hover */
    visibility:visible;
    opacity:1;
}
ul#navigation ul, ul#navigation ul li ul {
    list-style: none;
    margin: 0;
    padding: 0;
/*the next 2 styles are very important,
being the ones which make the drop-down to stay hidden */
    visibility:hidden;
    opacity:1;
    position: absolute;
    z-index: 99999;
    width:180px;
     background: linear-gradient(#000000,#E9E5A5);s
   box-shadow: inset 0 0 10px 1px rgba(0, 0, 0, .3);
/* css3 transitions for smooth hover effect */
    -webkit-transition:opacity 0.2s linear, visibility 0.2s linear;
    -moz-transition:opacity 0.2s linear, visibility 0.2s linear;
    -o-transition:opacity 0.2s linear, visibility 0.2s linear;
    transition:opacity 0.2s linear, visibility 0.2s linear;
}

ul#navigation ul {
    top: 43px;
    left: 1px;
}

ul#navigation ul li ul {
    top: 0;
    left: 181px; /* strong related to width:180px; from above */
}

ul#navigation ul li {
    clear:both;
    width:100%;
    border:2 none;
    border-bottom:1px solid #E9E5A5;
}

ul#navigation ul li a {
    background:none;
    padding:9px 15px;
    color:#ffffff;
	 background: linear-gradient(#E9E5A5,#000000);
   box-shadow: inset 0 0 10px 1px rgba(0, 0, 0, .1);
    text-shadow:1px 1px 0px #E9E5A5;
    text-decoration:none;
	font-size:16px;
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif ;
    display:inline-block;
    border:0 none;
    float: left;
    clear:both;
    width:150px;
}
.slider{
	margin-top:45px;
	background-image:url(../Image/SliderBGGeneral.png);
	}

.ContBody{
	width:1050px;
	height:auto;
	background-color:#E9E5A5;
	padding:20px;
	margin-bottom:0px;
	}
#BodyBackG{
	background-image:url(../Image/background-General.png);
	height:350px;
	}
.videosD{
	background-color:#000000;
	margin-top:70px;
	margin-bottom:5px;
	width:100%;
	height:265px;
	}
.videosDi{
	background-color:#000000;
	margin-top:10px;
	margin-bottom:5px;
	width:100%;
	height:265px;
	}
.videosD iframe{
	width:260px;
	height:260px;
	}
.videosDi iframe{
	width:260px;
	height:260px;
	}

	 #P-One{
		 height:260px;
		 width:260px;
		 background-color:#E9E5A5;
		 float:left;
		 margin-left:2px;
		
		 }
#P-two{
	 height:260px;
		 width:260px;
		 background-color:#E9E5A5;
		 float:left;
		  margin-left:2px;
	}	
#P-three{
	 height:260px;
		 width:260px;
		 background-color:#E9E5A5;
		 float:left;
		  margin-left:2px;
	} 
#P-four{
	 height:260px;
		 width:260px;
		 background-color:#E9E5A5;
		 float:left;
		   margin-left:2px;
	}
	
	#number{
	margin-top:0px;
	}
#number a{
	text-decoration:none;
	font-size:18px;
	font-weight:bold;
	color: #000000;
	}
	
.Hvideo{
	color:#FFFFFF;
	font-style:italic;
	font-size:25px ;
	text-align:center;
	float:left;
	height:400px;
	width:300px;
	background-image:url(../Image/background-General.png);
	}
.welcome{
	font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	color:#FFFFFF;
	text-align:center;
	float:left;
	height:400px;
	width:450px;
	background-image:url(../Image/background-General.png);
	margin-left:0px;
	}
	iframe{
		height:270px;
		width:300px;
		align-content:center;
		justify-content:center;
		}

.welcome b{
	color:#E9E5A5;
	}
.Htopic{
	color:#FFFFFF;
	 font-style:italic;
	font-size:25px ;
	text-align:center;
	height:400px;
	width:300px;
	background-image:url(../Image/background-General.png);
	float:right;
	}
#video{
	height:250px;
	width:270px;
	background-image:url(../Image/background-General.png);
	margin-left:15px;
	margin-top:1px;
	font-size:12px;
	}
#topic{
	height:250px;
	width:270px;
	background-image:url(../Image/background-General.png);
	margin-left:0px;
	margin-right:5px;
	margin-top:5px;
	font-size:12px;
	}
#Heding{
	width:240px;
	background-image:url(../Image/background-General.png);
	margin-left:15px;
	margin-top:30px;
	font-size:15px;
	font-weight:bold;
	}
#HedingT{
	width:240px;
	background-image:url(../Image/background-General.png);
	margin-left:40px;
	margin-top:25px;
	font-size:15px;
	font-weight:bold;
	}
 
 
#Footer{
	background-image:url(../Image/bGfooter.png);
	font-size:10px;
	height:600px;
	width:1090px;

	}
#SocialM{
	margin-top:120px;
	margin-left:200px;
	float:left;
	width:30px;
	height:100px;
	 
	}
#socialMedia{
	margin-top:120px;
	margin-right:200px;
	float:right;
	font-size:16px;
	font-weight:bold;
	font-style:italic;
	width:80px;
	height:150px;
	}
#socialMedia a{
	color:#000000;
	text-decoration:none;
	}
#jawH{
	text-align:center;
	padding-top:110px;
	text-align:center;
	}