/* Site Framing */
body {font: 0.7em Verdana, sans-serif; line-height: 1.75em; color: #333333; background: #FFFFFF url(images/dmbc_bg_grain.jpg) repeat;
	margin: 0; padding: 0 505px 0 505px; text-align: center;}

#sizer {width: 100%; margin: 0 auto 0 auto; text-align: left;}
#expander {margin: 0 -505px 0 -505px; position: relative; text-align: left;}

/* Holly Hacks \*/ 
* html body, 
* html #sizer, 
* html #expander { height: 0; } 
/* */

/* Banner Area */
div#headerBlack {position: relative; margin: 0 -505px 0 -505px; background: #000000; height: 20px;}
div#headerFrame {position: relative; margin: 0 -505px 0 -505px; background: #000000;}
div#headerFrame div#bannerFrame {position: relative; height: 150px; background: #FFFFFF url(images/dmbc_banner_bg.jpg) top repeat-x; border-bottom: 1px solid #777;}
div#headerFrame div#bannerFrame div#bannerRight {position: absolute; width: 311px; height: 150px; top: 0; right: 0; background: url(images/dmbc_banner_right.jpg);}

/* Left and Right Columns */
div#columnLeft {float: left; width: 174px; line-height: 2.4em; background: url(images/left_nav_bg.gif) top left repeat-y; margin: 0 18px 0 14px; padding: 6px 0 0 0; display: inline;}
div#columnLeft ul {list-style: none; padding: 0 0 16px 20px; margin: 0; background: url(images/left_nav_bot.gif) bottom left no-repeat;}
div#columnLeft a {color: #333333; font-weight: bold; text-decoration: none;}
div#columnLeft a:hover {color: #000000; background: #FFF4CF; text-decoration: underline;}
div#columnLeft div#columnLeftFooter {width: 174px; height: 5px; background: url(images/left_nav_bot.gif) top left no-repeat; margin: 0; padding: 0;}
div#columnCenter {margin: 0 226px 0 188px; padding: 18px; }
div#columnRight {float: right; width: 212px; line-height: 1.2em; margin: 20px 16px 0 18px; padding: 0 0 10px 0; background: #FFFFFF; border: dashed 1px #666666;
					border-top: solid 5px #777777; display: inline;}
div#columnRight h1 {padding-left: 20px; border-bottom: 1px solid #777;}
div#columnRight p {padding: 0 0 0.2em 20px;}
div#columnRight ul {list-style: none; padding: 0 0 10px 20px; margin: 0;}
div#columnRight ul li {margin: 0 0 1.2em 0;}
.clearfloat {clear:both; height:0; font-size: 1px; line-height: 0;}

/* Footer Notice */
div#footerNote {text-align: center; margin: 4em 0 0 0; line-height: normal; border-top: 1px solid #777;}

/* Photos and Images */
div#photoRight {margin: 2px 0 14px 14px; float: right; text-align: center;}
div#photoRight img {border: solid 1px #777;}
img.portrait {width: 120px; height: 148px; border: solid 1px #000;}
p.caption {margin-top: 0; padding-top: 0; font-weight: bold;}

/* Links */
a {color: #005AB0; font-weight: bold; text-decoration: underline;}
a:hover {color: #000000; background: #FFF4CF; text-decoration: underline;}

/* Headings */
h1 {font: 1.85em Georgia, "Times New Roman", serif; letter-spacing: 0.125em; margin-top: 0;}
h1#h1_small {font: 1em Verdana, sans-serif; font-weight: bold; letter-spacing: .1em; line-height: 2.2em;}
h1#logo {background: url(images/dmbc_banner_top.jpg) top left no-repeat; text-indent: -9999px; height: 150px; padding: 0; margin: 0;}
h2 {font: italic 1.65em Georgia, "Times New Roman", serif; letter-spacing: 0.125em;}

/* Lists */
ul.ulBottomPad li {padding: 0 0 1.2em 0;}
ul.ulSpaced li {padding: 0 0 1.2em 0; margin-left: -1.5em;}
ul.ulSchedule {margin: 18px 0 0 17px; padding: 0;}
ul.ulSchedule li {padding: 0 0 1.2em 0; list-style: none; margin-left: -1.5em; line-height: 0.5em;}
ul.ulEvents {margin: 18px 0 0 17px; padding: 0;}
ul.ulEvents li {padding: 0 0 1.2em 0; list-style: none; margin-left: -1.5em;}
ul.ulGallery {width: 98%; margin: -10px 0 0 0; padding: 0; overflow: hidden; list-style: none;}
ul.ulGallery li {width: 140px; height: 266px; float: left; display: inline; overflow: hidden; margin: 0 0 12px 0; text-align: center;}
ul.ulGallery li img {width: 120px; height: 148px; border: solid 1px #000; margin: 10px 0;}
ul.ulGallery li a {line-height: normal;}
li {padding: 0;}