css changes not applying in custom template

Code: Select all

body 
{
	 background: #e5e5e5; /* #b6b7bc; */
	font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;/* 'Open Sans', sans-serif; */
	font-weight: 400;
	color: #696969;/* #666; */
	font-size: 0.80em; /*12px; */
	 margin: 0px;
    padding: 0px;
	line-height: 20px;
}

Code: Select all

#menu {
	background-color: Gray; /* #229ac8; */
	/* background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
	background-repeat: repeat-x; */
	border-color: Gray Gray transparent; /* #1f90bb #1f90bb #145e7a; */
	min-height: 40px; 
}
#menu .nav > li > a {
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	padding: 10px 15px 10px 15px;
	min-height: 15px;
	background-color: Gray; /* transparent; */
}
#menu .nav > li > a:hover, #menu .nav > li.open > a {
	background-color: Gray; /*rgba(0, 0, 0, 0.1); */
}