/* CSS Document */

body { margin: 0px; }

#imgbdr { border-top: 1px solid #cccccc;
border-bottom: 1px solid #cccccc; }

#top { background-image: url(../images/top.gif);
background-repeat: repeat-x;
vertical-align: top;
padding: 33 0 0 0; }

#left { background-image: url(../images/left.gif);
background-repeat: repeat-y;
background-position: right;
vertical-align: top;
background-color: #F0F0F0; }

#right { background-image: url(../images/right.gif);
background-repeat: repeat-y;
vertical-align: top;
background-color: #F0F0F0; }

#textBox { vertical-align: top;
padding: 15 10 15 10;
background:url(../images/textBG.jpg) no-repeat bottom center;
height:400px; }

#textBox3 { vertical-align: top;
padding: 0 10 0 0; }

#textBox2 { vertical-align: top;
padding: 0 0 15 10;
border-left: 1px solid #cccccc; }

#textarea1, #textarea1 td, #textarea2, #textarea2 td { font: 12px arial, helvetica, sans-serif;
color: #4C4C4C;
vertical-align: top; }

#textarea3, #textarea3 td { font: 11px arial, helvetica, sans-serif;
color: #4C4C4C;
vertical-align: top; }

#textarea233 { font: bold 10px arial, helvetica, sans-serif;
color: #999999; }

hr { width: 100%; text-align: center; border: 0px; color: #4C4C4C; height: 1px; background-color: #4C4C4C; }

#copyright { font: 11px arial, helvetica, sans-serif;
color: #999999; 
padding: 0 0 0 3;
border-top: 1px solid #cccccc;
border-bottom: 1px solid #cccccc; }

#edit { padding: 1 2 2 0;
border-top: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
text-align: right; }

#menuBox2 { vertical-align: bottom;
text-align: right; }

#menuBox3 { background-image: url(../images/menuBG.jpg);
background-repeat: no-repeat;
background-position: top right;
border-bottom: 1px solid #ffffff;
border-top: 1px solid #cccccc; }

#hsbc { vertical-align: top;
text-align: right; }

#bdr1 { vertical-align: bottom;
background-color: #E2372A; }

#menuBox { border-top: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
vertical-align: top; }

#img1 { text-align: right;
border-left: 1px solid #E2372A; }

a { color: #1E6C9C; text-decoration: none; }

a:hover { text-decoration: underline; }

.memberslogin {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #4C4C4C; }

.forgotpw { font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #4C4C4C; }

#membership_register { font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #4C4C4C; }

a#button {
font: bold 11px Arial, Helvetica, sans-serif;
background-color: #F0F0F0;
  font-weight: bold;
  color: #4C4C4C;
  text-decoration: none;
 padding: 0 10 0 10;
  border: 1px solid #4C4C4C;
}

a#button:hover { 
text-decoration: none; background-color: #1E6C9C;
color: #ffffff;
}