#header{
width:100%;
height:15%;
background-color:red;
padding:5px;
}

#mainWindow{
width:100%;
height:75%;
background-color:yellow;
}


#leftColumn{
width:20%;
height:100%;
background-color:white;
padding:5px;
}

#centerColumn{
width:60%;
height:100%;
background-color:yellow;
padding:5px;
}

#topNav{
width:100%;
background-color:blue;
padding:5px;
}

#rightColumn{
width:20%;
height:100%;
background-color:black;
color:black;
padding:5px;
}

#controlsMain{
height:30%;
padding:5px;
background-color:gray;
text-align:center;
}

#controlButtonsDiv input{
display:block;
float:left;
width: 12.5%;
border: 2px solid;
border-radius: 25px;
}

.auxiliaryControlButtonsDiv input{
display:block;
float:left;
width: 50%;
border: 2px solid;
border-radius: 50px;
}

.subsystemButtonsDiv input{
display:block;
float:left;
width: 25%;
height:50%;
border: 2px solid;
border-radius: 10px;
}

#subsystemForm{
height:100%;
}

#securityMain{
height:30%;
padding:5px;
background-color:gray;
}

#securityInfoUpper{
height:50%;
padding:5px;
background-color:purple;
}

#securityInfoLower{
height:20%;
padding:5px;
background-color:orange;
}

#addSecurity{
padding-bottom:5px;
}

#footer{
width:100%;
height:10%;
background-color:green;
padding:5px;
}

.red{
color:ff0000;
}

.left{
text-align:left;
}

.right{
text-align:right;
}

div .navLinks, .navLinks a{
color:white;
font-weight:bold;
padding-left:10px;
padding-right:10px;
}

.controlButton{
width:100px;
height:100px;
}

#upperContent{
text-align:center;
vertical-align:middle;
height:100%;
padding-top:30px;
padding-bottom:10px;
font-size:20px;
}

#lowerContent{
text-align:center;
vertical-align:middle;
height:100%;
padding-top:0px;
padding-bottom:0px;
}