/* Default CSS */
/* Generated by the CoffeeCup HTML Editor - www.coffeecup.com */

*{
  padding:0;
  margin:0;
 }
 
html, body {
      height:100%;
      background-color: #5171b5;
      font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

 }
 
body {
     overflow-y: scroll;
 }


/* id definitions */
#container{
         min-height:100%;
         width:1000px;
         position:relative;
         margin:0 auto;
         background-color:white;
 }
 
#header, #rusheader{
        padding-top:10px;
        padding-bottom:20px;
        padding-left:20px; 
        padding-right:10px;
}
 
#header, #rusheader h1 {
           color:#607bdf;
           font-size:32.5px;
           font-weight:bold;
 }

#header, #rusheader p {
           color:#607bdf;
           font-size:15px;
           }
           
#footer, #rusfooter{
        height:50px;
        background-color: #333;
        font-size:25px;
        text-align:center;
        line-height:3;
        position:absolute;
        width:100%;
        bottom:0;
        left:0;
        border-top: 1px solid #333;
        margin-top:-50px;
 }
 
#footer, #rusfooter p {
        color:white;
        font-size:16px;
        margin-top: 0px;
        margin-bottom: 0px;
 }
           
           
#footer img {
        padding-bottom:0px;
        padding-top:10px;
        width:100px;
        height:60px;
 }

#banner{
        height:auto;
        width:100%;
}
 
 
#content-wrapper {
        padding-bottom: 50px; /* height of footer*/

 } 

#content{
         margin-left: 10%;
         margin-right: 10%;
         margin-top: 20px;
         margin-bottom:20px;
         font-size:15px;
         line-height: 1.65;
 }

 
/* class definitions */
.column-container {
    display: table;
    vertical-align: middle;
    width: 100%;
}

column-container img {
    display: block;
    margin-left: auto;
    margin-right: auto;  
    width: auto; 
  }
 
.no-columns {
            text-align: justify;   
            height: 100%;
 }
 
.no-columns img {
    display: block;
    margin-left: auto;
    margin-right: auto;  
    width: auto; 
  }
 
/* three column layout */
.column {
	background-color: white;
    display: table-cell;
    text-align: center
    /* float: left; can't use this as it stops the columns being the same length */ 
}

.onecol {
        text-align:justify;
        vertical-align:middle;

 }
.twocolleft {
    width: 75%;
    text-align: justify;
    vertical-align: middle;
}    

.twocolright {
    width: 25%;
}

.twocolright img {
    display: block;
    max-width: 100%; 
 }

.threecolleft, .threecolright {
    width:15%;
 }

 
.threecolmiddle{
    width:70%;
 } 

 
img.column-container {
    display: block;
    margin-left: auto;
    margin-right: auto;  
    width: auto; 
 }

 .buttoncenter {
  margin: 0;
  position: absolute;
  left: 50%;
  -ms-transform: translate(-0%, -50%);
  transform: translate(-0%, -50%);
}


.centred-image {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
}

.container {
    border-radius: 5px;
    padding: 20px;
}


.navbar {
  overflow: hidden;
  cursor: pointer;
  background-color: #333;
  font-family: Arial, Helvetica, sans-serif;
  margin-top: -5px;
}

.navbar a {
  float: left;
  font-size: 16px;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

.dropdown {
  float: left;
  overflow: hidden;
}

.dropdown .dropbtn {
  font-size: 16px;  
  border: none;
  outline: none;
  color: white;
  padding: 14px 16px;
  background-color: inherit;
  font-family: inherit;
  margin: 0;
  cursor: pointer;
}

.navbar a:hover, .dropdown:hover .dropbtn {
  background-color: #5171b5;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #333;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  float: none;
  color: white;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.dropdown-content a:hover {
  background-color: #5171b5;
}

.dropdown:hover .dropdown-content {
  display: block;
}
  
/* tag definitions */
h1 {
    font-size:32.5px;
    font-weight:bold;
 }

h2 {
    font-size:24px;
    font-weight:bold;
 }

h3 {
    font-size:20px;
    font-weight:bold;
 }

h4 {
    font-size:16px;
    font-weight:bold;
 }
 
p {
  margin-top: 20px;
  margin-bottom: 20px;
 } 

 ul {
   list-style-position: outside;
   margin-top: 20px;
   margin-bottom: 20px;
   margin-left: 20px;
   }
 
li {
   padding-left: 10px;
 }
  
h1, h2, h3, h4, h5, h6, p, ul, li {
    margin-top:15px;
    margin-bottom:15px;
    text-align: justify;
 }     
     
 
input[type="text"], [type="password"], select, textarea {  
    width: 100%; /* Full width */
    padding: 12px; /* Some padding */  
    border: 1px solid #080808;
    border-radius: 4px; /* Rounded borders */
    box-sizing: border-box; /* Make sure that padding and width stays in place */
    margin-top: 6px; /* Add a top margin */
    margin-bottom: 16px; /* Bottom margin */
}


/*
input[type=password], select, textarea {  
    width:100%;
    padding: 12px;  
    border: 1px solid black;
    border-radius: 4px;
    box-sizing: border-box;
    margin-top: 6px;
    margin-bottom: 16px; 
     background-image: url("/rus/images/eye.png");
    //background-size: 30px 20px;
    background-repeat: no-repeat;
    background-position: 99% 100%;
 
}
*/

/* Style the submit button with a specific background color etc */
input[type=submit], input[type=button]{
    background-color: #4CAF50;
    color: white;
    padding: 12px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

/* When moving the mouse over the submit button, add a darker green color */
input[type=submit]:hover {
    background-color: #45a049;
}


.downloadbutton {
  background-color: DodgerBlue;
  border: none;
  color: white;
  padding: 12px 30px;
  cursor: pointer;
  font-size: 20px;
}

/* Darker background on mouse-over */
.downloadbutton:hover {
  background-color: RoyalBlue;
}