/* CSS Document */

* {
	margin:0; padding:0;
}

body{
	background:#FFFFFF;
}


a:hover{text-decoration:none;}

a img { border:0;}
img {vertical-align:top;display: block;
    margin-left: auto;
    margin-right: auto}
ul { list-style:none;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}

.submit input
{margin-left: 6.5em;} 

.foot{
  background: #fff;
  padding-bottom: 5em;
  text-align: left;
  padding-top: 140%;
}

.my-svg-container{
 display: inline-block;
 position: relative;
 width: 100%;
  
 vertical-align: middle; /* do what you want */
}
.my-svg{
  display: block;
  position: absolute;
  top: 0;
  left: 0;

}

.head-svg-container{
 display: inline-block;
 position: relative;
 width: 100%;
 padding-bottom: 12%; 
 
 vertical-align: middle; /* do what you want */
}
.head-svg{
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

object {
	width: 100%;
	display: block;
	height: 100%;
	position: relative;
	padding-top: 100%;
}

svg {
    top: 0;
    left: 0;
    }


html, input, textarea
	{
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; 
		font-size:14px;
		line-height:17px;
		color:#666666;		
	}

h1
{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
                font-size:20px;
                line-height:23px;
                color:#666666;
}

input, select { vertical-align:middle; font-weight:normal;}
strong {font-size:14px; color:#444444;}

a {color:#3d6f92; font-size:14px;}

/*main layout */

#main { margin:0 auto;}

#middle { width:100%;}

IMG.displayed {
    display: block;
    margin-left: auto;
    margin-right: auto }