/*

Everything else is usual decoration:

*/
@import url(//fonts.googleapis.com/css?family=Roboto);{
}
@import url(//fonts.googleapis.com/css?family=Montserrat);{
}
body, html {
  height: 100%;
 margin: 0;
  font-family:Montserrat;
  font-size:1.0rem;
 }
.largepic {
    padding-top: 8px;
    }
        
.content {
    margin: auto;
    max-width: 1100px;
    filter:alpha(opacity=100); /* IE */
    -moz-opacity:1.0; /* Mozilla */
    opacity: 1.0; /* CSS3 */
}
.markets {
        width: 60%;
            }
.logo {
        width: 80%;
        }
.selmenu {
        width: 100%;
        }
.pics {
        width: 80%;
        }
.descr {
        width: 60%;
        text-align: left;
        }
.listevent {
     width: 100%;
}
 
@media only screen and (max-width: 400px) {
        .center {
    margin: auto;
    width: 100%;
    height: 100%;
    border: 8px groove #73AD21;
    padding: 20px;
    background: #f8e8d1;
filter:alpha(opacity=100); /* IE */
-moz-opacity:1.0; /* Mozilla */
opacity: 1.0; /* CSS3 */
}
         .markets {
        width: 100%;
            }
        .logo {
        width: 100%;
        }
        .selmenu {
        width: 100%;
        }
        .descr {
        width: 100%;
        text-align: left;
        }
.listevent {
     width: 100%;
}
        }
#nav{
    text-align: center;
     margin: auto;
     width: 100%;
    /* height: 39px;*/
              } 
               @media only screen and (max-width: 400px) {
   #nav { 
    display: block;
    }
    }   
#nav li a img{
    height:30px;
    width:45px;
}
#nav li{
     list-style: none;
     display: inline-block;
    /* float: left;*/
     height: 39px;
     position: relative;
}
    @media only screen and (max-width: 400px) {
   #nav li{ 
    width: 100%;
    display: block;
    bottom-border: 1px solid #ddd;
    }
    }
#nav li a{
    padding: 0px 3px 4px 0px;
    /* margin-bottom:3px;*/
    min-width: 150px;
    width: auto;
     height: 39px;
     font: 1.0em Roboto;
     border-right: 1px solid #ddd;
     background: #386075;
	color: #FFF;
	text-align: center;
	text-decoration: none}

#nav li a donatecolor{
        background-color: #c92323;
        }
#nav ul{
     padding: 0px;
     }

#nav li a{
     display: block;
}

#nav li a:hover
{	background: #aa2e24}
#nav ul li {
     border-right:none;
     border-bottom:1px solid #DDDDDD;
     width:160px;
         height:25px;
        }

/*Lowest level 3*/

#nav ul li a {
     font: 1.0em Roboto;
     width: auto;
     min-width: 250px;
/*added auto height*/     
     height: auto;
/*     width:300px; */
    white-space: word-wrap;
      z-index: 1001;
     border-right: none;
     background: #ddd;
     color:#597062;
     /*padding: .2em 0 .2em 0;*/
     text-align: left;
/*     height:25px; */
              position: relative;
              border-bottom: 1px solid #DDDDDD;
      /* border-bottom:1px solid #ddd;*/
}
#nav ul li a:hover
    {	color: #fff}
/* Sub menus */
#nav ul{
     display: none;
         visibility:hidden;
     position: absolute;
     top: 39px;
}
    @media screen and (max-width: 400px) {
                #nav ul{left:2px!important;}
		/*left: 20px !important;
			}*/
			}
/* Third-level menus */
#nav ul ul{
     top: 0px;
     left:100px;
     display: none;
     z-index: 1004;
         visibility:hidden;
     border: 1px solid #386075;
}
    @media screen and (max-width: 400px) {
                #nav ul{
		left: 35px !important;
			}
			}
#nav ul ul li a {
     width: auto;
     min-width: 160px;
     z-index: 1004;
     position: absolute;
}
#nav ul ul li a:hover {
     width: auto;
     min-width: 160px;
     z-index: 1004;
     position: absolute;
}
/* Fourth-level menus */
#nav ul ul ul{
     top: 0px;
     left:190px;
     display: none;
      z-index: 1004;
         visibility:hidden;
     border: 1px solid #DDDDDD;
}
#nav ul ul ul li a {
     width:44em;
     z-index: 1004;
     position: absolute;
}
#nav ul ul ul li a:hover {
     width:44em;
     z-index: 1003;
     position: absolute;
} 
#nav ul li{
     display: block;
         visibility:visible;
}
#nav li:hover > ul{
     display: block;
         visibility:visible;
     }
     
#comments {background:#fff}
#iframe {width:400; height:600px;border:0;}
#comment-wrap {background:#fff;position:absolute}
#comments #comment-wrap{display:none;z-index:5;}
#comments:hover #comment-wrap {display:block}
.title-fancy-eip {font:  1.5em Roboto;
                color: #386075;
}
.donate-fancy-eip {font:  1.2em Roboto;
                padding-left: 0.5cm;
                text-align: left;
                color: #386075;
}
#donate-eip {font:  1.0em Roboto;
                padding-top: 0.5cm;
                padding-right: 0.5cm;
                text-align: left;
                background: #eeebe3;
                color: #386075;
                border-radius: 25px;
                border: 1px solid #386075;
                padding: 20px; 
}
.email-eip {
                font:  1.5em Roboto !important;
                padding-right: 0.5cm;
                text-align: left;
                color: #aa2e23;
}
.padded{
            /*padding-top: .5em;*/
            padding-top: 11px;
            }
#message-eip {font:  1.0em Roboto;
                padding-top: 0.5cm;
                padding-right: 0.5cm;
                text-align: left;
                background: #eeebe3;
                color: #386075;
                border-radius: 25px;
                border: 5px solid #386075;
                padding: 20px; 
}
#message-topeip {font:  1.0em Roboto;
                padding-top: 0.5cm;
                padding-right: 0.5cm;
                text-align: middle;
                background: #eeebe3;
                color: #386075;
                border-radius: 25px;
                border: 5px solid #922028;
                padding: 20px; 
}             
#soc{
     min-width:120px;
     }   
#soc li a img{
    height:22px;
    max-width:75px;
}
#soc li{
     list-style: none;
     display: block;
     float: right;
     height: 22px;
}

#soc li a{
     width: 22px;
     height: 22px;
     background: #386075;
	}


#soc ul{
     padding: 0px;
     }

#soc li a{
     display: block;
}

#soc li a:hover
{	background: #aa2e24}            
            
            
#nav2{
    /* height: 30px;*/
    /*background: #5970B2;*/
   /* border-radius: 3px;*/
      }   

#nav2 li{
     list-style: none;
     display: block;
     float: left;
/*     height: 25px;*/
     position: relative;
}

#nav2 li a{
    padding: 4px 10px 4px 10px;
      /*margin-bottom:1px;
    /*margin: 0 .5em 0 0; */
    /* margin: 0;*/
     min-width: 80%;
     width: 150px;
    /*     height: 25px; */
     font: bold 1.0em arial;
     border-right: 1px solid #ddd;
     border-bottom: 1px solid #fff;
     background: #386075;
	color: #FFF;
	text-align: center;
	text-decoration: none}


#nav2 ul{
     padding: 0px;
     }

#nav2 li a{
     display: block;
}
#nav2 li a:hover
{	background: #49A3FF}

#nav2 ul li {
     border-right:none;
 /*    border-bottom:1px solid #DDDDDD;*/
     width:350px;
        /* height:22px;*/
        height: auto; 
        }

/*Lowest level 3*/
#nav2 ul li a {
     font: 1.0em Roboto;
     width: auto;
     min-width: 350px;
/*added auto height*/     
     height: auto;
/*     width:300px; */
    white-space: word-wrap;
      z-index: 999;
     border-right: none;
     background: #ddd;
     color:#597062;
     /*padding: .2em 0 .2em 0;*/
     text-align: left;
/*     height:25px; */
              position: relative;
              border-bottom: none;
      /* border-bottom:1px solid #ddd;*/
}

/* Sub menus */
#nav2 ul{
     display: none;
         visibility:hidden;
     position: absolute;
/*     top: 25px; */
}
/* Third-level menus */
#nav2 ul ul{
     top: 0px;
     left:170px;
     display: none;
     z-index: 1000;
         visibility:hidden;
 /*    border: 1px solid #5970B2;*/
     border-bottom: 1px solid #fff;
}
#nav2 ul ul li a {
/*2*/
     min-width:500px;
     width: auto;
     z-index: 1000;
      position: relative;
      border-bottom: 1px solid #fff;
/*     position: absolute;*/
}
     
/* Fourth-level menus */
#nav2 ul ul ul{
     top: 0px;
     left:190px;
     display: none;
         visibility:hidden;
     border: 1px solid #DDDDDD;
}

#nav2 ul li{
     display: block;
         visibility:visible;
}
#nav2 li:hover > ul{
     display: block;
         visibility:visible;
     }
#nav3{
     height: 39px;
     border-radius: 3px;
     min-width:1200px;
     }   

#nav3 li{
     list-style: none;
     display: block;
     float: left;
     height: 39px;
     position: relative;
}

#nav3 li a{
     padding: 4px 10px 4px 10px;
     margin-bottom:3px;
    width: 190px;
     height: 39px;
     font: bold 1.0em arial;
     border-right: 1px solid #ddd;
     background: #5970B2;
	color: #FFF;
	text-align: center;
	text-decoration: none}


#nav3 ul{
     padding: 0px;
     }

#nav3 li a{
     display: block;
}
#nav3  li a:hover
{	background: #49A3FF;
    }
#nav3 ul li {
     border-right:none;
     border-bottom:1px solid #DDDDDD;
     width:190px;
         height:25px;
        }

/*Lowest level 3*/
#nav3 ul li a {
    display: block;
     font: 1.0em Roboto;
     width:275px;
      white-space: nowrap;
      z-index: 999;
     border-right: none;
     background: #ddd;
     color:#5970B2;
     text-align: left;
     word-wrap: break-word;
     height:25px;
      position: relative;
     border-bottom:1px solid #FFFFFF;
}

/* Sub menus */
#nav3 ul{
     display: none;
         visibility:hidden;
     position: absolute;
     top: 39px;
}
/* Third-level menus */
#nav3 ul ul{
     top: 0px;
     left:190px;
     display: none;
     z-index: 1000;
         visibility:hidden;
     border: 1px solid #5970B2;
}
#nav3 ul ul li a {
     width:44em;
     z-index: 999;
     position: absolute;
}

/* Fourth-level menus */
#nav3 ul ul ul{
     top: 0px;
     left:190px;
     display: none;
         visibility:hidden;
     border: 1px solid #DDDDDD;
}
 
#nav3 ul li{
     display: block;
         visibility:visible;
}
#nav3 li:hover > ul{
     display: block;
         visibility:visible;
     }     

#site_map
    {position:absolute;
	padding-left: 10px;
	padding-right: 10px;
	letter-spacing: 2px;
	font-spacing: 2px;
	top: 2px;
	width:820px;
	background-color:gray;
	border:1px 	solid black;
	font:normal 6px Roboto;
	line-height:8px;
	z-index:99;
	visibility:hidden;}

.site_footer {
    float: left;
    padding: 2px !important;
    paddding-left: 10px !important;
    }

.tablebkg{
    width: 80%;
    height: auto;
    } 

#simplegallery1{
    float: left;
	max-width: 100%;
	height: auto;
	padding-left:10px;
	}

[class*="col-"] {
    float:left;
    padding: 15px;
}
/* For desktop: */
.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33%;
 background: rgba(255, 255, 255, 0.4);}
.col-5 {width: 41.66%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;
    background: rgba(255, 255, 255, 0.4);
}
.col-9 {width: 75%;
     background: rgba(255, 255, 255, 0.4);
}
.col-10 {width: 91.66%;
     background: rgba(255, 255, 255, 0.4);
    }
.col-11 {width: 91.66%;
     background: rgba(255, 255, 255, 0.4);
}
.col-12 {width: 100%;
    background: rgba(255, 255, 255, 0.4);
}

@media only screen and (max-width: 768px) {
    /* For mobile phones: */
    [class*="col-"] {
        width: 100%;
    }
}
#col_sm_1 {
        width: 60%;
        position: left;
        }
#col_sm_2{
        width: 40%;
        position: right;
        }
#right_col {
    padding-top:10px;
    padding-right:10px;
    position: right;
    }