/* Mid-range color. */

body {
background: #f0f8ff;}

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

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

/* Light color */

.navbar-dropdown:hover,
.dropdown-item:hover,
.submenu-item:hover,
.button:hover {
background: rgba(145, 204, 234, 0.5)
}

/*Mid-range color expressed as rgb*/
.navbar-dropdown:active,
.dropdown-item:active,
.submenu-item:active,
.button:active {
background: rgba(240, 248, 255, 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(240, 248, 255, 0.5);
}

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

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

/*Dark color for border; Light color for background*/
div.announcement {
border: 2px solid #f02d2c;
background: #91ccea;
}

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

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

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