@charset "utf-8";

/* carambydiv, formleft, & bigpicdiv are used in caram.js to display full-size images */

body { color: white; background-color: #030; }
a { color: #fc0; text-decoration: none; }
a:visited { color: #fc0; }
a:hover { color: #ff9; }

h1, h2, h3, h4, p, .textdiv, .imagediv, .carambydiv { font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; }
a, .carambydiv { font-weight: bold }

hr { color: #050; background-color: #050; height: 3px; border-style: none; }

h1, h2, h3, h4 { margin: 0; padding: 0; }
h1 { font-size: 32px; padding-top: 12px; }
h2 { font-size: 20px; padding-bottom: 30px; }
h3 { font-size: 18px }
.carambydiv { font-size: 16px }
h4 { font-size: 14px }
p, .textdiv, .imagediv { font-size: 12px }
li { margin-bottom: 8px; margin-top: 4px; }
.textdiv, .carambydiv, .floatleft { background-color: #060; }
.black, .required { color: black; }
.white { color: white; }
.clearer { clear: both; height: 1px; }

/* CONTACT FORMS: width of text boxes */
textarea.fmtextwide { width: 320px; }

img.righty-ho { float: right; margin: 8px; padding: 8px; }
img.lefty-ho { float: left; margin: 8px; padding: 8px; }

div.textdiv { padding: 4px 8px; margin: 12px; clear: left; }

div.imagediv { float: right; margin: 8px 24px 8px 8px; padding: 8px; background-color: black; text-align: center; border: 1px solid #FC0 }

div.carambydiv { padding: 12px; margin: 12px; text-align: center }

div.carambydiv.span { width: 90%; }

form.formleft { float: left; }
form.formright { float: right; }

div.bigpicdiv { padding: 12px; margin: 12px; text-align: center; width: 100%; }

.corset { width: 448px; display: block; }
.floatleft { float: left; width: 45%; margin: 20px; padding-left: 8px; }