/*  turning off default styles via imported stylesheet */
@import url(undohtml.css);

/* body and wrapper */
body { font: .9em/1.3em "Lucida Sans Unicode", Helvetica, Verdana, sans-serif; background: navy; color: black; }
div#wrapper { width: 750px; margin: 0 auto; text-align: left; position: relative; color: #333; background: #fff; }

/* headmast with background replacement */
div#headmast { width: 750px; }
div#headmast h1 { background: white url(images/momsmast.jpg) center no-repeat; height: 190px; }
div#headmast span { display: none; }

/* horizontal explanatory section */
div#blurb { margin: 0; padding: 20px 0 20px 0; font-family: Georgia, serif; background: purple; color: white; border-bottom: 1px solid blue; text-align: center; font-size: 1.1em;}

/* vertical topic links floated left  */
div#topics { float: left; width: 120px; margin-top: 10px; margin-left: 3px; text-align: left; color: #090; background-color: transparent; font-size: 0.85em; padding: 0; }
div#topics ul { display: block; font: bold 1em Georgia, serif; text-transform: lowercase; padding-top: 10px; padding-left: 3px; line-height: 3em;}
div#topics a:link,a:visited,a:hover,a:active { color: #090; background-color: transparent; font-family: Verdana, Arial, sans-serif; }
div#topics li a:hover,div#topics li a:active { color: #090; background-color: transparent; border-bottom: 1px dotted #090; }
div.center { text-align: center; }

/* content styles */
#content { margin-left: 140px; border-left: 1px solid navy; font-size: 0.9em; padding: 14px; }
#content p { padding-top: 1em; margin-right: 1em; }
#content a:link,#content a:visited,#content a:hover,#content a:active { color: navy; background-color: transparent; border-bottom: 1px dotted navy; }
#content a:hover,#content a:link:hover { color: white; background-color: blue; padding: 0; margin: 0; }
#content ul { list-style: square inside; padding-top: 10px; margin: 0; }
#first { color:#cc0033; background-color: transparent; }
#first h2 { background: white url(images/about.gif) left no-repeat; height: 84px; }
#first h2 span { display: none; }
#second { color: #006600; background: transparent; }
#second h2 { background: white url(images/activities.gif) left no-repeat; height: 52px; margin-top: 20px; }
#second h2 span { display: none; }
#third { color: purple; background-color: transparent; }
#third h2 { background: white url(images/membership.gif) left no-repeat; height: 52px; margin-top: 20px; }
#third h2 span { display: none; }

/* maincontent styles */
#maincontent { border-bottom: 1px solid blue; }

/* footer  */
div#footer { padding: 1em 0 1em 0; font-family: Georgia, serif; text-transform: capitalize; color: navy; background: transparent; text-align: center;}
div#footer p { font-size: .77em; }