.page-header {
	background-repeat: no-repeat;
	/*height:80px; SJ commented to narrow the band 09.24.2015*/
	height: auto;
	margin: 0 -15px -2px; /* align with nav bar, counter default body padding left and right */
	padding-top: 5px; /* center header content */
	/*padding-bottom: 15px;  center header content SJ commented to narrow the band 09.24.2015*/
	padding-bottom: 5px;
}

.body-content {
	margin: -20px auto auto;
	padding: 0 40px 15px 15px;
}

.text-white {
	color: white;
}

.text-login {
	/*padding-top: 15px;*/
	padding-top: 7px;
	font-size: 75%;
}

.text-decorated {
	font-style:italic;
	color: white;
	/*font-size: 150%; SJ 09.23.2015*/
	font-size: 120%;
	/*http://stackoverflow.com/questions/14431411/pure-css-to-make-font-size-responsive-based-on-dynamic-amount-of-characters & https://css-tricks.com/viewport-sized-typography/*/
	/*font-size: 2.5vw;*/
	font-family:'Lucida Calligraphy';
	padding-top: 20px;
}

/*.logo-image {
	padding-left: 10px;
	width: 250px;
	height: 43px;
}*/


.logo-image {
	display: block;
	max-width: 50%;
	min-width: 125px;
	height: auto;
	padding-left: 10px;
}

p {
	font-size: 120%;
}

.vertical-space {
	height:40px;
}

.divider-line {
	height: 5px;
}

.navbar-toggle
{
	border:none;
}


dt {
 float:right;
}

dd {
 float:left;
}

/* DatePicker Container */
.ui-datepicker {
	font-family:Century;
	font-size:medium;
	background-color: inherit;
}

/* Set width on the form input elements since they're 100% wide by default */

/*input
{
	max-width: 280px;
}*/

textarea
{
	width: 100%;
	height: 100px;
}

@media only screen {
	.noscreen {
		display: none;
	}
}

/* navbar */
.navbar-nav .nav .navbar-collapse .navbar-toggle .navbar-default .navbar-collapse .navbar-header .icon-bar 
.navbar-right .li { height: 10px; }


/**Content from Site.css*/
body {
	padding-top: 20px;
	padding-bottom: 20px;
}



/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
/*.dl-horizontal dt {
	white-space: normal;
}*/

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
	max-width: 470px;
}


.form-box {
	padding-top: 5px;
}

.form-top {
	overflow: hidden;
	padding: 0 15px 0 15px;
	text-align: left;
}

.form-top-left {
	float: left;
	width: 35%;
	padding-top: 10px;
}

.form-top-right {
	float: left;
	width: 15%;
	padding-top: 2px;
	font-size: 33px;
	color: #ddd;
	line-height: 40px;
	text-align: right;
}

.form-bottom {
	padding: 10px 10px 15px 10px;
	text-align: left;
}

.form-bottom form textarea {
	height: 80px;
}

.navbar-nav > li > a {
	padding-bottom: 5px;
	padding-top: 5px;
}

.nav > li > a {
	padding-bottom: 5px;
	padding-top: 5px;
}

.form-control {
	height:auto;
	min-width:165px;
}

.container .body-container {
	padding-left: 0;
}