*{

	margin: 0;

	padding: 0%;

	box-sizing: border-box;

}



a:link {
	color: black;
	text-decoration: none;
} 

a:hover {
	color:darkred;
	text-decoration: underline; }

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

a:active {
	color: darkorange;
	background-color: transparent;
	text-decoration: underline;
}


blockquote {

	

	padding: 0px 0px 0px 35px;

	

}



tr:hover {background-color: Yellow;}



col:nth-child(2n+2){background: #F0F0F0;}





input.btns {



	font-size:100%;

	font-family: Verdana, Arial, Trebuchet MS, Genevia, Sans-Serif;

	margin:2px 2px 2px 20px;



}



	 body {

		background-color: LightGray;

		font-family: Verdana, Arial, Trebuchet MS, Genevia, Sans-Serif;

}



	.page {

		display: flex;

		flex-wrap: wrap;

	

	} 

	

	.lornmac{

		font-size:170%;

	}

	

.lornmac a {

	text-decoration: none;

	color:black;

	font-family: Times, Times New Roman, Georgia, Serif;

}

	

		.contentOne {background-color: LightGray;

		width: 100%;

		padding: 10px;

		text-align: center;

		line-height: 1.9em;

		}	

	.contentTwo {background-color: LightGray;

		width: 100%;

		padding: 10px;

		text-align: center;

		line-height: 1.9em;

		}	

	.contentThree {background-color: LightGray;

		width: 100%;

		padding: 10px;

		text-align: center;

		line-height: 1.9em;

		}	

	.contentFour {background-color: LightGray;

		width: 100%;

		font-size:75%;

		padding: 10px;

		text-align: center;

		}

	

	.section {

		width: 100%;

		padding: 10px;

		text-align: left;

	}

input.normal {

	

	font-size:100%;

	font-family: Verdana, Arial, Trebuchet MS, Genevia, Sans-Serif;

	margin:2px 2px 2px 20px;

	width:20%;



	padding:4px;   /* Added 10-1-2019  */

	background-color:yellow;   /* Added 10-1-2019  */

}



 .center {

  display: block;

  margin-left: auto;

  margin-right: auto;

  width: 50%;

  margin: 8px 0px 0px 0px;

  

}

.center2 {

	display: block;
  
	margin-left: auto;
  
	margin-right: auto;
  
	width: 80%;
  
	margin: 8px 0px 0px 0px;
  
	
  
  }
  
  
  .centerPage {
  margin: auto;
  width: 90%;
  /*border: 3px solid green;*/
  padding: 10px;
  text-align: center;
  line-height: 1.9;
 
}




/* Affects many pages  */

.yellow {   /* Added 10-1-2019  */

	width:auto;

	padding:4px; 

	background-color:yellow;



}



/* Affects many pages  */

select {

	font-size:100%;

	font-family: Verdana, Arial, Trebuchet MS, Genevia, Sans-Serif;

	margin:2px 2px 2px 20px;

	width:20%;

	padding:4px;   /* Added 10-1-2019  */

	background-color:yellow;   /* Added 10-1-2019  */

}

canvas {

    padding-left: 0;

    padding-right: 0;


    margin-left: auto;

    margin-right: auto;

    display: block;

 

}

iframe {
	padding-left: 0;

    padding-right: 0;


    margin-left: auto;

    margin-right: auto;

    display: block;

}



 h1 {

    	color: #000000;

    	font-family: Times, Times New Roman, Georgia, Serif;

		padding: 20px 0px 10px 0px;

        text-align: center;

		font-size: 120%;

}



h2 {



		color: #000000;

    	font-family: Times, Verdana, Arial, Trebuchet MS, Genevia, Sans-Serif;

        text-align: center;

		margin-bottom:10px;

		font-size: 125%;

}

h3 {



	color:  blue;

	font-family: Times, Verdana, Arial, Trebuchet MS, Genevia, Sans-Serif;

	text-align: center;

	margin-bottom:5px;

	font-size: 90%;

}





p {

    	color: black;

    	font-family: Verdana, Arial, Trebuchet MS, Genevia, Sans-Serif;

    	font-size: 100%;

	    border: none;

		line-height: 1.6;

	

}



p.note {

	font-size:75%;

}



p.dislaimer {

	font-family: Verdana, Arial, Trebuchet MS, Genevia, Sans-Serif;

	text-align: center;

	font-size: 75%;

}




sup {

    vertical-align: super;

    font-size: smaller;

}

sub {

	vertical-align: sub;

    font-size: smaller;

}





em.blue {

	color:blue;

}



table, th,  td {

        color: black;

    	font-family: Verdana, Arial, Trebuchet MS, Genevia, Sans-Serif;

		text-align: center;

}

 

/*Outer edge of the table*/

table.csheet {

	    color: black;

    	font-family: Verdana, Arial, Trebuchet MS, Genevia, Sans-Serif;

    	border: 1px solid black;

		border-collapse: collapse;

		text-align: center;

		width:98%;

	 

 }

 /*Table Header Borders*/

th.csheet{

	    color: black;

    	font-family: Verdana, Arial, Trebuchet MS, Genevia, Sans-Serif;

    	border: 1px solid black;

		border-collapse: collapse;

		text-align: center;

		padding:5px;

 }

 th.csheetLeft{

	    color: black;

    	font-family: Verdana, Arial, Trebuchet MS, Genevia, Sans-Serif;

    	border: 1px solid black;

		border-collapse: collapse;

		text-align: left;

		padding:5px;

 }

tr.csheet{

	    color: black;

    	font-family: Verdana, Arial, Trebuchet MS, Genevia, Sans-Serif;

    	border: 1px solid black;

		border-collapse: collapse;

		text-align: center;



 }

td.csheet{

	    color: black;

    	font-family: Verdana, Arial, Trebuchet MS, Genevia, Sans-Serif;

    	border: 1px solid black;

		border-collapse: collapse;

		text-align: center;

		padding:5px;	

		width:10%

 }

 

td.csheetLeft{

	    color: black;

    	font-family: Verdana, Arial, Trebuchet MS, Genevia, Sans-Serif;

    	border: 1px solid black;

		border-collapse: collapse;

		text-align: left;

		padding:5px;

		width:15%

 }

 

td.blue {

	background-color:#b3c6ff;

}



table#t02{

	

	margin-left:auto; 

    margin-right:auto;

}

table#t01{

	

	margin-left:auto; 

    margin-right:auto;

}





#index1 {

         border-width:medium;

         border-style:solid;

         border-color:blue;

		font-size: 100%;

         

         padding:5px 10px 5px 10px;

         text-align:center;

         border-top-left-radius:10px;

         border-top-right-radius:10px;

         border-bottom-left-radius:10px;

         border-bottom-right-radius:10px;

}

  

#area1 {

        background-color:#FFE2C5;

        font-size: small;

        margin-top:5%;

      

        margin-left: 20%;

		margin-right: 20%;

        border-width: medium;

        border-style:solid;

        border-color:blue;

    

        border-top-left-radius:0px;

        border-top-right-radius:20px;

        border-bottom-left-radius:20px;

        border-bottom-right-radius:0px;

        line-height: 1.2em; 

		padding: 15px 15px 15px 15px;

		font-family: Verdana, Arial, Trebuchet MS, Genevia, Sans-Serif;

        box-shadow: 10px 10px 5px #888888;      

}

   

#area2 {

         border-width:medium;

         border-style:solid;

         border-color:blue;

         height:400px;

         width:200px;

         padding:5px 10px 10px 10px;

         text-align:left;

         border-top-left-radius:20px;

         border-top-right-radius:20px;

         border-bottom-left-radius:20px;

         border-bottom-right-radius:20px;

         margin-right:5px;

}

   

#area3 {

         border-width:medium;

         border-style:solid;

         border-color:blue;

         height:400px;   

         width:auto;                  

         padding:5px 10px 10px 10px;

         border-top-left-radius:20px;

         border-top-right-radius:20px;

         border-bottom-left-radius:20px;

         border-bottom-right-radius:20px;

         text-align:left;

         margin-left:5px;

}







#minimumConductor1, #minimumConductor2, #minimumConductor3, #minimumConductor4, #minimumConductor5, #minimumConductor6, #minimumConductorSmWire, #warn{



		padding:0px 20px 1px 20px;



}



	

#cmFromVD, #voltageDrop1, #minimumConductor {

		background-color:#edeeef;

		border-width:thin;

        border-style:solid;

		border-color:blue;

		padding:10px 20px 10px 20px;

	    border-top-left-radius:20px;

        border-top-right-radius:20px;

        border-bottom-left-radius:20px;

        border-bottom-right-radius:20px;

		margin-bottom:1%;

        margin-top:1%;

		margin-left:1%;

		margin-right:1%;

}



	.myNav {

		background-color: LightGray;

		width: 100%;

		padding: 8px 0px 8px 0px;

		text-align: center;

		margin-right: auto; margin-left: auto;

		border-bottom: 1px solid #E8E8E8;

			

			  position: -webkit-sticky; /*Makes the buttons stay on top */

			  position: sticky; /*Makes the buttons stay on top */

			  top: 0; /*Makes the buttons stay on top */

		

				}



footer {

         

         height:auto;   

         width:auto;                  

         padding:10px 15px 10px 15px;

		font-size: 75%;

         text-align:center;

         font-family: Verdana, Arial, Trebuchet MS, Genevia, Sans-Serif;

         margin-bottom:1%;

         margin-top:1%;

        

 }  

 





/*Leave this at the bottom, or it won't work!*/







@media screen {



	.dontShowThis {display:none}

 

  }



/* This is for the buttons */

    .styled1 {

		width:25%;

		height:30px;

		border-radius: 30px 5px 30px 5px;

		border-color:orchid;

		padding: 5 px;

		margin:4px 0px 4px 0px;

		font-size:75%;

		background-color: yellow;	

		font-weight: bold;

		outline: none;

		border-width:medium;

		border-style:solid;

		color: black;

		text-align: center;	

		display: inline-block;

	}



		    .styled2 {

		width:25%;

		height:30px;

		border-radius: 30px 5px 30px 5px;

		border-color:blue;

		padding: 5 px;

		margin:4px 0px 4px 0px;

		font-size:75%;

		background-color: Orange;	

		font-weight: bold;

		outline: none;

		border-width:medium;

		border-style:solid;

		color: black;

		text-align: center;	

		display: inline-block;

			}

			

.styled3 {

		width:25%;

		height:30px;

		border-radius: 30px 5px 30px 5px;

		border-color:green;

		padding: 5 px;

		margin:4px 0px 4px 0px;

		font-size:75%;

		background-color: #ff3333;	

		font-weight: bold;

		outline: none;

		border-width:medium;

		border-style:solid;

		color: black;

		text-align: center;	

		display: inline-block;

			}

			

.styled4 {

		width:25%;

		height:30px;

		border-radius: 30px 5px 30px 5px;

		border-color:White;

		padding: 5 px;

		margin:4px 0px 4px 0px;

		font-size:75%;

		background-color: Black;	

		font-weight: bold;

		outline: none;

		border-width:medium;

		border-style:solid;

		color: White;

		text-align: center;	

		display: inline-block;

			}

			.styled5 {

				width:12%;
		
				height:30px;
		
				border-radius: 10px 5px 10px 5px;
		
				border-color:White;
		
				padding: 5 px;
		
				margin:4px 0px 4px 0px;
		
				font-size:75%;
		
				background-color: lightgray;	
		
				font-weight: bold;
		
				outline: none;
		
				border-width:medium;
		
				border-style:solid;
		
				color: black;
		
				text-align: center;	
		
				display: inline-block;
		
					}

		

		    .styled {

				width:25%;

		height:30px;

		border-radius: 20px 20px 20px 20px;

		border-color:blue;

		padding: 3px;

		margin:4px 0px 4px 0px;

		font-size:75%;

		background-color: White;	

		font-weight: normal;

		outline: none;

		border-width:thin;

		border-style:solid;

		color: black;

		text-align: center;	

		display: inline-block;

			}

		

			.styled:hover {

    border-color: White;

	border-width:medium;

	color: White;

	font-weight: bold;

	background-color:Black

}		

		.styled1:hover {

    border-color: yellow;

	border-width:medium;

	color: black;

	font-weight: normal;

	background-color:orchid;

}	

		

			.styled3:hover {

    border-color:#ff3333;

	border-width:medium;

	color: white;

	font-weight: normal;

	background-color:green;

}



			.styled4:hover {

    border-color:Black;

	border-width:medium;

	color: Black;

	font-weight: normal;

	background-color:White;

}





	.styled2:hover {

    border-color:orange;

	border-width:medium;

	color: white;

	font-weight: normal;

	background-color:blue;

}

  

/*Mobile Styles*/

@media only screen and (max-width: 400px) {

	/* .myHeader {min-height: fit-content;} */

    .styled {

		width:32%;



}



p {	padding: 20px 30px 10px 10px;

}	



.calcArea{

	

	padding: 5px 10px 5px 10px;

	

}





 .center {

  display: block;

  margin-left: auto;

  margin-right: auto;

  width: 100%;
  

  

}



		 body {

		background-color: LightGray;

		font-family: Verdana, Arial, Trebuchet MS, Genevia, Sans-Serif;

}

}



/*Tablet Styles*/

@media only screen and (min-width: 401px) and (max-width: 960px) {

    .styled {

		width:30%;



}



p {	padding: 20px 30px 10px 10px;

}	



.calcArea{

	

	padding: 5px 10px 5px 10px;

	

}



 .center {

  display: block;

  margin-left: auto;

  margin-right: auto;

  width: 50%;

}

.center2 {
text-align: center;
  
  }





	 body {

		background-color: LightGray;

		font-family: Verdana, Arial, Trebuchet MS, Genevia, Sans-Serif;

}



}



/*Desktop Styles*/

@media only screen and (min-width: 961px) {







p {	padding: 20px 30px 10px 10px;

}	



 .center {

  display: block;

  margin-left: auto;

  margin-right: auto;

  width: 25%;

}



	 body {

		background-color: LightGray;

		font-family: Verdana, Arial, Trebuchet MS, Genevia, Sans-Serif;



}



.calcArea{

	

	padding: 10px 35px 10px 35px;

	

}



	.contentOne, .contentTwo, .contentThree {width: 33%;}



		}

  

 @media print {

	 

	.myPageBreaker {page-break-before: always;} 

    p.pageBreak {page-break-before: always;}

	

	h1 {margin-bottom:40px;

		text-align: center;}

	

	.noPrint { display: none;}

	

	footer {

		padding:0px;

		margin:0px;	

		text-align: center;}

		

	a:link {color:#000000; text-decoration: none;}

	a:visited {color:#000000; text-decoration: none;}

	a:hover  {color:#000000; text-decoration: none;}

	



	

}