/*designations for colored boxes on home, membership*/
div#boxtextcol {float: right; width: 28%; margin: 0 auto;}
div.boxtext, div.hyper {width: 166px; margin: 0 auto; text-align: left;}
div.hyper {background-image: url(../imgs/home_hyperbaric.jpg); background-repeat: no-repeat; background-position: 5px 5px;}
div.hyper h1 {text-align: right; padding-bottom: 110px; margin:0 12px 0 12px;}
div.boxtext h1 {margin:0 12px 0 12px; padding: 0;}
.redbkgrd div.boxtext h1 {color: black; background-color: transparent;}
div.boxtext p, div.hyper p {font-size: 72%; color: white; background-color: transparent; padding-top: 0; padding-bottom: 0; margin: 7px 12px 0 12px; letter-spacing: -.02em; text-align: left; line-height: 130%;}
div.boxtext p.more, div.hyper p.more {text-align: right; margin: 0 12px 0 12px;}
div.boxtext p.more a, div.boxtext p.calendar a {color: white; background-color: transparent;}
div.boxtext p.more a:hover, div.boxtext p.calendar a:hover {color: #BA0000; background-color: transparent; text-decoration: underline;}
div.redbkgrd div.boxtext p.more a, div.hyper p.more a {color: black; background-color: inherit;}
div.redbkgrd div.boxtext p.more a:hover, div.hyper p.more a:hover {color: #BA0000; background-color: inherit; text-decoration: underline;}

div.blktop {background-image: url(../imgs/boxes/blkbox_top.gif); background-repeat: no-repeat; background-position: top; height: 10px; padding-bottom: 1px; background-color: black; width: 166px; margin: 0 auto;}
div.blktopspace {background-image: url(../imgs/boxes/blkbox_top.gif); background-repeat: no-repeat; background-position: top; height: 10px; padding-bottom: 1px; background-color: black; width: 166px; margin: 10px auto 0 auto;}
div.blkbot {background-image: url(../imgs/boxes/blkbox_bot.gif); background-repeat: no-repeat; background-position: bottom; height: 7px; padding-top: 1px; width: 166px; margin: 0 auto; background-color: Black; color: inherit;}
div.blkbkgrd {background-image: url(../imgs/boxes/blkbox_bkgrd.gif); background-repeat: repeat-y; background-position: top; padding-top: 1px; padding-bottom: 1px; width: 166px; margin: 0 auto;  background-color: Black; color: inherit;}

div.redtopspace {background-image: url(../imgs/boxes/redbox_top.gif); background-repeat: no-repeat; background-position: top; height: 8px; padding-bottom: 1px; width: 166px; margin: 10px auto 0 auto; background-color: #BA0000; color: inherit;}
div.redbot {background-image: url(../imgs/boxes/redbox_bot.gif); background-repeat: no-repeat; background-position: bottom; height: 6px; padding-top: 1px; width: 166px; margin: 0 auto; background-color: #BA0000; color: inherit;}
div.redbkgrd {background-image: url(../imgs/boxes/redbox_bkgrd.gif); background-repeat: repeat-y; background-position: top; padding-top: 1px; padding-bottom: 1px; width: 166px; margin: 0 auto;}

div.whttop {background-image: url(../imgs/boxes/whtbox_topb.gif); background-repeat: no-repeat; background-position: top; height: 10px; padding-bottom: 1px; background-color: white; width: 166px; margin: 0 auto;}
div.whtbot {background-image: url(../imgs/boxes/whtbox_bot.gif); background-repeat: no-repeat; background-position: bottom; height: 10px; padding-top: 1px; width: 166px; margin: 0 auto; background-color: white; color: inherit;}
div.whtbkgrd {background-image: url(../imgs/boxes/whtbox_bkgrd.gif); background-repeat: repeat-y; background-position: top; padding-top: 1px; padding-bottom: 1px; width: 166px; margin: 0 auto;  background-color: white; color: inherit;}