body {
	color: #004890;
	background-color: transparent;
	font-family: 'Roboto', Arial, sans-serif;
	background: none;
}

a {
	color: #f26c11;
	background-color: transparent;
}

.controlpanel p.icon > span {
	color: #004890;
	background-color: transparent;
}

/* forms styles - these do not fit as nicely as it should */
div.dialogbox table {
	background-color: #FEEBC1;
	border-top: 30px solid #FEEBC1;
	border-right: 50px solid #FEEBC1;
	border-bottom: 30px solid #FEEBC1;
	border-left: 50px solid #FEEBC1;
}

input, textarea, select {
	border: 1px solid #F26C11;
	color: #004890;
}


	input[type=submit] {
		background-color: #F26C11;
		color: #FFF;
		outline: none;
		border-radius: 4px;
	}

/* forms styles - these do not fit as nicely as it should */


/* header/logo styles changes - start */
.headerBar #logo #controccTitle {  padding-top: 30px; }

/* remove the tab image - ugh! */
.headerBar .navBar .navItem,
.headerBar .navBar .navItem.hover,
.headerBar .navBar .navItem:hover,
.headerBar .navBar .navItem.hover ,
.headerBar .navBar .navItem:hover ,
.headerBar .navBar .navItem#selected,
.headerBar .navBar .navItem#selected.hover,
.headerBar .navBar .navItem#selected:hover,
.headerBar .navBar .navItem#selected.hover ,
.headerBar .navBar .navItem#selected:hover ,
.headerBar .navBar .navItem#selected ,
.headerBar .navBar .navItem,
.headerBar .navBar a,
.headerBar .navBar .navItem.notb:hover,
.headerBar .navBar .navItem.notab:hover , 
.headerBar .navBar .navItem.notb.hover,
.headerBar .navBar .navItem.notab.hover 
{
    border-radius: 0px;
}

.headerBar .navBar {
    padding: 0;
}

.headerBar {
	background: none;
	background-color: #fff;
	color: #000;
	height: 160px;
}

.headerGrid {
	grid-template-rows: 15% 30% 30% 25% 0px;
}

.defaultLogo{
	display:none;
}

.customLogo {
	display:block;
	background: url("img/logo.jpg") no-repeat top left;
	background-color: transparent;
	background-position:left center;
	background-size:cover;
	color: #000000;
	width: 325px;
	height: 90px;
	margin-left:20px;
}

.navigationTitle{
	margin-left:20px;
}

.headerBar #logo{
	background: none; /* remove borders */
}

.headerBar #sometext{
	background: none; /* remove borders */
}

.headerBar .navBar{
	background : none;
	right:auto;
	height: 35px;
	background-color: #004890;
	width: 100%;
}

.headerBar .navBar .navItem,
.headerBar .navBar .navItem.hover,
.headerBar .navBar .navItem:hover {
	background-color: #fff;
	padding: 0;
	margin: 0;
}

	.headerBar .navBar .navItem {
		background-color: #004890 !important;
		color: #FFFFFF;
		padding-right: 10px !important;
		line-height: 27px !important;
		background: none;
		border-style: solid;
		border-width: 0 5px 0 0;
		padding: 4px 10px 4px 12px !important;
        order: 2;
	}

	.headerBar .navBar .navItem.hover ,
	.headerBar .navBar .navItem:hover ,
	.headerBar .navBar .navItem.notab.hover ,
	.headerBar .navBar .navItem.notab:hover 
	{
		background-color: #ffc324 !important;
		color: #FFFFFF;
	}

.burger {
	grid-column: 1;
	margin: auto auto 0px 0px;
	height: 35px;
}

.burgerImg {
	background-color: #004890 !important;
	padding: 0 10px !important;
	right: unset;
	border-color: white;
	bottom: 0%;
	border-style: solid;
	border-width: 0 5px 0 0;
}
	.burgerImg:hover {
		background-color: #ffc324 !important;
		filter: none;
	}

/* header/logo styles changes - end */
.ui-widget-header {
	border: #004890;
	background: #004890;
}

@media (max-width:910px) {
	.navBar.expanded {
		background-color: #004890 !important;
		height: min-content !important;
		margin-left: 0px;
	}

	.headerBar .navBar.expanded .navItem {
		border-width: 0 !important;
        padding: 0 3px !important;
	}
}

.ui-widget-content {
	border: 1px solid #004890;
}

.expando p.title {
	background: none;
	background-color: #004890;
}

.expando ul.tree {
	border: 1px solid #004890;
}

/* Bradford: since right hand panel is taller than main text, prevent shading cutting off part way down right hand panel */
.home div.mainpanel {
	padding-bottom: 60px;
	margin-bottom: 20px;
	min-height: 520px;
}