#header { height: 107px; background: transparent url(graphics/mgf_header.jpg) no-repeat top left; }
#header a { width: 950px; height: 107px; display: block; }
#header h1 { display: none; }
#masthead { height: 293px; background: url(graphics/mgf_masthead.jpg) no-repeat top left; }
#navigation { height: 35px; background: transparent; border-left-width: 1px; border-left-style: solid; border-left-color: lightgrey; border-right-width: 1px; border-right-style: solid; border-right-color: lightgrey; overflow: hidden; }
#content { padding: 20px 35px 20px 35px; border-left-width: 1px; border-left-style: solid; border-left-color: lightgrey; border-right-width: 1px; border-right-style: solid; border-right-color: lightgrey; overflow: hidden; }
#content h1, #content a { color: #0000ff; }
#footer { height: 90px; background: transparent url(graphics/mgf_footer.jpg) no-repeat top left; }

/* ---------------Div Layout--------------- */

#column_l {
	position: relative;
	float: left;
	margin: -20px 0px;
	width: 235px;
	padding: 20px 20px;
        	background-color: transparent;
}
#column_r {
	position: relative;
	float: left;
	margin: -20px 0px;
	width: 550px;	
         padding: 20px 20px;
        	background-color: transparent;
}

/* ---------------Rounded Div Corners--------------- */
div.rounded-corner-container {
  background-color: transparent;
  color: #008080
}
div.rounded-corner-2 {
  background-color: white;
  color: #FFFFFF;
  border-left-width: 2px;
  border-left-style: solid;
  border-left-color: grey;
  border-right-width: 2px;
  border-right-style: solid;
  border-right-color: grey;
  height: 1px;
  font-size: 1px;
  overflow: hidden;
}

  div.rounded-corner-3, div.rounded-corner-4 {
  background-color: white;
  color: #FFFFFF;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: grey;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: grey;
  height: 1px;
  font-size: 1px;
  overflow: hidden;
}

div.rounded-corner-top {
  background-color: white;
  color: #FFFFFF;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: grey;
  height: 0px;
  font-size: 1px;
  overflow: hidden;
}

div.rounded-corner-bottom {
  background-color: white;
  color: #FFFFFF;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: grey;
  height: 0px;
  font-size: 1px;
  overflow: hidden;
}

div.rounded-corner-content {
  background-color: white;
  color: black;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: grey;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: grey;
  overflow: hidden;
  padding: 0px 20px;
}


div.rounded-corner-top {
  margin: 0 5px;
}

div.rounded-corner-bottom {
  margin: 0 5px;
}

div.rounded-corner-2 {
  margin: 0 3px;
}

div.rounded-corner-3 {
  margin: 0 2px;
}

div.rounded-corner-4 {
  margin: 0 1px;
  height: 2px;
}

/* ---------------Navigation--------------- */
#navigation ul {
	list-style-type: none;
	width: 100%;
	margin: 0;
	padding: 5px 0px;
}
#navigation li {
	background: transparent;	
         float: right; margin-right: 1px;

}
#navigation a {
	background: transparent;
	font-weight: bold;
	text-decoration: none;
	color: black;
	display: block;
	padding: 1px;
}
#navigation a:hover {
	font-weight: bold;
	background-color: transparent;
}


/* ---------------Global Styles--------------- */
a { color: #0000ff; text-decoration: underline; }
a:hover { text-decoration: none; }
a:visited { color: #660000; }
h1 { color: #0000ff; font-size: 18pt; }
h2 { color: #000; font-size: 14pt; padding: 5px 0px }
h3 { color: #0000ff; font-size: 12pt; }
h4 { color: #000; font-size: 11pt }

body { color:#000;  }
#page { background: #fff; }
body, p, td, div { font-size: 12px; font-family: Helvetica; }

.container { width: 950px; margin:0 auto; padding: 0; background: #E3E9E5; clear: both; }
form, input { padding:0; margin:0; }
.center { text-align: center; }
/* End Global Styles */

/* ---------------General Module Styles--------------- */
.itemCount { }
.itemList { clear: both; } 
.itemList:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.itemList h2 a { text-decoration: none; }
.itemList h2 a:hover { text-decoration: underline; }
.itemList span { display: block; }
.itemLabel { font-weight: bold; }
.itemList span.itemLabel { display: inline; }
.bottomNavigation { clear: both; }
.goBack { }
.errorMessage{ font-weight:bold; color:#f00; }
/* End General Module Styles */

/* Pagination */
.pagination { clear: both; display: block; }
.pagination a, .pagination a:link, .pagination a:visited { text-decoration:none; }
.pagination .prevnextCurrent, .pagination .prevnextWindow, .pagination .prevnextWindowArrow { border:solid 1px #ccc; margin:0; padding:4px 6px; font-size:11px; margin-right:2px; display:inline; display:inline-block; }
.pagination a.prevnextWindow:hover, .pagination a.prevnextLink:hover, .pagination .prevnextWindowArrow:hover { border:solid 1px #000; color:#000; }
.pagination .prevnextCurrent {background:#ccc; color:#000; font-weight:bold; padding:4px 6px; }
.pagination a.prevnextLink { border:1px solid #ccc; padding:4px 6px 4px; margin-right:2px; font-size:11px; display:block; }
/* End Pagination */

/* Send Page Styles */
.sendpage { clear:both; }
.sendpageBody div, .sendpageBody td { padding: 2px 0px; }
/* End Send Page Styles */

/* ModuleBegin::news */
.newsWrapper .headline { font-weight: bold; }
.newsWrapper .publish, .newsWrapper .author, .newsWrapper .copyright { color: #777; font-size: smaller; }
.newsWrapper .blurb { }
.newsWrapper .content { }
.newsWrapper .newsitem { padding-bottom: 1em; }
.newsWrapper .copyright { padding: 1em 0em; text-align: center; font-size: smaller; }
/* ModuleEnd::news */



/* ModuleBegin::events */
/* ---------------
Events Lister
----------------- */
.eventsListerWrapper { }
.eventsListerWrapper table { empty-cells: show }
.eventsListerWrapper .col1, .eventsListerWrapper .col2, .eventsListerWrapper .col3 { border-bottom: black 1px solid; }
.eventsListerWrapper .col1, .eventsListerWrapper .col2 { border-right: black 1px solid; }

/* ---------------
Events Detail
----------------- */
.eventsDetailWrapper { }
.eventDate, .eventsDetailWrapper .eventTime, .eventsDetailWrapper .eventLocationMap, .eventsDetailWrapper .eventLocationAddress,
  .eventsDetailWrapper .eventLocationDriving, .eventsDetailWrapper .eventContact, .eventsDetailWrapper .eventPhone,
  .eventsDetailWrapper .eventEmail, .eventsDetailWrapper .eventRSVP, .eventsDetailWrapper .eventTicket,
  .eventsDetailWrapper .eventTicket1, .eventsDetailWrapper .eventTicket2 ,.eventsDetailWrapper .eventTicket3,
  .eventsDetailWrapper .eventTicket4, .eventsDetailWrapper .eventTicket5, .eventsDetailWrapper .eventTicket6 { display: block; }
.eventLocation, .eventRSVP, .eventTicketWrapper{ padding: 5px 0px; }
.eventDate {  }
.eventTime {  }
.eventLocation { }
.eventLocationMap {  }
.eventLocationAddress {  }
.eventLocationDriving {  } 
.eventContact {  }
.eventPhone {  }
.eventEmail {  }
.eventRSVP {  }
.eventTicketWrapper { }
.eventTicket {  }
.eventBody { }

/* ----------------------
Events Small Calendar
------------------------ */
.calendarSmallWrapper { font-size: 12px; background: transparent; }
.cal { padding: 5px; text-align: center; margin-left: auto; margin-right: auto; background: transparent; }
.calPrev { position: absolute; top: 4px; left: 15px; }
.calNext { position: absolute; top: 4px; right: 15px; }
.calMonth { position: relative; top: 0; left: 0; text-align: center; font-weight: bold; margin-left: 20px; margin-right: 20px; }
.calPrev a, .calNext a, .calMonth a { text-decoration: none; }
.calPrev a:hover, .calNext a:hover, .calMonth a:hover { text-decoration: underline; }
.calGrid { margin-top: 10px; clear: both; width: 75%; text-align: center; margin-left: auto; margin-right: auto; }
.calGrid td { font-size: 8pt; padding-bottom: 2px; text-align: center; }
.calGrid tr.calWeek { font-weight: bold; text-align: center; }
.calDayOn a { font-weight: bold; text-decoration: underline; }
.calDayOn a:hover { text-decoration: none; }
.calGrid td.calTodayOff, .calGrid td.calTodayOn { background-color: #000; color: white; font-weight: bold; }
.calGrid td.calTodayOn a { text-decoration: underline; color: white; font-weight: bold; }
.calBottom { text-align: left; padding-left: 20px; }
.calMonthGlance { padding: 5px 0px 3px 0px; }
.calBottom a {  }

/* ----------------------
Events Month at a Glance
------------------------ */
#calendarDetail { background: #fff url('graphics/events/atglance_bottom.jpg') no-repeat bottom; padding-bottom: 30px; width: 547px; }
#calendarDetail table { background: #999; width: 100%; table-layout: fixed; }
#calendarDetail .calendarMonths { background: #e8e8e8 url('graphics/events/atglance_top.jpg') no-repeat; text-align: center; vertical-align: middle; padding-top: 3px; padding-left: 12px; border-left:1px solid #fff; border-right:2px solid #fff; width:100%; }
#calendarDetail a { text-decoration: none; }
#calendarDetail a:hover { text-decoration: underline; }
#calendarDetail .calendarMonths a { display: block; font-weight: bold; font-size: small; padding: 5px 0px 5px 0px; color: ##1e7dc1; }
#calendarDetail .calendarMonths a:hover { color: #1e7dc1; }
#calendarDetail .calendarDays { /* border-collapse: collapse; */ table-layout: fixed; background: #fff; width:100%; }
#calendarDetail .calendarDays td { background:#eee; }
#calendarDetail .calendarDays .title { font-size: medium; font-weight: bold; color: #333333; padding: 10px 0px 10px 0px; background: #bbb; }
#calendarDetail .calendarDays .prevLink, #calendarDetail .calendarDays .nextLink { background: #bbb; }
#calendarDetail .title a { font-size: x-small; }
#calendarDetail .calendarDays .prevLink, #calendarDetail .calendarDays .nextLink { font-size: small; }
#calendarDetail .calendarDays td { text-align: center; font-size: x-small; line-height:  1.1em; }
#calendarDetail .calendarDays .weekdays { height: 30px; background-color: #ccc; }
#calendarDetail .calendarDays .emptyDay { height: 60px; text-align: left; vertical-align: top; background-color: #eee; }
#calendarDetail .calendarDays .eventToday { height: 60px; text-align: left; vertical-align: top; background-color: #fdf9ea; padding-left: 5px; }
#calendarDetail .calendarDays .eventOff { height: 60px; text-align: left; vertical-align: top; padding-left: 5px; }
#calendarDetail .calendarDays .eventOn { height: 60px; text-align: left; vertical-align: top; padding-left: 5px; }

/* ---------------
Events Box
----------------- */
.eventsBoxWrapper { }
.eventsBoxWrapper .itemList { padding-bottom: 10px; }
.eventsBoxWrapper .eventDate { color: #777; }
/* ModuleEnd::events */



/* ModuleBegin::gendocs */
.webpageWrapper { }
/* ModuleEnd::gendocs */



/* ModuleBegin::directory */
.directoryListWrapper { }
.directoryDetailWrapper { }
.directoryName { }
.directoryCategory { }
/* ModuleEnd::directory */



/* ModuleBegin::newsfeed */
.newsfeedListWrapper { }
.newsfeedNumber { }
.newsfeedTitle { }
.newsfeedSource { }
.newsfeedDetailWrapper { }
.newsfeedDetailWrapper .newsItem {border-bottom:1px solid #ccc; margin-bottom:10px;padding-bottom:10px;}
.newsfeedDetailWrapper .newsItem img {margin:0 10px 0 0;}
.newsfeedDetailWrapper .newsItem span {display:block;}
.newsfeedDetailWrapper .newsItem .newsListHeadline {font-size:120%;}
.newsfeedDetailWrapper .newsItem .newsListPublishline {font-size:90%;}
/* ModuleEnd::newsfeed */



/* ModuleBegin::photo */
.caption{font-style:italic;color:#666;}
.slideshow{position:relative;margin-top:2em;}
.gallery{width:535px;margin:0 auto; padding: 0px 0px 0px 5px;}
.gallery li{border:3px double #ccc;margin: 0 2px;background:#ecf2f9;}
.gallery li div{/*left:240px*/}
.gallery li div .caption{font:italic 0.7em/1.4 georgia,serif;}
#main_image{margin:0 auto 30px auto;height:405px;width:540px;background:#fff;text-align:center;}
#main_image img{margin-bottom:10px;}
.nav{padding:15px;clear:both;font:80% 'helvetica neue',sans-serif;letter-spacing:3px;text-transform:uppercase; text-align:center;}
.galleria{list-style:none;width:540px; margin:0px padding: 0px;}
.galleria li{display:block;width:165px;height:124px;overflow:hidden;float:left;margin:0 8px 8px 0}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:540px} /* MSIE bug */
/* ModuleEnd::photo */



/* ModuleBegin::documents */
.documentsListWrapper { }
.documentsListWrapper table { border: 1px solid #ccc; padding: 3px; }
.documentsRowOdd { }
.documentsRowEven { background: #eee; }
.documentsListWrapper th { padding: 3px 10px; border-bottom: 1px solid #ccc; }
.documentsListWrapper td { padding: 3px 10px; }
.documentsName { }
.documentsDate { }
.documentsSize { }
/* ModuleEnd::documents */