/*Body information*/
body {
background-color: darkblue;
}


/*This section applies to all divs*/
div {
float: left;
border-radius: 10px;
}


/*unvisted link properties*/
a:link{
color: lightskyblue;
text-decoration: none;
}

a:visited{
color: lightskyblue;
text-decoration: none;
}

a:hover{
color: blue;
text-decoration: none;
}

a:active{
color: yellow;
text-decoration: none;
}



/*This section holds all imgs*/

#lightningIMG {
margin-top: 10px;
margin-left: 40%;
width: 20%;
padding-top: 10px;
padding-bottom: 10px;
}

#formsIMG {
margin-top: 10px;
margin-left: 35%;
width: 30%;
padding-top: 10px;
padding-bottom: 10px;
}

#usesIMG {
margin-top: 10px;
margin-left: 32.5%;
width: 35%;
padding-top: 10px;
padding-bottom: 10px;
}

/*This holds the information and headers*/

#container {
background-color: gray;
padding-top: 10px;
padding-bottom: 10px;
margin-bottom: 20px;
width: 85%;
margin-left: 7.5%;
border-style: solid;
border-width: 4px;
border-color: black;
}

.headerHoldsMenus {
margin-top: 2%;
margin-left: 5%;
width: 90%;
padding-top: 10px;
padding-bottom: 10px;

background-color: lightskyblue;
border-style: solid;
border-width: 4px;
border-color: black;
clear: both;
}


.menuMainSection {
margin-top: 6px;
margin-left: 5%;
padding-right: 44px;
padding-left: 44px;


height: 72px;
font-size: 48pt;
color: darkgoldenrod;
background-color: white;
border-style: solid;
border-width: 4px;
border-color: black;
text-align: center;
}

.menuMidSection {
margin-top: 6px;
margin-left: 3%;
padding-right: 4px;
padding-left: 4px;
/*width: 15%;*/
height: 72px;
font-size: 39pt;
color: darkgoldenrod;
background-color: white;
border-style: solid;
border-width: 4px;
border-color: black;
text-align: center;
}

.boxDiv {
margin-top: 10px;
margin-left: 5%;
width: 90%;
padding-top: 10px;
padding-bottom: 10px;
background-color: lightyellow;
border-style: solid;
border-width: 4px;
border-color: black;
clear: both;
}

.informationHeader {
margin-top: 20px;
margin-left: 5%;
width: 40%;
/* added min */
min-width: 300px;
padding-top: 10px;
padding-bottom: 10px;
font-size: 36pt;
color: #b5a243;
background-color: white;
border-style: solid;
border-width: 4px;
border-color: black;
clear: both;
}

.energyDefInformationDiv {
margin-top: 10px;
margin-left: 5%;
width: 90%;
padding-top: 10px;
padding-bottom: 10px;
color: darkgoldenrod;
background-color: white;
text-indent: 30px;
font-size: 24pt;
border-style: solid;
border-width: 4px;
border-color: black;
clear: both;
}

.energyFormsInformationDiv {
margin-top: 10px;
margin-left: 5%;
width: 90%;
padding-top: 10px;
padding-bottom: 10px;
color: darkgoldenrod;
background-color: white;
text-indent: 30px;
font-size: 24pt;
border-style: solid;
border-width: 4px;
border-color: black;
clear: both;
}

.energyUsesInformationDiv {
margin-top: 10px;
margin-left: 5%;
width: 90%;
padding-top: 10px;
padding-bottom: 10px;
color: darkgoldenrod;
background-color: white;
text-indent: 30px;
font-size: 24pt;
border-style: solid;
border-width: 4px;
border-color: black;
clear: both;
}

.linksBox {
margin-top: 10px;
margin-left: 5%;
width: 90%;
padding-top: 10px;
padding-bottom: 10px;
color: darkgoldenrod;
background-color: white;
text-indent: 60px;
font-size: 72pt;
border-style: solid;
border-width: 4px;
border-color: black;
clear: both;
}