body {
background: #93e9e6 url(/images/hbcbackground.png) repeat-y top left ;
background-color: #93e9e6;
color : #000000;
width: 100%;
font-family : Arial, Helvetica, Sans-serif;
font-size : 12pt;
text-align : justify;
margin: 0;
padding: 0;
}

#wrapper {
text-align: center;
}

table, tr, td, div {
background : transparent;
}
a:link {
text-decoration : underline;
color : #000000;
}
a:visited {
text-decoration : none;
font-weight : normal;
color : #223;
}
a:hover {
text-decoration : none;
font-weight : normal;
color : #003399;
}
p.c20 {
text-align : center;
}
span.c18 {
color : #003399;
font-size : 80%;
}
p.c16 {
margin-top : 0.5em;
text-align : justify;
color: #9C3569;
}
strong.c14 {
color : #630;
font-size : 120%;
text-decoration : underline;
}

span.c13 {
font-size : 80%;
}
div.c12 {
color : #003399;
font-size : 120%;
text-align : center;
}
p.c11 {
margin : 0 0 0;
text-align : left;
}
p.c9, a.c9 {
color : black;
text-align : center;
width : auto;
}
p.welcome {
color : black;
text-align : justify;
width : auto;
}
h3.c8 {
color : #003399;
text-align : center;
}
h3.c7 {
margin-top : 0;
color : #003399;
text-align : center;
}
span.c6 {
color : #003399;
font-size : 120%;
}
p.section, span.c5 {
color : #001177;
font-size : 120%;
}
span.c4 {
color : #35679a;
font-size : 120%;
}
td.c3 {
background-color : #35679a;
width: 800px;
margin: 2em 0 0 0;
padding: 0;
}
div.c2 {
height: 3em;
text-align: center;
margin: 0 auto 0 auto;
margin-top: .5em;
padding: .5em 1% .5em 1%;
}

span.c1 {
color : #ffffff;
font-size : 200%;
display: block;
margin: 0;
padding: 0;
}

div.events {
margin : 0;
width : 22em;
padding : 0;
color: #9C3569;
}

strong.events {
font-size : 120%;
text-decoration : underline;
}

strong.event-item {
font-size : 120%;
text-decoration : none;
}
p.event-item {
margin-top : 0.5em;
text-align : justify;
}

h3.events {
margin-top : 0;
text-align : center;
}

h3.event-item{
margin-top : 0;
text-align : left;
}


div.footer {
  width: 400px ;
  margin-left: auto ;
  margin-right: auto ;
  text-align: center;
}

hr.footer {
width: 80%;
margin-left: auto;
margin-right: auto;
text-align: center;
}

p.footer {
font-size: small;
font-family: serif;
text-align: center;
margin: 0;
}

a.footer {
text-align: center;
text-decoration : none;
}
a.menuhoriz {
margin: 5px auto;
padding-left: 5px;
padding-right: 5px;
text-decoration: none;
font-size: 12pt;
font-family: sans-serif;
border: thin solid #003399;
}
a.menuhoriz:link {
color : #003399;
background : #9fd8ff;
}
a.menuhoriz:visited {
color : #003399;
background : #9fd8ff;
}
a.menuhoriz:hover {
color : #ffffff;
background : #003399;
}
div.menuhoriz {
width : auto;
overflow : hidden;
float : left;
margin : 5px;
margin-left : 1em;
padding : 0;
background : transparent;
border : thin solid #003399;
}
li.spaced {
margin : 0 10em 1em 0.5em;
text-align : justify;
}
blockquote {
font-family : serif;
}