Change Menu Links Color.

I’m trying to update the Link color of the elected page. I have a version one the script i’m using. and I have all the colors I want however the current elected page text color will not update.

here is a copy of what i’m using.

/*
Theme Name: raindrops-child
Version: 0.1
Description: A child theme of raindrops
Template: raindrops
*/

#site-title{
background:url(http://i1.wp.com/www.wolfradio.net/blog/wp-content/uploads/2015/12/logo.jpg);
width:478px;/* logo width */
height:56px;/* logo height */
}
#site-title a{
display:block;
width:100%;
height:100%;
}
#site-title a span{
visibility:Show!important;
}
.entry-title span{
color:#c00000
}

#access a:hover {
background:#;
color:white;
}

#access .menu > ul > ul {
top: 3.693em;
}
.entry-title{
display:none;
}

/* Change nav menu background and link color */
#top #access .menu li a,
#top #access{
Background:#;
color:#00b600;
}
#top #access .menu li a:hover{
background:#;
color:#f4ea00;
}

#top #access .menu ul li .current-menu-item a {
background: #00dbbf !important;
}

/* Change nav menu background and link color */
#top #access .menu li a,
#top #access{
Background:#;
color:#fffff;
}
#top #access .menu .current_page_item a,/* selection Page item */
#top #access .menu li a:hover{
background:#06ae2b
color:#00dbbf !importrant;
}
}

All the text color are correct but at the bottom where it shows the current page color it not working. it will not show that color it only shows the green color of the rest of the links.
can you help with this?
Thanks
David.