a:link {color:#0e69b7; text-decoration:underline;}
a:visited {color:#0e69b7; text-decoration:underline;}
a:hover {color:#000; text-decoration:none; background:#fff84c;}

body {font-size:62.5%; font-family:Verdana, Arial, Helvetica, sans-serif; margin:0; background:url(http://www.mmrdata.com/bgcharford/mast-bg.gif) repeat-x;}

* {padding:0; margin:0;}

p {font-size:1.2em; margin:20px 0; line-height:1.4em;}

table {font-size:1.2em;}
table p,
table ul {font-size:1em;}

form {margin:0;}

ul {list-style-type:square;}

ol {margin:0 0 0 40px;}

hr {border:none 0; border-top:2px solid #CCCCCC; width:100%; height:2px;}

img {border:none;}
img.block {display:block;}

.right {float:right; margin-left:20px; margin-bottom:15px;}
.left {float:left; margin-right:20px;}

.clear {clear:both; font-size:1px;}
.clrtxt {clear:both;}

.nomargin {margin:0;}

img.purple {background:url(http://www.mmrdata.com/bgcharford/photobg-purple.gif) no-repeat; padding:50px 8px 8px 8px; margin:0 12px 12px; 12px;}
img.green {background:url(http://www.mmrdata.com/bgcharford/photobg-green.gif) no-repeat; padding:50px 8px 8px 8px; margin:0 12px 12px; 12px;}
img.orange {background:url(http://www.mmrdata.com/bgcharford/photobg-orange.gif) no-repeat; padding:50px 8px 8px 8px; margin:0 12px 12px; 12px;}


/* ----- TOP NAVIGATION ----- */

.nav,
.nav ul { list-style: none; margin: 0; padding: 0; }
.nav { font-family: Arial, Helvetica, sans-serif; z-index: 100; position: relative; }
.nav li { float: left; margin: 0; padding: 0; position: relative; list-style:none; background:#0a9ae2; }
.nav li ul a,
.nav li ul a:link,
.nav li ul a:active,
.nav li ul a:visited { font: bold 1.22em/25px Arial, Helvetica, sans-serif; background: #1c84dc; color: #fff; display: block; padding: 0 9px; text-decoration: none; height:25px; border-bottom:1px solid #0c3a6f; }
.nav li ul a:hover { background: #0c3a6f; color: #aad8ff; }
.nav li ul {margin-left:10px;}
.nav ul { list-style: none; margin: 0; width: 220px; position: absolute; top: -999em; left: -1px; }
.nav li:hover ul,
.nav li.sfHover ul { top: 46px; border-top:1px solid #0c3a6f; }
.nav ul li { border: 0; float: none;}
.nav ul a { border-bottom: 0; white-space: nowrap; }
.nav ul a:hover { background: #ccc; color: #aad8ff;}

a.navbg {display:block; height:46px; text-indent:-9999px; padding:0;}
a.hover.navbg {background:none;}

a#home {width:112px; height:46px; background:url(http://www.mmrdata.com/bgcharford/home.gif) no-repeat;}
a:hover#home {background:url(http://www.mmrdata.com/bgcharford/home-on.gif) no-repeat;}

a#who {width:120px; height:46px; background:url(http://www.mmrdata.com/bgcharford/whoweare.gif) no-repeat;}
a:hover#who {background:url(http://www.mmrdata.com/bgcharford/whoweare-on.gif) no-repeat;}

a#programs {width:102px; height:46px; background:url(http://www.mmrdata.com/bgcharford/programs.gif) no-repeat;}
a:hover#programs {background:url(http://www.mmrdata.com/bgcharford/programs-on.gif) no-repeat;}

a#events {width:82px; height:46px; background:url(http://www.mmrdata.com/bgcharford/events.gif) no-repeat;}
a:hover#events {background:url(http://www.mmrdata.com/bgcharford/events-on.gif) no-repeat;}

a#locations {width:104px; height:46px; background:url(http://www.mmrdata.com/bgcharford/locations.gif) no-repeat;}
a:hover#locations {background:url(http://www.mmrdata.com/bgcharford/locations-on.gif) no-repeat;}

a#how {width:161px; height:46px; background:url(http://www.mmrdata.com/bgcharford/howyoucanhelp.gif) no-repeat;}
a:hover#how {background:url(http://www.mmrdata.com/bgcharford/howyoucanhelp-on.gif) no-repeat;}

a#news {width:76px; height:46px; background:url(http://www.mmrdata.com/bgcharford/news.gif) no-repeat;}
a:hover#news {background:url(http://www.mmrdata.com/bgcharford/news-on.gif) no-repeat;}

a#kids {width:149px; height:46px; background:url(http://www.mmrdata.com/bgcharford/kidsatwork.gif) no-repeat;}
a:hover#kids {background:url(http://www.mmrdata.com/bgcharford/kidsatwork-on.gif) no-repeat;}

.buttons {float:right; width:400px; margin-top:15px;}
.buttons img {float:left; margin-right:15px;}

#slideshow {
    height:60px;
    position:relative;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}


/* ----- MAIN STRUCTURE ----- */

ol {font-size:1.2em;}

ul {padding-left:2px; margin:20px 5px 10px 15px; font-size:1.2em;}
ul li {background:transparent url('http://www.mmrdata.com/bgcharford/bulletlist.gif') no-repeat; list-style:none; margin-bottom:0; padding:0 0 12px 18px; background-position:0 3px; line-height:normal;}
ul li ul {margin:5px 0 5px 15px; padding-bottom:3px; font-size:.95em;}
ul li ul li {background:none; list-style:square; padding:5px 0 0 0; font-size:1em;}

#page_header {height:318px;}
#page_header #logo_area {width:834px; height:87px; padding:8px 25px; text-align:left; margin:0 auto; background:url(http://www.mmrdata.com/bgcharford/header-bg.gif) no-repeat #fff; margin-bottom:4px;}
#page_header #top_nav {clear:both; width:915px; margin:0 auto;}
#page_header #rotate {width:850px; margin:0 auto; border-top:1px solid #0c3a6f; clear:both; text-align:left; padding-right:20px;}

#logo_area .logo {float:left; width:400px;}
#logo_area .logo a:hover {background:none;}

#page_body {background:url(http://www.mmrdata.com/bgcharford/page-bg.gif); text-align:center;}
#page_body #content_area {width:852px; text-align:left; margin:0 auto; background:url(http://www.mmrdata.com/bgcharford/content-bg.gif) repeat-y right #fff;}

.side_box {display:block; margin-top:20px;}

/* ----- TEXT ----- */

h1, h2, h3, .header, .subheader {line-height:normal;}
h1, .header {font-size:28px; font-weight:normal; color:#0096df; margin-top:0; line-height:normal;}
h2, .subheader {font-size:20px; font-weight:normal; color:#c35c00; margin-top:15px; line-height:normal;}
h3 {font-size:16px; font-weight:bold; color:#57005c; margin:15px 0 5px 0; line-height:normal;}

.lg {font-size:1.4em;}
.sm {font-size:.8em;}


/* ----- BODY CONTENT ----- */

#page_body #content_area .content {width:545px; float:right; padding:40px 40px 40px 0;}
#page_body #content_area .left_side {width:200px; float:left; padding:40px 0 40px 30px;}

.events {background-color:#ffe4e4; margin:2px 0 20px 0; padding:8px;}
.clubnews {background-color:#eee1c3; margin:2px 0 0 0; padding:8px;}


/* ----- FOOTER ----- */

#page_footer {background:url(http://www.mmrdata.com/bgcharford/footer-bg.gif) repeat-x #1c579a;}
#footer_content {width:852px; text-align:left; margin:0 auto; padding:10px 0;}

ul.footer_left li {display:inline; list-style:none; margin:0 5px; font-size:.9em; background:none; padding:0;}
ul.footer_left a {color:#fff;}
#page_footer a:hover {background:none;}

p.copyright {color:#d2dcff; margin:20px 15px 0 0; font-weight:bold; font-size:.9em; text-align:right;}

#page_footer p.notice {font-size:.95em; color:#eee;}


/* ----- MMR CUSTOMIZATIONS ----- */

#Event_Calendar th,
#Event_Calendar a {padding:8px; font-size:1.2em;}

#Event_Calendar td {padding:4px;}


#widgetbody {margin:0; background:transparent;}

#widgetbody p {font-family:Verdana, Arial, sans-serif;}

.widgettitle {margin:0; font-size:13px; font-weight:bold;}
.widgetsummary {margin-top:5px; font-size:11px; color:#666666;}

#imgwidgetbody {margin:0; padding:0;}

.thumbnail {padding:16px; background-color:#FFFFFF; margin:5px 0 5px 15px; border-right:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC;}

#mmr_contact_form table td {padding:6px;}


/* ----- ROTATOR ----- */

.rotatehome {margin:15px 0 20px 0; background:url(http://www.mmrdata.com/bgccarteret/online-store-bg.gif) no-repeat; font-weight:bold; text-align:center; width:202px; height:40px; font-size:1.4em; padding:0;}
.rotate p {margin:0; padding-top:8px;}
.rotate a:link, .rotate a:visited, .rotate a:hover {color:#fff; background:none;}