/**********************************************/
/* Colors Used (other than black and white)   */
/**********************************************/

/* light grey: #E4E4E4 */
/* medium grey: #717075 */
/* dark grey: #555456 */
/* lime green: #EBEED0 */
/* lighter green: #A2D875 */
/* light green: #9BCF70 */
/* green: #7AC142 */
/* dark green: #659F35 */


/**********************************************/
/* MC Basic Tags                              */
/**********************************************/

html {
  margin: 0px;
  padding: 0px;
  height: 100%;
  }
body {
  position: relative;
  margin: 0px;
  padding: 0px;
  height: 100%;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: .75em;
  color: #555456;
  background-color: #FFFFFF;
  scrollbar-arrow-color: #CCC;
  scrollbar-face-color: #FFF;
  scrollbar-highlight-color: #FFF;
  scrollbar-3dlight-color: #CCC;
  scrollbar-shadow-color: #CCC;
  scrollbar-darkshadow-color: #FFF;
  scrollbar-track-color: #FFF;
  }
a {
  color: #659F35;
  text-decoration: none;
  font-weight: bold;
  }
a:hover {
    color: #7AC142;
  }
a.more {
  display: block;
  margin-bottom: 8px;
  padding: 0px 32px 0px 0px;
  text-align: right;
  font-style: italic;
  color: #555456;
  background-image: url(designimages/link_more_dark.gif);
  background-repeat: no-repeat;
  background-position: right top;
  }
a.more:hover {
  color: #659F35;
  background-position: right -20px;
  }
form {  
  font-size: .9em;
  }
h1, h2, h3, h4, h5, h6 {
  margin: 6px 0px;
  padding: 0px;
  }
h1 {
  margin: 0px 0px 0px 0px;
  padding: 10px 0px 0px;
  font-size: 150%;
  }
h2 {
  font-size: 125%;
  margin: 18px 0px 9px 0px;
  }
h3 {
  margin: 9px 0px 9px 0px;
  font-size: 110%;
  }
h4 {
  font-size: 100%;
  margin: 0px;
  }
img {
  margin: 0px;
  padding: 0px;
  border: none;
  }
img.left {
  float: left;
  margin-top: 3px;
  margin-right: 20px;
  margin-bottom: 15px;
  margin-left: 0px;
  display: block;
  }
img.LeftThumbnail {
  float: left;
  margin-top: 3px;
  margin-right: 5px;
  margin-bottom: 3px;
  margin-left: 0px;
  }
img.right {
  float: left;
  margin-top: 0px;
  margin-left: 15px;
  margin-bottom: 15px;
  margin-left: 0px;
  }
img.RightThumbnail {
  float: left;
  margin-top: 3px;
  margin-right: 0px;
  margin-bottom: 3px;
  margin-left: 5px;
  }
input {  
  font-family: Arial, Helvetica, sans-serif;  
  color: #000;
  }
li {
  margin-top: 6px;
  margin-bottom: 6px;
  }
ol {
  margin: 0px 0px 0px 24px;
  padding: 0px;
  list-style-type: decimal;
  }
p {
  margin: 0px 0px 12px 0px;
  line-height: 120%;
    }
select {  
  font-family: Arial, Helvetica, sans-serif;  
  font-size: .9em;
  color: #000
  }
table {
  margin: 0px;
  padding: 0px;
  color: #000;
  }
td, th {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  text-align: left;
  margin: 0px;
  padding: 0px;
  }
td.light {
  background-color: #EEE;
  padding: 5px;
  }
td.dark {
  background-color: #DDD;
  padding: 5px;
  }
textarea {
  color: #333;
  }
ul, ol, dl {
    position: relative; /* ensures IE6 displays first three bullets */
  }
ul {
  margin: 0px 0px 20px 0px;
  padding: 0px;
  }
ul li {
  margin-left: 10px;
  padding: 0px 0px 0px 18px;
  background: url(designimages/bullet.gif) no-repeat left top;
  list-style: none;
  zoom: 1;
  }
ul ul li {
  margin-left: 10px;
  padding: 0px 0px 0px 24px;
  background: url(designimages/bullet.gif) no-repeat left top;
  list-style: none;
  zoom: 1;
  }
ul li.sectionlink {
  display: block;
  margin-left: 0px;
  padding: 12px 0px 12px 30px;
  background: url(designimages/mcPagehead.jpg) no-repeat left top;
  font-size: 120%;
  list-style: none;
  zoom: 1;
  }


/**********************************************/
/* MC Layout Template                         */
/**********************************************/

#mcHomelink {
  height: 48px;
  width: 202px;
  position: absolute;
  left: 22px;
  top: 27px;
  cursor: pointer;
  z-index: 200;
  background: url(designimages/spacer.gif) repeat;
  }
#mcLayoutarea {
  position: relative;
  width: 760px;
  margin: 0px auto;
  padding: 0px 10px;
  background: url(designimages/mcBackground.gif) repeat-y left;
  }
#mcHeader {
  position: relative;
  float: left;
  clear: both;
  width: 760px;
  height: 125px;
  margin: 0px 0px 8px 0px;
  padding: 0px;
  background: none;
  }
#mcHeader .top,
#mcHeader .bottom {
  display: none;
  }
#mcDate {
  position: absolute;
  top: 0px;
  right: 13px;
  width: 196px;
  padding: 3px 12px;
  font-size: 8px;
  color: #FFF;
  text-align: right;
  }
#mcTitle {
  width: 760px;
  height: 125px;
  margin: 0px;
  padding: 0px;
  font-size: 1.5em;
  font-weight: bold;
  color: #333;
  }
#mcNav1 {
  position: absolute;
  top: 15px;
  right: 0px;
  padding: 0px;
  text-align: right;
  background: none;
  font-size: 10px;
  color: #717074;
  z-index: 150;
  }
#mcNav1 a:link, 
#mcNav1 a:visited {
  display: block;
  float: right;
  clear: none;
  padding: 11px 25px 0px 0px;
  color: #717074;
  text-decoration: none;
  }
#mcNav1 a:hover, 
#mcNav1 a:active {
  display: block;
  float: right;
  clear: none;
  padding: 11px 25px 0px 0px;
  color: #717074;
  text-decoration: none;
  background: url(designimages/toplink_accent.gif) no-repeat left top;
  }
#mcNav2 {
  position: absolute;
  top: 95px;
  width: 710px;
  height: 30px;
  margin: 0px;
  padding: 0px 25px;
  background: none;
  text-align: center;
  vertical-align: none;
  font-size: 12px;
  }
#mcNav2 table {
  width: 710px;
  height: 30px;
  }
#mcNav2 table td {
  text-align: center;
  padding: 0px 6px;
  }
#mcNav2 table .divider {
  width: 1px;
  height: 30px;
  padding: 0px;
  }
#mcNav2 a:link, 
#mcNav2 a:visited {
  height: 30px;
  color: #FFF;
  text-decoration: none;
  }
#mcNav2 a:hover, 
#mcNav2 a:active {
  height: 30px;
  color: #EBEED0;
  text-decoration: none;
  }

#mcBody {
  position: relative;
  float: left;
  clear: both;
  width: 760px;
  overflow: visible;
  margin: 0px 0px 12px 0px;
  background: none;
  }
/*#mcBody .top,
#mcBody .bottom {
  display: none;
  }*/
#mcMain {
  float: left;
  position: relative;
  width: 760px;
  margin: 0px;
  padding: 0px;
  }
/*#mcMain .top {
  display: none;
  }*/
#mcMain .bottom {
  display: none;
  }
#mcBreadcrumbs {
  position: relative;
  clear: both;
  height: 11px;
  padding: 0px 25px 8px 25px;
  background: none;
  font-size: 10px;
  }
#mcBreadcrumbs a:link, 
#mcBreadcrumbs a:visited {
  color: #555456;
  }
#mcBreadcrumbs a:hover, 
#mcBreadcrumbs a:active {
  color: #659F35;
  }
#mcPagehead {
  position: relative;
  clear: both;
  height: 80px;
  padding: 0px;
  background: url(designimages/mcPagehead.jpg) no-repeat left top;
  }
#mcPagehead h1 {
  height: 41px;
  margin: 0px 0px 0px 0px;
  padding: 11px 18px 0px 27px;
  font-size: 15px;
  color: #FFF;
  }
#mcPagehead h1 .subtitle {
  display: block;
  margin: 0px 0px 0px 23px;
  padding: 0px;
  font-size: 12px;
  color: #659F35;
  }
#mcNav3 {
  position: relative;
  clear: both;
  margin: 0px;
  padding: 0px 25px;
  height: 30px;
  overflow: hidden;
  font-size: 11px;
  zoom: 1;
  }
#mcNav3 .top {
  display: none;
  }
#mcNav3 .bottom {
  display: none;
  }
#mcNav3 .container {
  float: left;
  position: relative;
  height: 30px;
  margin: 0px;
  padding: 0px;
  }
#mcNav3 ul {
  margin: 0px;
  padding: 0px;
  }
#mcNav3 li {
  display: block; /*opera*/
  display: -moz-inline-box; /*ff*/
  display: inline-block; /*ie*/
  float: left;
  clear: none;
  position: relative;
  height: 30px;
  margin: 0px 1px 0px 0px;
  padding: 0px 7px 0px 0px;
  background: url(designimages/tabs.gif) no-repeat right -30px;
  zoom: 1;
  }
#mcNav3 li span {
  display: block; /*opera*/
  display: -moz-inline-box; /*ff*/
  display: inline-block; /*ie*/
  position: relative;
  height: 22px;
  margin: 0px;
  padding: 8px 8px 0px 12px;
  background: url(designimages/tabs.gif) no-repeat left top;
  }
#mcNav3 li.active {
  background: url(designimages/tabs.gif) no-repeat right -90px;
  }
#mcNav3 li.active span {
  background: url(designimages/tabs.gif) no-repeat left -60px;
  }
#mcNav3 li a {
  color: #666;
  text-decoration: none;
  }
#mcNav3 li a:hover {
    color: #000;
  }

#mcSidebar {
  float: left;
  position: relative;
  clear: none;
  width: 250px;
  margin: 8px 0px 0px 0px;
  padding: 0px;
  }
/*#mcSidebar .top {
  display: none;
  }
#mcSidebar .bottom {
  display: none;
  }
.sidecontainer {
  margin: 8px 25px 8px 0px;
  }*/

#mcFooter {
  clear: both;
  width: 710px;
  height: 15px;
  margin: 8px 0px 0px 0px;
  padding: 6px 25px;
  font-size: 9px;
  font-weight: bold;
  color: #CCC;
  background: #5F5E60 url(designimages/mcFooter.jpg) no-repeat left top;
  }
#mcFooter .top {
  display: none;
  }
#mcFooter .bottom {
  display: none;
  }
#mcFooter a:link, 
#mcFooter a:visited {
  color: #CCC;
  text-decoration: none;
  }
#mcFooter a:hover, 
#mcFooter a:active {
  color: #EEE;
  text-decoration: none;
  }
#mcGototop {
  text-align: left;
  margin: 0px 12px 6px 12px;
  display: none;
  }
#mcFooternav {
  margin: 0px 0px;
  text-align: right;
  float: right;
  width: 30%;
  }
#mcFooterlegal {
  margin: 0px 0px;
  text-align: left;
  float: left;
  width: 70%;
  }
/*.top {
  background: #000;
  height: 6px;
  font-size: 1px;
  }
.bottom {
  background: #F00;
  height: 3px;
  clear: both;
  font-size: 1px;
  }*/
#mcPagebottom {
  position: relative;
  margin: 0px auto;
  padding: 0px 10px;
  clear: both;
  width: 760px;
  height: 10px;
  background: url(designimages/mcPagebottom.gif) no-repeat left top;
  }
#mcFootercontact {
  position: relative;
  margin: 0px auto;
  padding: 0px 10px;
  clear: both;
  width: 760px;
  font-size: 9px;
  text-align: center;
  }


/**********************************************/
/* MC Home Page Elements                      */
/**********************************************/

#mcHome {
  float: left;
  position: relative;
  clear: none;
  width: 510px;
  height: 343px;
  margin: 0px;
  padding: 0px;
  }
#mcButtonQuoteHome {
  position: absolute;
  top: 180px;
  left: 364px;
}
#mcButtonQuotePageHead {
  position: absolute;
  top: 48px;
  left: 616px;
}
.mcButtonQuote {
  height: 22px;
  width: 126px;
  background: url(designimages/button_quote.gif) no-repeat left top;  
}
.mcButtonQuote a {
  display: block;
  height: 22px;
  width: 126px;
  background: url(designimages/button_quote.gif) no-repeat left top;  
}
.mcButtonQuote a:hover {
  background: url(designimages/button_quote.gif) no-repeat left -22px;  
}
#mcNews {
  float: left;
  position: relative;
  height: 343px;
  margin: -8px 0px 0px 0px;
  padding: 0px;
  background: url(designimages/back_news.jpg) no-repeat left top;
  color: #FFF;
  }
#mcNews .sidecontainer {
  width: 210px;
  height: 243px;
  margin: 80px 20px 0px 20px;
  }
#mcNews .sidecontainer li {
  margin-left: 0px;
  background: url(designimages/bullet_over_dark.gif) no-repeat left top;
  }
#mcNews a.more {
  color: #FFF;
  background-image: url(designimages/link_more_light.gif);
  }
#mcNews a.more:hover {
    color: #C5D16D;
  }
#home1 {
  float: left;
  position: relative;
  clear: none;
  width: 460px;
  min-height: 100px;
  height: auto !important;
  height: 100px;
  margin: 0px;
  padding: 8px 25px 8px 25px;
  vertical-align: top;
  }
#home2 {
  float: left;
  position: relative;
  clear: none;
  width: 225px;
  min-height: 100px;
  height: auto !important;
  height: 100px;
  margin: 0px;
  padding: 8px 25px 8px 0px;
  vertical-align: top;
  }

/**********************************************/
/* MC Standard Page Elements                  */
/**********************************************/

#content {
  float: left;
  position: relative;
  clear: none;
  width: 460px;
  margin: 8px 0px 0px 0px;
  padding: 0px 25px;
  min-height: 300px;
  height: auto !important;
  height: 300px;
  }
#content table {
  width: 460px;
  }
.mcSideNav, .mcPlayList {
  float: left;
  position: relative;
  margin: 0px 0px 12px 0px;
  padding: 0px;
  background: #717075 url(designimages/back_sidenav.jpg) no-repeat left top;
  color: #FFF;
  }
.mcSideNav .top {
  width: 229px;
  margin: 19px 0px 20px 20px;
  display: block;
  font-weight: bold;
  color: #FFFFFF;
  font-size: 110%;
  }
.mcSideNav .sidecontainer {
  width: 218px;
  margin: 8px 20px 20px 12px;
  }
.mcSideNav a:link, 
.mcSideNav a:visited {
  color: #FFF;
  text-decoration: none;
  font-weight: bold;
  }
.mcSideNav a:hover, 
.mcSideNav a:active {
    color: #EBEED0;
  text-decoration: none;
  font-weight: bold;
  }
.mcSideNav a.more:link, 
.mcSideNav a.more:visited {
  color: #FFF;
  text-decoration: none;
  font-weight: bold;
  background: url(designimages/link_more_light.gif) no-repeat right top;
  }
.mcSideNav a.more:hover, 
.mcSideNav a.more:active {
    color: #EBEED0;
  text-decoration: none;
  font-weight: bold;
  background: url(designimages/link_more_light.gif) no-repeat right -20px;
  }
#mcAnnouncements {
  float: left;
  position: relative;
  margin: 0px 0px 8px 0px;
  padding: 0px;
  background: #E4E4E4 url(designimages/back_announcements.jpg) no-repeat left top;
  }
#mcAnnouncements .sidecontainer {
  width: 210px;
  margin: 80px 20px 20px 20px;
  }
#mcMoreInfo {
  float: left;
  position: relative;
  margin: 0px 0px 8px 0px;
  padding: 0px;
  background: #E4E4E4 url(designimages/back_moreinfo.jpg) no-repeat left top;
  }
#mcMoreInfo .sidecontainer {
  width: 222px;
  margin: 80px 20px 20px 8px;
  }
.mcSideNav .sidecontainer h2, 
#mcAnnouncements .sidecontainer h2, 
#mcMoreInfo .sidecontainer h2 {
  margin-top: 0px;
  }
#mcAnnouncements .sidecontainer li, 
#mcMoreInfo .sidecontainer li {
  margin-left: 0px;
  background: url(designimages/bullet.gif) no-repeat left top;
  }
.textContainer {
  width: 222px;
  margin: 0px 20px 12px 0px;
}

/**********************************************/
/* MC Gallery and Video Page Elements         */
/**********************************************/


#gallery, #video, #form {
  float: left;
  position: relative;
  clear: none;
  width: 452px;
  margin: 8px 8px 0px 0px;
  padding: 0px 25px 0px 25px;
  min-height: 560px;
  height: auto !important;
  height: 560px; /*IE6*/
  /*background: #F2F2F2;*/
  }
#gallery table, #video table, #form table {
  width: 452px;
  }
#galleryDisplayFrame, #videoDisplayFrame {
  width: 452px;
  min-height: 560px;
  height: auto !important;
  height: 560px; /*IE6*/
  margin: 0px;
  padding: 0px;
  border: none;
  overflow: hidden;
}
#galleryDisplayFrame {
  min-height: 710px;
  height: auto !important;
  height: 710px; /*IE6*/
}
.mcPlayList .top {
  width: 229px;
  margin: 24px 0px 24px 20px;
  display: block;
  font-weight: bold;
  color: #FFFFFF;
  font-size: 15px;
  }
.mcPlayList .playList {
  width: 218px;
  margin: 0px 20px 12px 12px;
  }
.playListItem {
  position: relative;
  margin: 12px 0px;
  padding: 0px;
}
.playListItem:hover {
}
.playListItem a {
  display: block;
  position: relative;
  background: #E4E4E4;
  margin: 0px;
  padding: 8px;    
  height: 60px;
  color: #555456 !important;
  font-weight: normal !important;
}
.playListItem a:hover {
  color: #659F35 !important;
  background: #EBEED0;
}
.playListItem img {
  width: 80px;
  height: 60px;
  float: left;
}
.playListItem p {
  margin: 0px;
  padding-left: 86px;
  clear: none;
}
.galleryDisplayContainer, .videoDisplayContainer {
  position: absolute;
  margin: 0px;
  padding: 0px;
}
.galleryDisplayArea, .videoDisplayArea {
  margin: 0px;
  padding: 0px;
}
.galleryFlashContainer {
	margin-top: 12px;
	width: 450px;
	background: url(designimages/gallery_back.gif) repeat-x left top;
}
  
  
/**********************************************/
/* Formatting Classes                         
/**********************************************/

.boxright {
  float: right;
  width: 33%;
  border: none;
  margin-left: 12px;
  padding: 12px;
  color: #333333;
  background: #CCCCCC;
  }
.boxleft {
  float: left;
  width: 33%;
  border: none;
  margin-right: 12px;
  padding: 12px;
  color: #333333;
  background: #CCCCCC;
  }
.quoteright {
  float: right;
  width: 33%;
  margin-left: 12px;
  border: none;
  padding: 12px;
  font-family: Arial, Helvetica, sans-serif;
  font-style: italic;
  font-size: 120%;
  font-weight: bold;
  color: #333333;
  background: #CCCCCC;
  }
.quoteleft {
  float: left;
  width: 33%;
  margin-right: 12px;
  border: none;
  padding: 12px;
  font-family: Arial, Helvetica, sans-serif;
  font-style: italic;
  font-size: 120%;
  font-weight: bold;
  color: #333333;
  background: #CCCCCC;
  }
.imgright {
  float: right;
  margin-left: 12px;
  border: none;
  padding: 12px;
  }
.imgleft {
  float: left;
  margin-right: 12px;
  border: none;
  padding: 12px;
  }
.small {
  font-size: 0.78em;
  }
.hidden {
  display: none;
  }