/* PAGE LAYOUT CODE */

#frame {
   width:750px;
   margin-right:auto;
   margin-left:auto;
   margin-top:10px;
   padding:0px;
   text-align:left;
}

#leftcontent {
   width:175px;
   padding:0px;
   float:left;
   background:#fff;
}

#centercontent {
   width:535px;
   padding:0px;
   float:left;
   background:#FFF;
   /* border : 1px dotted Red; */
}

#rightcontent {
   width:40px;
   padding:0px;
   float:right;
   background:#fff;
}

#banner {
   background : #F00 url(hoh_banner_01.gif) no-repeat left;
   height:40px;
   border-top:0px solid #000;
   border-right:0px solid #000;
   border-left:0px solid #000;
   voice-family: "\";
   }\"";
   voice-family: inherit;
   height:39px;
}

html>body #banner {
   height:39px;
}
      
/* FORMATTING STYLES */

body {
   font:12px/1.2 Verdana, Arial, Helvetica, sans-serif;
   background: #FFFFFF;
   padding:0px;
   margin:0px;
   text-align:center;
}

a {
   text-decoration:none;
   font-weight:bold;
   color:#066;
}

A:hover {
   color: #F00;
   text-decoration: underline;
}

p {
   margin:0px 10px 10px 10px;
   color: #000;
}

h1 {
   font-size:14px;
   padding-top:10px;
   margin:0px 10px 10px 10px;
   color: #000;
}

h2 {
   font-size:13px;
   padding-top:10px;
   padding-left : 10px;
   padding-right : 10px;
   font-style : italic;
   color: #000;
}

pre {
   font-size:11px;
   color:blue;
   margin:0px 10px 10px 10px;
}

TH {
   font-size:13px;
   text-decoration : underline;
   color: #000;
}

TD {
   font-size:13px;
   color: #000;
}

ol {
   margin-right:40px;
}

li {
   margin-bottom:10px;
}

.lighter {
   color:#666;
}

.headline_link {
   color:#FF0;
}

.tiny 
{
   font-size : 10px;
}

.copyright {
   font-size:9px;
   color:#999;
}

.site_title {
   color:#000000;
}

.site_title2 {
   color:#ffffff;
}

.pullquote {
   width: 30%;
   text-align: center;
   float:right;
   font-size: 120%;
   margin: 0px 7px 7px 7px;
   padding:0;
   border: 0px solid Black;
   padding: 7px 7px 7px 7px;
   font-weight : bold;
   color: #FFFFFF;
   background-color: #009999;
}

.pullquote2 {
   width: 200;
   text-align: center;
   float:right;
   font-size: 120%;
   margin: 0px 7px 7px 7px;
   padding:0;
   border: 0px solid Black;
   padding: 7px 7px 7px 7px;
   font-weight : bold;
   color: #FFFFFF;
   background-color: #00cccc;
}

.pullquote_christmas {
   width: 200;
   text-align: center;
   float:right;
   font-size: 120%;
   margin: 0px 7px 7px 7px;
   padding:0;
   border: 0px solid Black;
   padding: 7px 7px 7px 7px;
   font-weight : bold;
   color: #FFFFFF;
   background-color: #060;
}

/* Christmas pullquote background-color:  #FF0000; */

.newsblock {
   width: 30%;
   float:left;
   font-size:100%;
   margin: 5px 10px 5px 5px;
   border: 0px solid Black;
   padding: 7px 7px 7px 7px;
   font-weight : normal;
   color: #000000;
   background-color : #ffffcc;
}


#nb
{
   width: 100%;
}

#nb div
{
   font-size: 90%;
   border: 1px solid Black;
   margin: 15px 0px 15px 0px;
   padding: 6px 6px 6px 6px;
   color: #000000;
   background-color : #99CCFF;
}


.membernews {
   width: 40%;
   float: right;
   font-size:100%;
   margin: 0px 10px 5px 5px;
   border: 0px solid Black;
   padding: 10px 10px 10px 10px;
   font-weight : normal;
   color: #000000;
   background-color : #FFFF99;
}

.newsheader {
      margin:0px 0px 10px 0px;
      font-weight: bolder;
}

.calendar_internal {
   color:#066;
}

.calendar_angels {
   color:#F00;
}

.calendar_events {
   color:#00C;
}