@charset "utf-8";

a, p, h3, .q4, .q5, .q6, .q7, .nextlink, .ddfmwrap { font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
a, p, h3, .q4, .q5, .q7, .ddfmwrap { font-weight: bold }
h3 { font-size: 16px; margin: 0; }
.q4 { font-size: 14px }
p, .q5, .q6, .ddfmwrap { font-size: 12px }
.nextlink, .q7 { font-size: 10px }
.q7 a { text-decoration: none; }

/* CONTACT FORM STYLES */
.clearer { clear: both; height: 1px; }
/* Set the base style for the whole form */
.ddfmwrap { text-align: left; position: relative; width: 75%; margin: 10px auto; font: bold 12px Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; }
/* Push the image right */
div.ddfmwrap img { float: left; margin: 2px 0 0 12px; }
/* Make blocktitles larger unless italic */
.fmblocktitle  { font-size: 14px; padding-top: 12px; margin-bottom: 24px; clear: left; }
form.ddfm div.fmblocktitle i { font-size: 12px;	}
/* Force a break after the fmtext fields and set a smaller line height for the checkboxes */
form.ddfm label.fmcheck { float: left; margin-top: 4px; margin-bottom: 4px; }
form.ddfm div.fmcheck p { clear: left; line-height: 16px; margin-top: 0; margin-bottom: 0; }
/* Get those labels onto their own lines */
label.fmtextwide { float: left; clear: left; width: 100%; margin-top: 12px; margin-bottom: 4px; }
label.fmtext, label.fmverify { float: left; clear: left; width: 100%; margin-top: 4px; margin-bottom: 4px; }
/* Make space after text boxes */
textarea.fmtextwide { margin-bottom: 18px; width: 380px; }
input.fmtext, input.fmverify { margin-bottom: 18px; float: left; clear: left; }
/* Stick the 'Send Email' button underneath */
div.submit { clear: left; text-align: right; margin: 54px; }


/* PAGE LAYOUT STYLES */
body { color: #999; background: #000 url(bo/bg.jpg) repeat 0 0; height: 100%; padding: 0; margin: 0; }

/* CARAMBY */
.carambydiv { background-color: #222; padding: 12px; margin: 12px; text-align: center; font: bold 16px Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; }
.carambydiv.span { width: 90%; }
.formleft { float: left; }
.formright { float: right; }
.bigpicdiv { padding: 12px; margin: 12px; text-align: center; width: 99%; }

/* ROLLOVER IMAGE BUTTONS - see 070816 on T050 */

/* CONTENT LAYOUT STYLES */
.topborder { width: 100%; height: 10px; background: url(bo/top.gif) repeat-x; }
#navicontainer { width: 100%; height: 30px; background-color: #000; }
#centrediv { margin: 0 auto; padding: 0; text-align: center; width: 648px; }
#contentdiv { background: url(bo/contentdiv.gif) repeat-y 0 0; margin: 0; padding: 0 36px; }
#contentdiv a, #contentdiv a:visited { color: #ccc; }
#contentdiv a:hover { color: white; }
#topdiv { background: url(bo/topdiv.gif) no-repeat; height: 36px }
#botdiv { background: url(bo/botdiv.gif) no-repeat; height: 36px; position: relative; }

.rowdiv { width: 576px; clear: both; }

.imcell, .im2cell, .im3cell { float: left; margin: 8px auto; padding: 0px; }
.imcell { width: 192px; }
.im2cell { width: 384px; }
.im3cell { width: 576px; }
.textcentrecell, .textleftcell { margin: auto; clear: left; padding: 0; }
.textleftcell { text-align: left; }
.nextlink { text-align: right; padding: 0; position: absolute; top: 0; right: 44px; }
.nextlink a, .nextlink a:visited { text-decoration: none; color: #ccc; }
.nextlink a:hover { color: white; }

/* NAVIGATION STYLES */

/* Wrapper for #navi: */
#navidiv { position: relative; width: 760px; height: 30px; z-index: 32; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-align: center; margin: auto; padding: 0px; }

/* All the rest is for #navi: */
#navi, #navi ul { padding: 0; margin: 0; list-style-type: none; text-align: left; }
#navi a, #navi a:visited { display: block; font-size: 11px; font-weight: bold; color: #ccc; height: 22px; line-height: 20px; text-decoration: none; text-indent: 4px; border: 4px solid #444; border-width: 4px 0 4px 4px; }

#navi li.c66 a { width: 66px; }
#navi li.c78 a { width: 78px; }
#navi li.c98 a { width: 98px; }
#navi li.c134 a { width: 134px; }
#navi li.c184 a { width: 184px; }


/* Level-2 & level-3 borders: */
#navi li ul li a, #navi li ul li a:visited { border-width: 0 4px 4px 4px; }
#navi li a.toplinesonly, #navi li a.toplinesonly:visited { border-width: 4px; }
#navi li { float: left; background: #000; }
#navi li:hover { position: relative; }
/* [li:hover] persistent colour: */
#navi li:hover > a { background: #555; color: #fff; }
/* If not IE6, then: */
#navi li ul { display: none; }


/* If not IE6, then display level-2 & level-3 on [li:hover]: */
#navi li:hover > ul { display: block; position: absolute; top: -11px; left: 64px; padding: 10px 30px 30px 30px; }

#navi li.c66:hover > ul { width: 66px; }
#navi li.c78:hover > ul { width: 78px; }
#navi li.c98:hover > ul { width: 98px; }
#navi li.c134:hover > ul { width: 134px; }
#navi li.c184:hover > ul { width: 184px; }


/* Position level-2 beneath the level-1 links: */
#navi > li:hover > ul { left: -30px; top: 16px; }
/* Tabbing for level-1 menu: */
#navi li a:active, #navi li a:focus { background: #555; color: #fff; }