/* set page width */
    div#allContainer { width: 60em; margin: 0 auto }
   /* standard page padding, all text */
   div#allContentWrapper div.textWrapper { margin: 0 1em }
   div#introBox { margin: 10px 1em; }
   body { background-color: #78a0c3; }
   body,p,td,th,li,pre,code { color: black; font-size: small; font-family: verdana, arial, helvetica, sans-serif;  }
   #mainContainer { background-color: #f0f0f0 }

body { text-align: center; margin: 0; padding: 0 }
div { margin: 0; padding: 0 }

/* holds everything, same as allContentWrapper */
#allContentWrapper { text-align: left; position: relative; margin: 0 auto }

/* holds below title and above footer */
#bodyContainer { position: relative; clear: both }

/* main content, left of rhContainer */
#mainContainer { margin-right: 180px; margin-left: auto; clear: both }

/* fixed width container to right of mainContainer */
#rhContainer { width: 180px; position: absolute; right: 0; top: 0; background-color: white; overflow: hidden }

#titleContainer { padding: 1em; padding-right: 180px; margin: 0 0 0 auto; 
 text-align: center; vertical-align: middle; background-color: white; font-size: 150%; font-weight: bold }
#footerContainer { margin-right: 180px; margin-left: auto; text-align: center; background-color: white; clear: both }

#titleText {  }
#rhContainer .adSpace { margin: 20px auto; width: 160px }

div.stdBox { text-align: justify; clear: both; margin: 0 0 .5em 0; padding: 1em; 
 border: none; border-bottom: 3em solid ; background: transparent }
.pad1emAll { padding: 1em }
.pad1emSides { padding-left: 1em; padding-right: 1em }
.noTopMargin, .first { margin-top: 0 }

img { border: none; position: relative }
p { margin: 1em 0px;  }
h1, h2, h3, h4, h5, h6 { font-family: verdana, arial, helvetica, sans-serif; font-weight: bold;
letter-spacing: .1em; margin: 2em 0 6px 0; padding-top: 6px; clear: both }
h1 { font-size: 150%; margin-top: 0; padding-top: 0 }
h2 { font-size: 130%; border-top: 2px solid }
h3 { font-size: 110% }
h4 { font-size: 100% }
h5 { font-size: 100% }
li { font-size: 100% }
hr { width: 95% }

/* for lists of buttons (or text) */
div.buttonBox { background-color: #ECF1F4; padding: 5px; margin: 25px 5px; 
   border: 3px solid #4094C0; text-align: left }
div.buttonBoxNbg { padding: 5px; margin: 25px 5px; text-align: left }
div.buttonBox a, div.buttonBoxNbg a { border: none; margin: 0; padding: 0 }
div.buttonBox a img, div.buttonBoxNbg a img { border: none; margin: 0; padding: 0 }
div.buttonBox ul, div.buttonBoxNbg ul { margin: .5em 0em 0em 0em; padding-left: 0; list-style-type: none;  }	
div.buttonBox ul li, div.buttonBoxNbg ul li { margin: .4em auto; padding: 0; list-style-type: none;  } 
div.buttonBox .linkButton, div.buttonBoxNbg .linkButton { border: none; margin: 0; padding: 0 }

hr.secBreak { margin: 15px auto 3px auto; clear: both; text-align: center; }
br.clear { clear: both }

.Harvey{ font-family: verdana, arial, helvetica, sans-serif; font-weight: bold; 
background-color: #f8f8f8; margin: 0 }
p.Harvey, div.Harvey { padding: .5em }
span.Harvey { padding: 0 .5em }
a:hover { text-decoration: none }


div.titleDiv { text-align: center; border-top: solid 4px; border-bottom: solid 4px; 
padding: 5px; margin: 4px 0 10px 0 }
p.titleText { margin: 0px; padding: 5px .5em; font-size: 24pt; white-space: nowrap }
span.innerTitleText {  }

div#theListBox { margin: 10px; padding: 10px; border: 1px dotted }
div#counter { margin: 0px; padding: 0px; text-align: center }
div.footerButton{ margin: 20px; width: 100px; display: inline }

img#HRBBSlogo { float: right; margin: 0 0 10px 10px; width: 250px; height: 75px;  }
img#butterfly { float: right; margin: 0 0 5px 10px; width: 480px; height: 341px }

table.shure { border: 1px solid black; border-collapse: collapse; margin: 10px 30px;
background-color: #eeeeee }
table.shure tr.qora { background-color: #99ccff; font-weight: bold } 
table.shure tr.qora td { padding: 10px }
table.shure td { padding: 1em 10px }
table.shure th { padding: 10px; text-align: center }
 
/* colors */
a:hover { text-decoration: none }
a { color: #1b3345; text-decoration: underline; }
a img { border: none }

div#allContainer { background-color: white }
h1, h2, h3, h4, h5, h6 { color: #183848 }
h2 { border-top: #183848 }
div.stdBox { border: #78a0c3 }
.Harvey{ color: #000066 }
div#theListBox { background-color: #F8F8DD; border: #0088B6 }