* {padding:0; margin:0; }

html {scrollbar-face-color:#fff; scrollbar-highlight-color:#fff; scrollbar-3dlight-color:#2e3192; scrollbar-shadow-color:#fff; scrollbar-darkshadow-color:#2e3192; scrollbar-arrow-color:#2e3192; scrollbar-track-color:#fff; }

body {padding:0; margin:0; text-align:center; background:url(../images/bg_metal.jpg) #b6b4b5 repeat-y center top fixed; font:normal 0.9em/1.5em arial, verdana, helvetica, sans-serif; color:#004e87; width:100%; scrollbar-face-color:#fff; scrollbar-highlight-color:#fff; scrollbar-3dlight-color:#2e3192; scrollbar-shadow-color:#fff; scrollbar-darkshadow-color:#2e3192; scrollbar-arrow-color:#2e3192; scrollbar-track-color:#fff; }

#wrapper {position:absolute; top:0; left:50%; width:700px; margin:0 0 0 -350px; text-align:left; background:url(../images/ccm_logo_med.jpg) transparent no-repeat right 20px; }
#faux {background:transparent; margin-bottom:0; overflow:auto; width:100%; min-height:550px; }

a:link, a:visited {color:#2d3290; text-decoration:none; border-bottom:1px dotted #aaa; }
a:hover {color:#aaa; background:#f5f5f5; }
a:hover img {background:#ddd; }
ul {list-style-image: url(../images/maroonlg.gif); margin-top:10px; margin-left:40px; }
ol {margin-top:10px; margin-left:40px; }
.address tr {vertical-align:top; }
.address td {vertical-align:top; padding-left:20px; }
.address th {text-align:right; }

/* header elements */
#header {background:transparent; margin:10px 0 5px 0; padding:5px 10px; width:680px; color:#333; height:90px; }
#header p.header_title {margin:10px 0 0 0; font:bold 30px arial, verdana, helvetica, sans-serif; color:#2d3290; } /* the slogan */
#header p.subheader {margin:3px 0 0 0; font:bold 16px arial, verdana, helvetica, sans-serif; color:#252525; } /* the sub-slogan */
#header p.smallest_header {margin:3px 0 0 0; font:normal 10px arial, verdana, helvetica, sans-serif; color:#252525; } /* the slogan */

#leftcolumn {float:left; margin:5px; padding:5px 10px; width:490px; color:#333; position:relative; }
p {margin:0 0 0 20px; padding:0; }

/* menu elements */
#navcontainer {background:transparent; width:151px; height:20px; margin:110px 0 0 0; padding:0; font:bold 13px arial, verdana, helvetica, sans-serif; text-align:center; float:right; }
#navcontainer a {display:block; width:100%; padding:0.5em 0; margin:0; border:0; color:#000; background:url(../images/button_on.jpg) transparent no-repeat left; }
#navcontainer a:hover {color:#aaa; background:url(../images/button_off.jpg) transparent no-repeat left; }

#index .index, #about .about, #commitment .commitment, #contactus .contactus, #projects .projects, #qualifications .qualifications, #services .services, #testimonials .testimonials, #tips .tips {padding:0.5em 0; margin:0; color:#000; background:url(../images/button_off.jpg) transparent right 4px no-repeat; }

/* footer elements */
#footer {clear:both; background:transparent; margin:0; padding:5px; width:690px; font:normal 0.7em/1.5em arial, verdana, helvetica, sans-serif; color:#333; text-align:center; }

.pagetitle {font:bold 24px arial, verdana, helvetica, sans-serif; color:#252525; padding:0; margin-bottom:10px; }
.pagetitle_sm {font:bold 14px arial, verdana, helvetica, sans-serif; color:#252525; padding:0; margin:10px 0; }
.subtitle {font:normal 12px arial, verdana, helvetica, sans-serif; color:#000; padding:2px 10px; margin:0; }
.subtitle_news {font:italic 12px arial, verdana, helvetica, sans-serif; color:#000; padding:2px 10px; margin:0; }
.credit {font:normal 0.8em/1.3em arial, verdana, helvetica, sans-serif; text-align:center; margin:-10px 0 10px 0; color:#ccc; }
.credit a {color:#fac; }
.smalllightgray {font:italic 10px arial, verdana, helvetica, sans-serif; color:ddd; }
.signature {font:normal 18px "lucida handwriting","script mt bold","lucida calligraphy","brush script mt", hevetica, sans-serif; }

/* image elements */
.imgleft {float:left; margin-right:5px; border:0; }  /*  image on left */
.imgright {float:right; margin:0 10px 0 5px; border:0; }  /*  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 arial, verdana, 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 arial, verdana, 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> */

.indent {text-indent:15px; padding:0; margin:0; font:normal 0.8em arial, verdana, helvetica, sans-serif; }
.indent_img {border:0; padding:0 4px 0 0; margin:0; }
.ctr {text-align:center; }
.fl {float:left; }
.fr {float:right; }
.cb {clear:both; }
.bdr0 {border:0; }
.mt10 {margin-top:10px; }
.mr20 {margin-right:20px; }
.divider {text-align:center; margin:20px 0; }

.img_row a {display:inline; float:left; margin:0 5px 5px 0; padding:0; width:96px; border:0; font:italic 0.75em arial, verdana, helvetica, sans-serif; }
.img_row a:hover {border:0; }
.img_row a img {border:0; }
.img_row {clear:both; }

/* #wrapper {background:orange; }
#faux {background:yellow; }
#header {background:red; }
#menu {background:blue; }
#rightcolumn {background:aqua; }
#leftcolumn {background:brown; }
#footer {background:red; } */