/* clearfix */
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; } 
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }

/* global */
body { font-family: Arial, Tahoma, Verdana, sans-serif; font-size: 12px; background:url(/img/jjhBg.jpg) repeat; }
a {color: #069; text-decoration: none;}
a:hover {color: #24a2dd;text-decoration: underline;}
a:focus{background:none;}

h1,h2,h3,h4,h4,h5 { font-weight: bold; }
h1, .h1{color:#666;}
h2, .h2{color:#666;}
h3, .h3{color:#333;}
h4, .h4{color:#333;}
h5, .h5{color:#333;}
h6, .h6{color:#333;}
hr { clear: both; margin: 10px 0 10px 0; border-bottom: 2px dotted #4d4d4d; }
hr.press { margin: 10px 0 10px 0; border-bottom: 2px dotted #4d4d4d; }

/* head */
.headMod { padding: 0; margin: 0 10px 0 0; float: left; display: inline; }
.headMod.logoMod { width: 145px; margin-left: 10px; }
.headMod.img1Mod { width: 321px; }
.headMod.img2Mod { width: 193px; }
.headMod.img3Mod { width: 160px; }
.headMod.img4Mod { width: 193px; }

/* body */
.body { padding: 10px 20px 20px 20px; min-height: 700px; font-size:14px; line-height:20px; }
.line { width: 100%; padding: 0 0 10px 0; clear: both; }
.zone { width: 100%; padding: 10px 0 10px 0; display: inline; }
.clear { clear: both; }
.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
.space1 { height: 1px; }
.space5 { height: 5px; }
.space10 { height: 10px; }

/* fonts */
.section { font-size:170%; color:#4d4d4d; font-weight:bold; margin-top: 20px; }
.secthead { color: #833; text-transform: uppercase; font-size:110%; }
.bt { color:#000; font-size:14px; line-height:20px; }
.btslink { font-size:14px; line-height:20px; }

/* home page layout */
.homedMod { padding: 0; margin: 0; float: left; display: inline; }
.homedMod.textMod { width: 480px; margin: 0 20px 0 0; }
.homedMod.imgEventMod { width: 520px; margin: 10px 0 0 0; }
.homedMod .nextEventTop { background: #C2CFD5; margin: 0; padding: 0; width: 520px; height: 27px; }
.homedMod .nextEventBottom { background: #C2CFD5; margin: 0; padding: 0; width: 520px; height: 20px;  margin: 0 0 10px 0; padding: 0; width: 520px; height: 20px; text-align: right; font-size: 110%; font-style: italic; color: #666; }
.homedMod .nextEventBody { background: url(/img/raindropsnew.jpg) repeat; border: 1px solid #C2CFD5; margin: 0; padding: 10px 20px; color: #000; }
.homeEventOpacity { filter:alpha(opacity=92);-moz-opacity:.92;opacity:.92; }
.homedMod .aniGif { border: 1px solid #C2CFD5; }
.homedMod h1 { color: #4d4d4d; margin: 10px 0 20px 0; padding:0; }
.homedMod h3 { color: #369; margin-bottom: 7px; }
.homedMod h4 { color: #833; padding: 5px 0 5px 7px; text-transform: uppercase; }
.homedMod p { color: #000; margin-bottom:15px; }
.homedMod li { list-style: none; float: left; margin: 0; padding: 0; }

/* home page events widget */
.detailsCategory {}
.detailsSwitch { display:inline; }
.detailsText { margin: 15px 0 0 0; }
.homeEventsLink { font-weight: bold; float:right; }
.detailsTextLink:hover {}
.detailsCategoryLink {}

/* press page */
.articleShowcase { background: url(/img/bgd_events.gif) repeat; border-collapse: collapse; border: 1px solid #999; margin-bottom:20px; }
.articleShowcase td { padding: 10px; }
.articleShowcase th { padding: 10px; }

.articleList { border-collapse: collapse; border-bottom: 1px solid #ccc; margin-bottom:20px; }
.articleList td { padding: 0 10px 5px 0; }

/* foot */
.foot { border-top: 2px solid #000; padding: 20px; text-align: center; }