/*here goes all of your css styling*/

/* body{ 
	background-image: url(images/bg.jpg);
	background-repeat: no-repeat;
	
	background-color: #ffffff;
	width: 100%;
	padding: 0;
	margin: 0;
}  */ 
#container {
    width: 100%;

}

#wrapper{
	width: 100%;
	max-width: 100%;
	overflow: hidden;
	padding-left:10%;
	padding-bottom: 100px;
}

#wrapper5{
	width: 100%;
	max-width: 100%;
	overflow: hidden;
	padding-left:3.7%;
	padding-bottom: 100px;
}

#wrapper66{
	width: 20%;
	max-width: 20%;
	overflow: hidden;
	/* padding-left:2.7%; */
	padding-right:7%;
	padding-bottom: 50px;
}

#wrapper2{
	width: 50%;
	max-width: 50%;
	overflow:hidden;
	padding-left:3.2%;
	padding-top:0px;
	padding-bottom:50px;
	
}

#wrapper22{
	width: 60%;
	max-width: 60%;
	overflow:hidden;
	padding-left:3.2%;
	padding-top:0px;
	padding-bottom:50px;
	
}

#wrapper1{
	width: 50%;
	max-width: 50%;
        height:100px;
	overflow: hidden;
	padding-left:100px;
	padding-bottom: 100px;
}
#wrapper4{
	width: 100%;
	max-width: 100%;
	overflow:hidden;
	padding-left:400px;
	padding-top:0px;
	padding-bottom:50px;
	
}


#wrapper12{
	width: 100%;
	max-width: 100%;
        height: 150px;
	overflow: hidden;
	padding-left:100px;
	padding-bottom: 100px;
}



.square4{
	margin: 10px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:14px;
	float:left;
	width: 450px; 
	height: 270px;
}
.square2{
	margin: 10px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:14px;
	float:left;
	width: 400px;
	height: 160px;
}
.square p{
	text-align: center;
	padding: 20px;
}

.square5{
	margin: 10px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:12px;
	float:inherit;
	width: 80%; 
	height: 80px;
}

 .square{
        margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:14px;
	float:left;
	width: 178px; 
	height: 270px;
}


#opacity-fill-news{
	
    /* RGBa with 0.6 opacity */
    background-color: rgba(9, 74, 133, 0.7);
}

.news_head{
    font-size:14px;
	font-variant:normal;
	visibility:visible;
	float:none;
	overflow:visible;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-weight:500;
	
}

.news_content{
    font-size:12px;
	font-variant:normal;
	visibility:visible;
	float:none;
	overflow:visible;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	
	
}

/*code examples------------------------------------------------------------------*/


#image-fill{
	background-image: url(images/image.jpg);
	background-repeat: no-repeat;
	
}


/*-------------*/


#div-opacity{
	background-image: url(images/image.jpg);
	background-repeat: no-repeat;
	
}


/*-------------*/


#opacity-image{
	height: 200px;
	width: 200px;
	display: block;
    position: relative;
	
}
#opacity-image:after{
	background: url(images/image.jpg);
	background-repeat: no-repeat;
	
	height: 200px;
	width: 200px;
	
	top: 0;
    left: 0;
    position: absolute;
    z-index: -1;
  
}


/*-------------*/


#opacity-image-divs-01{
	position: absolute;
	background: url(images/image.jpg);
	background-repeat: no-repeat;
	
	height: 200px;
	width: 200px;
	
}
#opacity-image-divs-02{
	position: absolute;
	height: 200px;
	width: 200px;
	z-index: 100;
}



/*-------------*/


#solid-fill{
	background-color: #c3e0e9;
}


/*-------------*/



#opacity-fill{
	background-color: #094a85;
	/* Fallback for web browsers that don't support RGBa */
    background-color: rgb(9, 74, 133);
    /* RGBa with 0.6 opacity */
    background-color: rgba(9, 74, 133, 0.7);
}

#opacity-fill-footer{

    background-color: rgba(9, 74, 133, 0.7);
}
#applist{
  font-family: "Times New Roman", Georgia, Serif;  
}
/*-------------*/
.linkstyle{
   text-decoration: none;
   color: White;
   font-family:Arial, Helvetica, sans-serif;
}
#opacity-fill-submenu{
	background-color: #094a85;
	/* Fallback for web browsers that don't support RGBa */
    
    /* RGBa with 0.6 opacity */
    background-color: rgba(9, 74, 133, 0.7);
}