@charset "utf-8";

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

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:20px;
    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 #E9E5A5;
    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:#000000;
  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,#F0E9A9);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 #F0E9A9;
}

ul#navigation ul li a {
    background:none;
    padding:9px 15px;
    color:#ffffff;
	 background: linear-gradient(#F0E9A9,#000000);
   box-shadow: inset 0 0 10px 1px rgba(0, 0, 0, .1);
    text-shadow:1px 1px 0px #000000;
    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;
	margin-bottom:0px;
	background-image:url(../Image/SliderBGGeneral.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;
}

.ContBody{
	width:1050px;
	height:auto;
	background-color:#E9E5A5;
	padding:20px;
	margin-bottom:0px;
	}
#BodyBackG{
	background-image:url(../Image/background-General.png);
	height:700px;
	}
.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:390px;
	background-image:url(../Image/background-General.png);
	margin-left:3%;
	}
.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:15px;
	margin-top:5px;
	font-size:12px;
	}
#Heding{
	height:110px;
	width:270px;
	background-image:url(../Image/background-General.png);
	margin-left:15px;
	margin-top:2px;
	font-size:15px;
	font-weight:bold;
	}
#HedingT{
	height:110px;
	width:270px;
	background-image:url(../Image/background-General.png);
	margin-left:15px;
	margin-top:2px;
	font-size:15px;
	font-weight:bold;
	}
#ImagOne{
	margin-left:26px;
	float:left;
	height:250px;
	width:300px;
	background-image:url(../Image/background-General.png);
	}
#ImagTwo{
	margin-left:50px;
	float:left;
	height:250px;
	width:300px;
	background-image:url(../Image/background-General.png);
	}
#ImagThree{
	margin-left:50px;
	float:left;
	height:250px;
	width:300px;
	background-image:url(../Image/background-General.png);
	}
#ContTwo{
	height:1500px;
	color:#FFFFFF;
	background-image:url(../Image/background-General.png);;
	text-align:center;
	font-size:18px;
	}
#ContTwo b{
	color:#E9E5A5;
	}
#UpcomEvent{
	align-content:center;
	border-color:#E9E5A5;
	border-radius:10px;
	margin-bottom:20px;
	}
#imgFour{
	margin-left:10px;
	float:left;
	height:250px;
	width:320px;
	background-image:url(../Image/background-General.png);
	}
#imgFive{
	margin-left:10px;
	float:left;
	height:250px;
	width:320px;
	background-image:url(../Image/background-General.png);
	}
#imgSix{
	margin-left:10px;
	float:left;
	height:250px;
	width:320px;
	background-image:url(../Image/background-General.png);
	}
#LCont{
	margin-top:27%;
	color:#FFFFFF;
	border-color:#E9E5A5;
	border-radius:10px;
	margin-bottom:10px;
	}
#LimgOne{
	margin-bottom:10px;
	margin-left:35px;
	height:220px;
	width:240px;
	background-color:#ffffff;
	float:left;
	}
#LimgTwo{
	margin-bottom:10px;
	margin-left:5px;
	height:220px;
	width:240px;
	background-color:#ffffff;
	float:left;
	}
#LimgThree{
	margin-bottom:10px;
	margin-left:5px;
	height:220px;
	width:240px;
	background-color:#ffffff;
	float:left;
	}
 #LimgFour{
	 margin-bottom:10px;
	 margin-left:5px;
	 height:220px;
	 width:240px;
	 background-color:#ffffff;
	 float:left;
	 }
 
#Footer{
	background-image:url(../Image/bGfooter.png);
	font-size:10px;
	height:600px;
	width:1090px;

	}
#SocialM{
	margin-top:135px;
	margin-left:200px;
	float:left;
	width:30px;
	height:100px;
	 
	}
#socialMedia{
	margin-top:130px;
	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;
	}