Match Main Calendar with Calendar Widget

I've come across a weird issue.  All the CSS codes I've found for the calendar only affect the widget.  Is there a way for the CSS in the widget to affect the main calendar?  If not, then what references could I use to achieve the same coloring as my widget?

Site: http://betaphoenix.forumotion.com/

Code:

table { margin: auto; }

#calendar a {color: blue;}

#calendar .hover-td.center {
    color: red;
    font-weight: bold;
}

#calendar .row1, #calendar .row2, #calendar .row3 {
    color: #00ff00!important;
    font-weight: 400!important;
}

#calendar table.table1 tbody th{
    color: #ffff00 !important;
}

I feel bad about having a few different calendar topics   Sorry, but I didn't notice the issues at the same time.

Hello,

Well the widget calendar and the main calendar(on the navigation bar) may have different id's and addresses/selectors, have you tried inspecting the elements of the main calendar and applying the CSS codes to it?

I was an idiot for not trying that.  Thanks!  That solved my problem.