/* CSS formatting for GreenMadison Pages */

#main,
#main #nav_menu {
	border-color: #999999;
}

ul#sub_nav li {
	background-color:#6CB33F;
}

ul#sub_nav li a {
	background-color:#6CB33F;
}

ul#sub_nav li a:hover {
	background-color: #ffffff;
	color: #000000;
}

ul#sub_nav li li {
	background-color: #FFFFFF;
	color: #000000;
}

ul#sub_nav li li a:hover {
	background-color: #6CB33F;
	color: #FFFFFF;
}

ul#sub_nav li.home { width: 125px; }
ul#sub_nav li.home a { width: 113px; }

ul#sub_nav li.about { width: 125px; }
ul#sub_nav li.about a { width: 113px; }
ul#sub_nav li.about ul, ul#sub_nav li.about li { width: 125px; }
ul#sub_nav li.about li a { width: 115px; }

ul#sub_nav li.residents { width: 155px; }
ul#sub_nav li.residents a { width: 143px; }
ul#sub_nav li.residents ul, ul#sub_nav li.residents li { width: 155px; }
ul#sub_nav li.residents li a { width: 145px; }

ul#sub_nav li.business { width: 150px; }
ul#sub_nav li.business a { width: 138px; }
ul#sub_nav li.business ul, ul#sub_nav li.business li { width: 150px; }
ul#sub_nav li.business li a { width: 140px; }

ul#sub_nav li.trade { width: 140px; }
ul#sub_nav li.trade a { width: 128px; }
ul#sub_nav li.trade ul, ul#sub_nav li.trade li { width: 140px; }
ul#sub_nav li.trade li a { width: 130px; }

ul#sub_nav li.resources { width: 130px; }
ul#sub_nav li.resources a { width: 118px; }

ul#sub_nav li.contact { width: 135px; }
ul#sub_nav li.contact a { width: 123px; }


/***********************************
   		BANNER IMAGE OVERLAY
************************************/
.columnSingle div.banner_overlay { background: url(../greenMadison/images/bannerSingle.jpg) no-repeat 3px 3px; }
.columnDouble div.banner_overlay { background: url(../greenMadison/images/bannerDouble.jpg) top left no-repeat; }
.columnHalf div.banner_overlay { background: url(../greenMadison/images/bannerHalf.jpg) top left no-repeat; }
.columnTriple div.banner_overlay { background: url(../greenMadison/images/bannerTriple.jpg) top left no-repeat; }
.columnFull div.banner_overlay { background: url(../greenMadison/images/bannerFull.jpg) top left no-repeat; }


/**************************
	City Calendar Styles 
***************************/

.mini_calendar .calendar_title {
	background-color: #669933; 
}

.mini_calendar table {
	border: 1px solid #ccc;
	border-width: 1px;
}

.mini_calendar td {
	border: 0;
	border-width: 0;
}

.mini_calendar .date a {
	text-decoration: none;
	color: #666;
}

.mini_calendar .date a:hover {
	background-color: #669933;
}

.mini_calendar .nodate {
	background-color: #e4e4e4;
}

.mini_calendar .date .today {
	background-color: #97c46b;
}

.mini_calendar .date .searchDate {
	background-color: #669933;
}

/***********************************
     CALENDAR STYLES (FOR HOMEPAGE)
************************************/

.events ul {
	padding: 0;
	margin: 0;
	border-left: 0;
	border-bottom: 1px solid #CCCCCC;
	list-style: none;
	font-size: 11px;
}

.events li {
	display: block;
	padding: 4px 6px;
	border-top: 1px solid #CCCCCC;
	border-right: 0;
	text-decoration: none;
	list-style: none;
}

.events li.title {
	background-color: #AAAAAA;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
}

/* Dark background for alternating list rows */
li.dark {
	background-color: #EEEEEE;
}