body {
	text-align: justify;
	font-family : Verdana, Geneva, sans-serif;
}

h1 {
	text-align: center;
	font-family : Tahoma, Geneva, sans-serif;
	font-size: 16px;
	font-weight: bold;
}

header {
    position: fixed; 
    width: 100%;
    top: 0px;
	background: #ffffff; 
	border-collapse: collapse; 
}

#content {
    /* border: 2px solid black */
    margin-top: 110px;
	margin-bottom: 100px;
	background-color: transparent;
}

footer {
    /* border: 2px solid blue */
    /* padding: 15px */
    position: fixed;
    width: 100%;
    bottom: 0px;
	background: #ffffff;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #eeeeee;
    width: 200px;
    box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.7);
    z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content input[type='submit'] a {
    color: #99dd00;	
    padding: 1px 10px;
    text-decoration: none;
    display: block;
}


/* Change color of dropdown links on hover */
.dropdown-content input[type='submit']:hover a:hover {background-color: #ccddee}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
    display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
    background-color: transparent;
}

 /* Dropdown Button */
.btn {
    background-color: #eeeeee;
    color: #000000;
    padding: 3px 6px;
    border: none;
    cursor: pointer;
    font-size: 12px;
	font-weight: bold;
	width: 190px;
	height: 24px;
	border-radius: 5px;
}
.btn:hover {background-color: #ccddee}

.btn_nosel {
    background-color: #ccf3ff;
    color: #000000;
    padding: 3px 6px;
    border: none;
    cursor: not-allowed;
    font-size: 12px;
	font-weight: normal;
	width: 190px;
	height: 24px;
	border-radius: 5px;
	pointer-events: none;
}
.login {
    background-color: #bbbbcc;
    color: #000000;
    padding: 3px 6px;
    border: none;
    cursor: pointer;
    font-size: 12px;
	font-weight: bold;
	width: 90px;
	height: 24px;
	border-radius: 5px;
}
.login:hover {background-color: #bbbbee}

.login_nosel {
    background-color: #bbbb99;
    color: #000000;
    padding: 3px 6px;
    border: none;
    cursor: not-allowed;
    font-size: 12px;
	font-weight: normal;
	width: 90px;
	height: 24px;
	border-radius: 5px;
	pointer-events: none;
}

/*
. is for "Class"
# is for "ID"
element names apply the css to every element of that type
*/