/* MY CUSTOM COLORS ARE FOUND BELOW */

/* HEADER TOP NAV BAR */

.site-header {
background-color: TAN;
}

/* LEFT NAV BAR BACKGROUND */

#secondary,.site:before {
background-color:GREEN
}

/* SEARCH BUTTON LINK */

.search-toggle {
background-color: GOLD;
}

.search-toggle:visited {
background-color: LIGHTBLUE;
}

.search-toggle:hover,.search-toggle.active {
background-color: TURQUOISE;
}

/* SEARCH DROP DOWN */

.search-box {
background-color: BROWN;
}

/* FOOTER */

.site-footer {
background-color: GREY;
}

/* HORIZONTAL NAV BUTTONS*/

.page_item {
background-color:RED;
}
.page_item:visited{
background-color: RED;
}
.page_item:active{
background-color: BLUE;
}

.primary-navigation li:hover > a,
.primary-navigation li.focus > a {
background-color: FUCHSIA;
color: #fff;
}

/* DROPS */

.primary-navigation ul ul a,
.primary-navigation ul ul li.focus > a {
background-color: BLUE;
}

.primary-navigation ul ul a:hover,
.primary-navigation ul ul li.focus > a {
background-color: TOMATO;
}

.site-navigation .current_page_item > a,
.site-navigation .current_page_ancestor > a,
.site-navigation .current-menu-item > a,
.site-navigation .current-menu-ancestor > a {
color: #EEE;
font-weight: 900;
}

/* BUTTONS */

button a:link,
.button a:link,
input[type="button"],
input[type="reset"],
input[type="submit"] {
background-color: LIME;
border: 0;
border-radius: 2px;
color: #fff;
font-size: 12px;
font-weight: 700;
padding: 10px 30px 11px;
text-transform: uppercase;
vertical-align: bottom;
}

button:hover,
button:focus,
.button:hover,
.button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
background-color: YELLOW;
color: #fff;
}

button:active,
.button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
background-color: RED;
}

/* CONTAINER AND SECTION */

#page{
margin-right:auto;
margin-left:auto;
background-color:BEIGE ;
}

/* NAV ON PHONE */

.menu-toggle {
background-color: BLACK;
}

#calendar_wrap a:link,#calendar_wrap a:visited {/* CALENDAR DATES LINKED */
font-weight: bold;
color: #fff;
background-color:GREEN
}

#calendar_wrap a:hover {/* CALENDAR DATES LINKED HOVER */
font-weight: bold;
color: #fff;
background-color:RED;
}

/* LINKS ON LEFT BAR */

#secondary a:link,a:visited{
color:ORANGE;
}

#secondary a:hover{
color:BLUE;
}

/* LINKS IN CONTENT AREA*/

#content a:link,a:visited{
color:ORANGE;
}

#content a:hover{
color:BLUE;
}