@import url("/Styles/ShalomheaderGallery.css");
@import url("/Styles/ShalomAbout.css");
@import url("/Styles/ShalomMedia.css");
@import url("/Styles/ShalomCalendar.css");
@import url("/Styles/ShalomKids.css");
@import url("/Styles/ShalomContact.css");
@import url("/Styles/ShalomFooter.css");


body
{
    background:url('../Images/background.jpg');
    width:100%;
    height:auto;
    padding-top: 70px; 
    overflow-x:hidden;
    
}


#header
{
    width:100%;
   
  margin:0px auto;
    background-color:#fff;
    height:80px;
    position:absolute;
    top:0px;
    
    background:url('../Images/background.jpg');
}

#ShalomLogo
{
    position:fixed;
    top:0px;
    left:0px;
    
}


.ShalomNav
{
    position:absolute;
    top:20px;
    left:15%;    
    font-family: Tahoma, Geneva, sans-serif;    
    text-align: center;
    text-shadow: 3px 2px 3px #333333;  
    color:#fff;
    border-bottom:#000;  
    display:inline;     
}

.ShalomNav ul#menu {
    
    padding: 2px;
    margin: 0px;
    position:relative;
    right:10%;    
}
.ShalomNav li.Nav {

padding:8px;
display:inline;
-webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
margin-left:1px;
margin-right:1px;
background-color: #5bc0de;
  border-color: #46b8da;
 
  
}

.ShalomNav li.Nav a {
    
    padding: 8px 8px 8px 8px;
     color:White;
     font-size:15px;
     
    
}
.ShalomNav .Nav a:hover {
    color: #000;
    text-decoration:none;
   
}
.ShalomNav ul li.active a{
    background: -webkit-gradient(radial, 50% 100%, 10, 50% 50%, 90, from(rgba(31,169,244,1)), to(rgba(0,28,78, 1)) );
    background: -moz-radial-gradient(center 80px 45deg, circle cover, rgba(31,169,244,1) 0%, rgba(0,28,78, 1) 100%);
}
.ShalomNav ul.SocialNav
{
    position:relative;
    left:50%;
    top:-40px;
}

.ShalomNav ul.SocialNav li
{
    display:inline;
    background:none;
    margin-left:10px;
    position:relative;
    left:13%;
    
}