/* Mid-range color. */

body {
background: #ecbd54;}

/* Background white; box-shadow dark. */

#mainbody {
background-color: #ffffff;
box-shadow: 10px 10px 5px #755714;
}

/* Light color */

.navbar-dropdown:hover,
.dropdown-item:hover,
.submenu-item:hover,
.button:hover {
background: rgba(253, 248, 236, 0.5)
}

/*Mid-range color expressed as rgb*/
.navbar-dropdown:active,
.dropdown-item:active,
.submenu-item:active,
.button:active {
background: rgba(236, 189, 84, 0.5)
}

/*Mid-range color expressed as rgb*/

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .open > .open > a:hover,
.navbar-default .navbar-nav > .open > .open > a:focus,
.button:focus {
color: #000;
background: rgba(236, 189, 84, 0.5);
}

/* Dark color*/
a {
color:#755714;
}

path {
	fill:#755714;
	stroke:#755714;
}

/*Dark color for border; Light color for background*/
div.announcement {
border: 2px solid #755714;
background: #fdf8ec;
}

/*Dark color*/
hr.bar {
-moz-border-bottom-colors: #755714;
-moz-border-left-colors: #755714;
-moz-border-right-colors: #755714;
-moz-border-top-colors: #755714;
border-color: #755714;
-moz-use-text-color: #755714;
color: #755714;
background-color: #755714;
border-style: solid #755714;
}

/*Dark color*/
#bar {
background: #755714;
}

/* Medium color */
a:hover {
color: #ecbd54;
text-decoration: none;
}