body { font:62.5% Verdana, sans-serif;margin:0; background-color: #222; background:url('http://www.bradhenderson.com/img/hp-bg-diag-med.gif'); }

div#hdrBackground {background:url('http://www.bradhenderson.com/img/header_bg_c.png') top left repeat-x;height:90px}
div#hdrContainer{position:relative;width:700px;margin:0 auto;background:url('http://www.bradhenderson.com/img/header.png') top left no-repeat;height:90px;z-index:100;}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop3.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.

=================================================================== */

.menu {position:inherit;font-size:1em;width:300px;float:right;padding-top:40px;z-index:110}
.menu ul {padding:0;margin:0;list-style-type:none;height:1em;}
.menu ul ul {width:15em; filter:alpha(opacity=90); -moz-opacity:.90; opacity:.90;}
.menu ul li {float:left;height:3em;line-height:3em;}
.menu ul ul li {display:block;width:12em;height:auto;position:relative;line-height:1em;}
.menu a, .menu a:visited {display:block;float:left;height:100%;font-size:1em;text-decoration:none;color:#fff;padding:0 3em 0 1em;}
.menu ul ul a, .menu ul ul a:visited {display:block;background:#000; color:#fff;width:12em;height:100%;line-height:1em; padding:0.5em 1em; border-left: 1px solid #666; border-right: 1px solid #666;}
.menu-list-bottom {border-bottom: 1px solid #666;}
.menu ul table ul a, .menu ul table ul a:visited  {width:14em; w\idth:12em;}
.menu table {position:absolute; left:0; top:0; font-size:1em;}
.menu ul ul table {border: 1px solid #666; lef\t:-1px;}
.menu ul ul table ul.left {margin-lef\t:2px;}
.menu li:hover {position:relative;}
* html .menu a:hover {position:relative;}
.menu ul ul ul a, .menu ul ul ul a:visited {background:#ccc;}
.menu ul ul ul ul a, .menu ul ul ul ul a:visited {background:#ccc;}
.menu ul :hover a.sub1 {background:#ccc;}
.menu ul ul :hover a.sub2 {background:#ccc;}
.menu a:hover {color:#000}
.menu :hover > a {color:#000}
.menu ul ul a:hover{color:#000;background:#ccc;}
.menu ul ul :hover > a {color:#000;background:#ccc;}
.menu ul ul ul a:hover {background:#ccc;}
.menu ul ul ul :hover > a {background:#ccc;}
.menu ul ul ul ul a:hover {background:#ccc;}
.menu ul ul {visibility:hidden;position:absolute;height:0;top:3em;left:0;width:14em;}
.menu ul ul ul{left:14em;top:0;width:14em;}
.menu ul ul ul.left {left:-14em;}
.menu ul li:hover ul, .menu ul a:hover ul {visibility:visible; height:auto; padding-bottom:3em; background:transparent url('http://www.bradhenderson.com/img/x.gif');}
.menu ul :hover ul ul{visibility:hidden;}
.menu ul :hover ul :hover ul ul{visibility:hidden;}
.menu ul :hover ul :hover ul{visibility:visible;}
.menu ul :hover ul :hover ul :hover ul {visibility:visible;}

/* end menu */

dl.curved {background:#dddddd url('http://www.bradhenderson.com/img/c_tl.gif') top left no-repeat; margin:20px 0; padding:0; width:100%;}
dl.curved dt {background:transparent url('http://www.bradhenderson.com/img/c_tr.gif') top right no-repeat; padding:10px; text-align:left; color:#333333;}
dl.curved dd {background:#dddddd url('http://www.bradhenderson.com/img/c_bl.gif') bottom left no-repeat; padding:0; margin:0;}
dl.curved dd p {margin:0; padding:10px; line-height:1.3em;}
dl.curved dd p.last {background:transparent url('http://www.bradhenderson.com/img/c_br.gif') bottom right no-repeat; }

#container {

position: relative;
width:720px;
margin:20px auto;
padding:0;
z-index:0;

}

#wrap {

position: relative;
background:#000 url('http://www.bradhenderson.com/img/mid-sleight-of-hand.jpg') top right no-repeat;
width:720px;
margin:20px auto;
padding:0;
z-index:0;

}

div#bodyleft {

position: relative;
top:50px;
background: transparent;
width:430px;
w\idth:380px;
margin: 0;
padding: 0px 0px 0px 50px;
z-index:10;

}

div#bodyleft h2 {

font: 2em/1.4em Helvetica, Arial, sans-serif;
font-weight: 500;
text-align:left;
color: #eee;

}

div#bodyleft p {

font: 1.2em/1.7em Georgia, Garamond, serif;
font-weight: normal;
text-align:left;
color:#ccc;

}

div#lbody {

position: absolute;
top: 0px;
left: 0px;
background: transparent;
width:380px;
margin: 0;
padding: 0px 0px 0px 50px;
z-index:10;

}

div#cbody {

background: transparent;
width:520px;
w\idth:420px;
margin: 0 auto;
padding: 25px 50px;
border-top: 1px solid #222;
z-index:15;

}

div#rbody {

position: absolute;
top: 0px;
left: 290px;
background: transparent;
width:380px;
margin: 0;
padding: 0px 50px 0px 0px;
z-index:20;

}

div#more {

position: relative;
background: #000;
width:380px;
margin: 0;
padding: 0px 0px 0px 50px;
z-index:25;

}

div#more p {

font: 1.2em/1.7em Georgia, Garamond, serif;
font-weight: normal;
text-align:left;
color:#aaa;

}

div#lbody p {

font: 1.2em/1.7em Georgia, Garamond, serif;
font-weight: normal;
text-align:left;
color:#aaa;

}

div#cbody p {

font: 1.2em/1.7em Georgia, Garamond, serif;
font-weight: normal;
text-align: justify;
color:#aaa;

}

div#rbody p {

font: 1.2em/1.7em Georgia, Garamond, serif;
font-weight: normal;
text-align:left;
color:#aaa;

}

div#lbody h2 {

font: 2em/1.4em Helvetica, Arial, sans-serif;
font-weight: 500;
text-align:left;
color: #ddd;

}

div#rbody h2 {

font: 2em/1.4em Helvetica, Arial, sans-serif;
font-weight: 500;
text-align:left;
color: #ddd;

}

div#lbody h4 {

width:380px;
background: #000;
border-top: 1px dotted #222;
margin: 0;
padding: 20px 0px 0px 50px;
font: 2em/3em Georgia, Garamond, serif;
font-weight: bold;
text-align:left;
color:#ddd;

}

#lbody a {

text-decoration: none;
color: #bbb;

}

div#empty {

margin:0;
padding:0;
background: #000;
width: 720px;
font: 1.2em/1.7em Georgia, Garamond, serif;

}

#lside {

position: absolute;
margin:25px 40px;
padding:0;
top:420px;
left:0px;
width:210px;
background: #222;
z-index: 100;

}

#rside {

position: absolute;
margin:0;
padding:0px;
top:432px;
left:50px;
width:150px;
z-index: 100;

}

#lside h2 {

padding: 0px 5px 0px 25px;
font: 1.2em/1.8em Verdana, Helvetica, Arial, sans-serif;
font-weight: bold;
color: #ccc;

}

#lside p {

padding: 0px 5px 0px 40px;
font: 1em/1.6em Verdana, Helvetica, Arial, sans-serif;
font-weight: normal;
color: #bbb;

}

#lside a {

text-decoration: none;
color: #bbb;

}

#lside a:hover {

text-decoration: underline;
color: #999;

}

#footer {

text-align: center;
margin: 0 auto;
color: #999999;
font-size: 1.4em;
line-height: 2em;
}

#footer a, #footer a:visited {

font-family: Verdana, Arial, sans-serif;
color: #ccc;
text-decoration: none;
font-size: 0.8em;

}

#footer h6 {

font-weight: normal;
color: #666;
font-size: 0.8em;

}

