/*  <link rel="stylesheet" href="census.css" type="text/css" />  http://www.maddvictoria.com/  email: maddvic@telus.net */

html {scrollbar-face-color:#ffffed; scrollbar-highlight-color:#b4df69; scrollbar-3dlight-color:#b4df69; scrollbar-shadow-color:#b4df69; scrollbar-darkshadow-color:darkgreen; scrollbar-arrow-color:darkgreen; scrollbar-track-color:#fffff0; height: 100%; }

body {padding:0; margin:0; text-align:center; background:#436a17; font:normal 1.2em/1.5em verdana, arial, helvetica, sans-serif; color:#b4df69; width:100%; scrollbar-face-color:#ffffed; scrollbar-highlight-color:#b4df69; scrollbar-3dlight-color:#b4df69; scrollbar-shadow-color:#b4df69; scrollbar-darkshadow-color:darkgreen; scrollbar-arrow-color:darkgreen; scrollbar-track-color:#fffff0; height: 100%; }

a {color:#006a25; text-decoration:none; font-style:italic; background:#fff; margin:0; padding:0; }
a:hover {color:#aaa; font-style:italic; }
a:active {color:#aaa; font-style:italic; }

h1 {font:normal 32px "comic sans ms", arial, helvetica, sans-serif; color:#00f; margin:0 0 17px 0; background:transparent; }
h2 {color:#000; font:14px "comic sans ms", arial, helvetica, sans-serif; background:#f5f5f5; padding:0 10px; margin:10px 0 0 0; width:370px; }
h4 {color:#666; font:12px "comic sans ms", arial, helvetica, sans-serif; background:#fff; padding:0 10px; margin:5px 0 0 0; }
h5 {color:#666; font:12px "comic sans ms", arial, helvetica, sans-serif; background:#fff; padding:0 10px; margin:5px 0 0 0; width:200px; }

.bgyellow {background:#ffc; border-top:1px #eee solid; border-bottom:1px #eee solid; }
.bgyellow h2 {background:#ffc; }

/* content elements */
#container {position:absolute; top:0; left:50%; width:750px; margin:0 0 0 -375px; padding:0; font:11px "lucida grande", tahoma, arial, sans-serif; line-height:1.6em; color:#666; background:#fffff0; border:1px solid #436a17; text-align:left; min-height: 100%; }

#content {width:599px; margin:0; padding:0 0 0 10px; font:1.2em/1.4em "lucida grande", tahoma, arial, sans-serif; line-height:1.6em; color:#666; background:#fff; border-left:1px solid #436a17; min-height:495px; text-align:left; float:left; }   /* surrounds content and sidebar */
#content a {margin:1px; border:0; font:italic 11px/1.1 verdana, tahoma, arial, sans-serif; }
#content .links a {margin:0; border:0; font:italic 11px/1.1 verdana, tahoma, arial, sans-serif; }
#content a:hover {margin:; border:0; color:#aaa; font:italic 11px/1.1 verdana, tahoma, arial, sans-serif; }
#content .links a:hover {margin:0; border:0; color:#eee; font:italic 11px/1.1 verdana, tahoma, arial, sans-serif; }
#content p {padding:0; margin:7px 7px 7px 0; }
#content li {list-style-image: url(../images/sdi_gr.gif); border:0; padding:0; margin:6px 0; }

/* sidebar elements */
#sidebar {float:right; width:180px; margin:0 5px; padding:0 0 0 5px; font:11px/1.1 verdana, tahoma, arial, sans-serif; border-left:1px solid #436a17; }
#sidebar p {padding-bottom:10px; border-bottom:1px solid #436a17; }
#sidebar a {color:#006a25; border:0; font:italic 11px/1.1 verdana, tahoma, arial, sans-serif; padding:0 4px; margin:0; background:#fff; }
#sidebar a:hover {margin:0; border:0; color:#aaa; font:italic 11px/1.1 verdana, tahoma, arial, sans-serif; }
#sidebar h5 {padding:0 0 0 7px; margin:6px 0; background:#f5f5f5; width:150px; }

/* footer elements */
#footer {clear:both; background:transparent; padding:0; margin:0 0 10px 0; text-align:center; font:italic 10px verdana, arial, helvetica, sans-serif; color:#aaa; width:748px; }
#footer p {color:#89817f; padding:0 5px; margin:0; }
.credit {font:normal 0.8em/1.3em verdana, arial, helvetica, sans-serif; text-align:center; margin:-10px 0 10px 0; color:#b4df69; }
.footer a {color:#006a25; margin:0 0 7px 0; }

.pagetitle {font:normal 20px "comic sans ms", arial, helvetica, sans-serif; color:#006a25; text-indent:10px; padding:0; margin-bottom:10px; background:#fff; }
.pagetitle_sm {font:normal 14px "comic sans ms", arial, helvetica, sans-serif; color:#006a25; text-indent:10px; padding:0; margin:15px 0 10px 0; background:#fff; }
.pagetitle_news {font:bold 12px "comic sans ms", arial, helvetica, sans-serif; color:#006a25; padding:0; margin:0; background:#fff; }
.pagetitle_sm_bg {font:normal 14px "comic sans ms", arial, helvetica, sans-serif; color:#006a25; text-indent:10px; padding:0; margin:15px 0 10px 0; background:#eee; }
.pagetitle_sm_bg a {font:italic 11px "comic sans ms", arial, helvetica, sans-serif; color:#006a25; text-indent:10px; padding:0; margin:15px 0 10px 15px; background:transparent; }
.subtitle {font:normal 10px verdana, arial, helvetica, sans-serif; color:#b4df69; text-indent:10px; padding:0; margin:0 0 10px 0; }
.smalllightgray {font:italic 10px verdana, arial, helvetica, sans-serif; color:#aaa; }

.indent {text-indent:15px; padding:0; margin:0; }
.ctr {text-align:center; }
.fl {float:left; }
.fr {float:right; }
.cb {clear:both; }
.bdr0 {border:0; }
.mr-20 {margin-right:20px; }
.mt-15 {margin-top:15px; }
.pt-15 {padding-top:15px; }

/* image elements */
.imgleft {float:left; margin-right:5px; border:0; }  /*  image on left */
.imgleftyes {float:left; margin-right:5px; border:1px solid #aaa; }  /*  image on left */
.imgright {float:right; margin:0 10px 0 5px; border:0; }  /*  image on right */
.imgrightyes {float:right; margin:0 10px 0 5px; border:1px solid #aaa; }  /*  image on right */
.imgnofloat {float:none; margin-right:5px; margin-left:5px; border:0; }  /*  image on can be center using div class="center"  */
.leftimgcaption, .leftimgcaption img {float:left; margin:3px 5px 5px 0; padding:0; border:0; background:transparent; font:normal 9px verdana, arial, sans-serif; text-align:center; text-decoration:none; }
.rightimgcaption, .rightimgcaption img {float:right; margin:3px 0 5px 5px; padding:0; border:0; background:transparent; font:normal 9px verdana, arial, sans-serif; text-align:center; }
/* <span class="leftimgcaption" style="width:89px;"><img src="mmup_images/jan21/bernard_emond.jpg" width="89" height="110" alt=""><br />Bernard &#201;mond</span> */

/* header elements */
#header {border-bottom:1px solid #436a17; background:url(../images/header.jpg) transparent no-repeat left top; padding:0; margin:0; width:750px; height:92px; font:italic 24px verdana; color:#b4df69; }

/* menu elements */
#menu ul {margin:0; padding:0; width:140px; list-style-type:none; float:left; }
#menu li {margin:0; padding:0; width:140px; line-height:1.0em; border-bottom:1px dotted #ccc; text-align:right; }
#menu a {display:block; margin:0; padding:5px 4px; width:130px; background:transparent; }
#menu a span {display:none; }
#menu a:hover {color:#aaa; }
#menu a:hover span {display:block; position:absolute; left:1px; top:50px; width:140px; padding:5px 4px; margin:10px; z-index:100; color:#436a17; text-align:center; border:1px solid #666; text-decoration:none; font-style:normal; }

/* the text below nav */
#menu p {margin-top:10px; padding:0 5px; border-bottom:1px dotted #ccc; }

/* the images below nav */
#menu_extra {position:absolute; top:400px; left:20px; border:0; float:left; }

/* horizontal menu elements */
a.menu_hor {font:normal 11px arial, helvetica, sans-serif; text-decoration:none; }

/* more text */
/* always visible */
#outer .holder {padding:1em 0; border:0; margin:0 10px 0 0; font:normal 11px verdana, arial; }
#outer .holder p {padding:0; margin:0; }
#outer .holder p.bold {font-weight:bold; }

/* unclicked style div.more */
#outer div.more i {float:right; margin:0 10px 0 0; cursor:pointer; color:#c00; font-weight:bold; }
#outer div.more i.hide, #outer div.more p, #outer div.more img {display:none; }

/* unclicked style div.more2 */
#outer2 div.more2 i {float:right; margin:0 10px 0 0; cursor:pointer; color:#c00; font-weight:bold; }
#outer2 div.more2 i.hide2, #outer2 div.more2 p, #outer2 div.more2 img {display:none; }

/* clicked style div.click */
#outer div.click i.show {display:none; }
#outer div.click i.hide, #outer div.click p {display:block; }
#outer div.click img {display:block; float:left; }

/* clicked style div.click <div class="more"><i class="show">full information &#187;</i><i class="hide">&#171; less</i><br /> */
#outer2 div.click2 i.show2 {display:none; }
#outer2 div.click2 i.hide2, #outer2 div.click2 p {display:block; }
#outer2 div.click2 img {display:block; float:left; padding-right:10px; }

/* always visible */
#outer2 .holder2 {padding:1em 0; border:0; margin:0 10px 0 0; font:normal 11px verdana, arial; }
#outer2 .holder2 p {padding:0; margin:0; }
#outer2 .holder2 p.bold {font-weight:bold; }

/* counter */
#counter {position:absolute; left:10px; bottom:0; border:0; margin-left:0; }
#counter table a {text-decoration:none; border:0; padding:0; margin:0; }
#counter td a {text-decoration:none; border:0; padding:0; margin:0; float:left; display:inline; }
#counter td a:hover {text-decoration:none; border:0; padding:0; margin:0; }

/* miscellaneous */
#content .refs, #content .refs:hover {font:normal 10px verdana, arial, helvetica, sans-serif; color:#aaa; text-decoration:none; vertical-align:top; margin:0; border:0;}
#refs {clear:both; padding:0; margin:0; text-align:left; font:normal 10px verdana, arial, helvetica, sans-serif; color:#666; }

.internal a {color:#fffff0; text-decoration:none; background:#fffff0; padding:0; margin:0; border-bottom:0; }

/* background test for boxes */
/* #container {background:red; }
#header {background:orange; }
#menu {background:yellow; }
#content_wrap {background:maroon; }
#content {background:blue; }
#content p {background:aqua; } 
#sidebar {background:green; }
#footer {background:aqua; } 
#content_inner {background:gray; } */