/******************************************************************************/
/* MUDDY MATTERS
/******************************************************************************/

/*-- Content -----------------------------------------------------------------*/

#matters-content {
  float: right;
  margin-left: 0px;
  width: 570px;
  color: #214D6A;
  overflow: hidden;
}

#matters-content .matters-padding {
  padding: 0 10px 0 10px;
}

/*-- Side Nav ----------------------------------------------------------------*/

#matters-nav {
  float: left;
  width: 185px;
}

#matters-nav ul {
  margin:0;
  padding:0;
}

#matters-nav li {
  display: block;
  float:left;
  width:165px;
  background-color: #8CA0E3;
  margin-bottom: 6px;
  padding: 6px 10px;
  font-weight: bold;
  color: white;
}

#matters-nav li.selected {
  background-color: #AF2D2F;
}

#matters-nav a {
  color: white;
  text-decoration: none;
}

#matters-nav a:hover {
  text-decoration: underline;
}

#matters-nav .logo {
  margin: 12px 12px;
}


/******************************************************************************/
/* Homepage
/******************************************************************************/

.notice-board-panel {
  background-color: #25516C;
  background: url(/images/muddy_matters/homepage/notice_board_bg.gif) top right no-repeat;
  color: white;
  padding: 25px 100px 10px 10px;
  height: 54px;
  margin: 0 0 7px 0;
}

.muddy-news-panel {
  background-color: #BF565A;
  background: url(/images/muddy_matters/homepage/muddy_news_bg.gif) bottom left repeat-x;
  color: white;
  padding: 10px 10px 110px 10px;
  border-right: white 7px solid;
  vertical-align: top;
  width:33%;
}

.food-matters-panel {
  background-color: #8DA0E4;
  background: url(/images/muddy_matters/homepage/food_matters_bg.gif) bottom left repeat-x;
  color: white;
  padding: 10px 10px 110px 10px;
  border-right: white 7px solid;
  vertical-align: top;
  width:33%;
}

.events-calendar-panel {
  background-color: #4C7189;
  background: url(/images/muddy_matters/homepage/events_calendar_bg.gif) bottom left repeat-x;
  color: white;
  padding: 10px 10px 110px 10px;
  margin: 0 0 7px 0;
  vertical-align: top;
  width:33%;
}

.notice-board-panel p,
.muddy-news-panel p,
.food-matters-panel p,
.events-calendar-panel p {
  margin: 7px 0;
}

.muddy-news-panel .intro,
.food-matters-panel .intro,
.events-calendar-panel .intro {
  margin-bottom: 12px
}

/******************************************************************************/
/* Ticker
/******************************************************************************/

.rss-ticker {
  margin: 7px 0;
  padding: 7px 10px;
  background-color: #ECEEF2;
  color: #214D6A;
}

.rss-ticker .title {
  font-weight: bold;
  margin-right: 5px;
}

.rss-ticker a {
  color: #214D6A !important;
  text-decoration: none;
}

.rss-ticker a:hover {
  text-decoration: underline;
}

/******************************************************************************/
/* Notice Board
/******************************************************************************/

#notice-board {
  font-size: 100%;
  background-color: #af2d2f;
  padding: 10px;
  color: white;
  margin-top:6px;
  width: 100%;
}

#notice-board .post {
  float:left;
  width: 145px;
  height: 170px;
  color: black;
  text-align: center;
  font-family: georgia, times, serif;
  padding: 22px 19px 0 19px;
}

#notice-board .post a {
  color: black;
  text-decoration: none;
}

#notice-board .post a:hover {
  text-decoration: underline;
}

#notice-board .post h1 {
  font-family: georgia, times, serif;
  color: black;
  font-size: 140%;
  margin: 0;
}

#notice-board .post h2 {
  font-family: georgia, times, serif;
  color: black;
  font-size: 100%;
  margin: 2px 0 0 0;
}

#notice-board .title {
  font-family: tahoma, arial, helvetica, sans-serif;
  margin: 3px 0 0 0;
  height: 53px;
  overflow: hidden;
}

#notice-board .footer {
  margin: 5px 0 0 0;
}

#notice-board .post-bg1 {
  background: url(/images/muddy_matters/message_bg1.gif) top center no-repeat;
}

#notice-board .post-bg2 {
  background: url(/images/muddy_matters/message_bg2.gif) top center no-repeat;
}

#notice-board .post-bg3 {
  background: url(/images/muddy_matters/message_bg3.gif) top center no-repeat;
}

#notice-board .page-controls {
  text-align: center;
  font-weight: bold;
  margin: 10px 0;
}


#notice-board #page {
  width: 543px;
  margin: 15px auto;
  background-color:#EAEAEA;
  color: black;
  font-family: georgia, times, serif;
}

#notice-board #page .content {
  padding: 2px 20px 2px 20px;
}

#notice-board #page h2 {
  color: black;
  font-size: 100%;
  margin: 10px 0 10px 0;
}

#notice-board #page a {
  color: black;
  font-family: tahoma, arial, helvetica, sans-serif;
  text-decoration: undeline;
}

#notice-board #page h1 {
  font-family: georgia, times, serif;
  color: black;
  font-size: 140%;
  margin: 0;
}

#notice-board .page h2 {
  color: black;
  font-size: 100%;
  margin: 2px 0 0 0;
}

#notice-board #page .hr {
  background-color: #bbbbbb;
}

/******************************************************************************/
/* Calendar
/******************************************************************************/

.calendar-nav {
  background: url(/images/muddy_matters/calendar/bg.gif);
  width: 570px; 
  height: 63px;
  /*overflow: hidden;*/
}

.calendar-nav .year {
  width:47px;
  height: 24px;
  padding-top: 0px;
  vertical-align: center;
  text-align:center;
  font-weight: bold;
}

.calendar-nav .month {
  width:47px;
  height: 39px;
  vertical-align: center;
  padding-top: 0px;
  text-align:center;
}

.calendar-nav .month-selected {
  background: url(/images/muddy_matters/calendar/tab.gif) no-repeat;
  font-weight: bold;
}

.calendar-nav a {
  color: #214D6A;
}


.calendar-footer {
  background-image: none;
  height: auto;
}

.calendar-footer .year {
  background-color: #CFD4E4;
  height: 28px;
}

.calendar-footer .month {
  background-color: #E3E8F8;
  padding-top: 7px;
  height: 28px;
}

.calendar-footer .month-selected {
  background-image: none;
}



.calendar-event {
  width: 546px;
  padding: 10px 12px 12px 12px;
  background-color: #EDF0FB;
  margin-bottom: 6px;
}

.calendar-event a {
  color: #214D6A;
}

.calendar-event .date {
  float: left;
  width: 85px;
  font-weight: bold;
  padding-right: 5px;
}

.calendar-event .detail {
  float: right;
  width: 455px;
}

.calendar-event .detail .title {
  font-weight: bold;
}

.calendar-event .detail .description {
  margin: 2px 0;
}

.calendar-event-alternate {
  background-color: #E3E8F8;
}

.calendar-event-mm {
  background: url(/images/muddy_matters/calendar/mm.gif) no-repeat 465px;
  background-color: #B22E30;
  color: white;
}

.calendar-event-mm a {
  color: white;
}

.calendar-event-seasonal {
  background: url(/images/muddy_matters/calendar/seasonal.gif) no-repeat 465px;
  background-color: #B5DEC3;
}

.calendar-event-seasonal .detail {
  margin-right: 100px;
  width: 355px;
}

.calendar-event-mm .detail {
  margin-right: 100px;
  width: 355px;
}

.calendar-event-dark {
  background-color: #E3E8F8;
}

.calendar-event-none {
  text-align: center;
}