/*********/
/* Color */
/*********/

/* General Color Scheme
	# #fd9 - pale peach - text backgrounds
    # #fbc - bright peach - body background, top of gradient
    # #f0f - magenta - bottom of gradient
	# #936 - dark pink - background gradients, text
    # #a47 - link pink - for links
*/


body {
	background: #fbc; /* For browsers that do not support gradients *
	background: -webkit-linear-gradient(#fd9, #fbc, #f0f); /* For Safari 5.1 to 6.0 *
	background: -o-linear-gradient(#fd9, #fbc, #f0f); /* For Opera 11.1 to 12.0 *
	background: -moz-linear-gradient(#fd9, #fbc, #f0f); /* For Firefox 3.6 to 15 */
	/*background: #fbc linear-gradient(#fd9, #fbc, #f0f) repeat-x fixed; /* Standard syntax */
	background: #fbc linear-gradient(#f0f, #fbc, #fd9) repeat-x fixed; /* Standard syntax */
    border-top: 2px solid #936;
}
nav a {
    color: #a47;
    background: #fd9;
}
nav.mainnav {
    color: #a47;
}
nav.mainnav a {
    background: black;
    color: #a47;
    background: #fd9;
}
nav.sidenav {
    background: #fd9;
}
main
, nav.mainnav.topnav
, header.banner
, header.info-bar
, footer
, article
, img#counselor
{
	border: 2px solid #936;
    border-radius: 10px;
}
hr {
    width: 50%;
    border-color: #936;
}
main,
nav.topnav,
header,
footer,
article {
    background-color: #fd9;
    color: #936;
}
:not(nav) > a {
    color: #a47;
}
.form-control {
    border: 1px solid #936;
}
ul.nav li a:hover {
    background-color: #fbc;
}
ul.nav li.active a,
ul.nav li.active a:hover {
    background-color: #f0f;
    color: #000;
}
a:link {
    text-decoration: underline;
}