/* CSS Document */
/* Initial version made by [VS] vincent.spano@idiap.ch */
/* date: 23.02.2012 */
/*the html page structure is defined has follow:
mainbcontainer
	headercontainer
		logocontainer
		bannercontainer
	headercontainer
	
	middlecontainer
		addresscontainer
		contentcontainer
			roundbox
	middlecontainer
	
	footercontainer
mainbcontainer
*/

body{
background-color:#ffffff;
margin:0em 0em 0em 0em;
color: #636363;
font-family: Arial,Helvetica,Verdana,"Lucida Grande",Lucida sans-serif;
font-size:0.8em;
text-align: justify;
line-height: 1.5;
}
img{
border:0;
}
/*this is the style for the main container with a fixed size*/
#maincontainer{
width:100% !important; /*for all browsers */
width:100%; /*for IE */
margin:0em auto;
float:left;
background-color:#ffffff;
}
/*this is the style for the container header*/
#headercontainer{
width:100% !important; /*for all browsers */
width:100%; /*for IE */
background-color:#ffffff;
margin:0em;
padding:0em 0em 0em 0em;
clear:both;
}
/*this is the style for the container logo*/
#logocontainer{
width:300 !important;
width:330;
padding:0.8em 0em 1em 3em;
float:left;
background-color: #ffffff;
}
/*this is the style for the container banner*/
#bannercontainer{
background-image:url(banner-resources02.png);
background-repeat:no-repeat;
background-size:cover;
width:100%;
height:300px;
padding:0em 0em 0em 0em;
float:left;
background-color:#ffffff;
clear:both;
}
/*this is the style for the midlle container*/
#middlecontainer{
width:1280px;
clear:both;
background-color:#ffffff;
margin:0em auto;
padding:0em;
}
/*this is the style for the container address*/
#addresscontainer{
width:auto !important;
width:265;
padding:0em 0em 0em 9.5em;
margin:2.4em 0em 0em 0em;
background-color:#ffffff;
float:left;
display:none;
}
/*this is the style for the container content*/
#contentcontainer{
width:1200px;
padding:0em 0em 0em 0em;
margin:0 auto !important;
float:left;
background-color:#ffffff;
}
/*this is the style for the container footer*/
#footercontainer{
clear:both;
width:100%;
height:2em;
margin:0em !important;
padding:0.5em 0em 0.8em 0em;
background-color: #ffffff;
}
#footertxt
{
width:100%;
text-align:center;
margin:0em 0em 1em 0em;
background-color:#333333;
color:white;
height:50px;
padding-top:2em;

}
@media only screen and (max-width: 1200px) {
    #middlecontainer {
        width:95%;
        margin:0 auto;
    }
    #contentcontainer{
     width:100%;
    }
#bannercontainer{
height:200px;
}

}