body
{
	/*background-color:darkgrey;*/
	background:url('img/background_gray.jpg')
}

#main
{
  margin-top:10px;
  margin-bottom:25px;  
}



footer
{
	/*background-color:#2C5068;*/
	background-color:rgba(44,80,104,0.8);
    width: 100%;
    height: 25px;
	color:white;
	/*text-align:center;*/
	text-shadow:1px 1px #000000;
}
#footer a
{
 color:white;
 text-decoration: none;
}

/*------------------------------*/
/*header*/
/*------------------------------*/
h1{ color: #085887;}

h2, h3, h4, h5, h6
{
	color:white;
	text-shadow:1px 1px #000000;
	background-color:#007ACC;
	padding:10px;
	margin:0;
}
.borderRadius
{
	padding:3px;
	background-color:#007ACC;
	
}
#toughChoices h4
{
	/*background-color:rgb(246,129,34);*/
	background-color:rgb(250,175,64);
	text-shadow:1px 1px #000000;
}

#toughChoicesLink
{
	/*background-color: rgb(44,80,104);*/
	background-color: rgb(24, 46, 87);
	color:white;
	text-shadow:1px 1px #000000;
}




.headerText p
{
	letter-spacing: 2.5px;
	font-family: 'Hind', sans-serif;
	color:white;
	text-shadow:1px 1px #000000;
	background-color: #007ACC;

}
#headerTitle
{
	font-size:200%;
	display: inline-block;
}
#titleSub
{
	font-size:100%;
	display: inline-block;
}



header
{
	box-shadow: 0px 0px 5px #888888;
}

#title
{
	background-image:url("img/main_banner.jpg");
	background-size:cover;
}


#tagline
{
color:white;
}

#navigation
{
	margin-bottom:0;
}

/*----------------------------*/
/*ROW*/
/*----------------------------*/
.row
{
	margin:0;
  
}

/*Row with equal height columns*/
/*messes up row collapse, use sparingly*/
.row-eq-height 
{
/*
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  */
}

/*------------------------------*/
/*FORM*/
/*------------------------------*/
form .row
{
	background-color:gainsboro;
}

input
{
	width:100%;
}

#calcBtn, #altSubmit
{
	background-color:#007700;
	color:white;
	text-shadow:1px 1px #000000;
}
/*------------------------------*/
/*------------------------------*/
#calcIMG
{
	/*background: url("img/calculate.png");*/
	
	/*background: url("calc.svg");*/
	/*background-size: contain;*/
	/*background-repeat:no-repeat;*/
	text-align: center;
}

#calcIMG h2
{
	background-color:#007700;
}

#calcSVG
{
	max-width:150px;
}

/*------------------------------*/
/*dropshadow*/
/*------------------------------*/
.dropshadow
{
	/*padding:4px;
	background-color:#bcdaf7;
	border-top: solid 4px rgb(68, 68, 68);
	margin-bottom:7px;*/
	margin-bottom:10px;
}

/*---------------------------*/
/*
/*SIDEBAR*/
/*
/*---------------------------*/
#sec1
{
	background-color:#e7e7e7;	
	padding:10px;
	margin-bottom:10px;
    box-shadow: 0px 0px 5px #888888;	
}

#sec1 h1
{
	background:none;
	text-align: center;
	padding:0;
	padding-bottom:10px;
}

#aside
{
	padding:10px;
	padding-top:0;
	
}

.BorderBox
{
	border: solid 3px white;
	padding:10px;
}




/* ============================= */
/*
/*calculation output table*/
/*
/* ============================= */
#sec5 .row,
#sec6 .row,
#sec7Output .row,
#sec7old .row,
#sec7new .row
{
	border: solid 1px black;
	border-left:solid 2px black;
	border-right:solid 2px black;
}

#sec5 .col-md-10,
#sec6 .col-md-10,
#sec7Output .col-md-10,
#sec7old .col-md-10,
#sec7new .col-md-10
{
	border-right: solid 2px black;
}

#sec5 .col-md-2, #sec5 .col-xs-2,
#sec6 .col-md-2, #sec6 .col-xs-2,
#sec7Output .col-md-2, #sec7Output .col-xs-2,
#sec7old .col-md-2, #sec7old .col-xs-2,
#sec7new .col-md-2, #sec7new .col-xs-2
{
	padding:0;
	text-align: center;	
}

.row #formtop
{
	border-top: solid 2px black;
}

/*containers that make up page*/
#sec2
{
	padding:0;
	margin:0;
}


#sec3,
#sec4,
#sec5,
#sec6,
#sec7,
#sec8,
#sec9,
#sec10,
#sec11,
#graph1,
#graph2,
#sec7Output,
#sec7old,
#sec7new,
#buildingFuture,
#toughChoices
{
	box-shadow: 0px 0px 5px #888888;
	padding:15px;
	margin-bottom:10px;
	background-color:white;
	border-radius:5px;
}

#graph1, #graph2
{
	text-align:center;
}



#sec4
{
	margin-top: 6px;
	padding-bottom:23px;
}




/*alert and overlay*/
.alert
{
	box-shadow: 0px 0px 5px #888888;
	padding:15px;
	margin-left: auto;
	margin-right:auto;
	position:fixed;

    top: 10%;
	left:15%;
	
	width:70%;
    
	//color: #000;
    //border: 3px solid #aaa;
    //background-color: #bcdaf7;
	background-color:white;
	color:black;
	z-index: 1011;
}

.overlay
{
    z-index: 1000;
    border: none;
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    opacity: 0.6;
    cursor: wait;
    position: fixed;
    background-color: rgb(0, 0, 0);
}
/*table*/
.table-bordered, .table-bordered>tbody>tr>td
{
    border: 2px solid #000;
}

/*paragraph*/
p
{
	padding-top:5px;
}

/*graph styling*/
#graph1 h4,
#graph2 h4,
/*#sec7Output h4,*/
#sec7old h4,
#sec7new h4,
#sec5 h4,
#sec6 h4
{
	background-color:transparent;
	color:dimgrey;
	
	text-align:center;
	text-shadow:none;
}