body { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #5a5a5a; font-size: 12pt; background-color: #334370; background-image: url(../images/harlows_body_bg1.jpg); background-repeat: repeat-x; margin: 0; padding: 0; }
img { border-width: 0; }
.floatright { float: right; margin: 5px; }
.floatleft { margin: 5px; float: left; }
.nostyle { margin: 0; padding: 0; list-style-type: none; }
#wrapper { background-color: #fff; width: 950px; height: 849px; margin-right: auto; margin-left: auto; }
#soundbox { position: relative; top: 50px; float: right; margin-top: -50px; margin-right: 10px; }
/* wrapper ----- height = sum of header+navbar+column1 */
/**/
#header { background-image: url(../images/HC16639_static.png); width: 950px; height: 104px; }
#header a { width: 950px; height: 104px; display: block; }
#header span { position: absolute; left:-9999px; top:0px; }
/**/
/**/
#navbar { font-family: Perpetua, "Times New Roman", Georgia, Times, serif; background-color: #306278; background-image: url(../images/harlows_nav_bg1.png); width: 950px; height: 48px; margin-bottom: 0; list-style-type: none; }
#navbar a { }
#navbar ul { text-transform: uppercase; margin: 0; padding: 0; list-style-type: none; }
#navbar ul li { float: left; margin: 0; padding: 0; display: inline; }
#navbar ul a { color: #fff; font-size: 21px; text-decoration: none; text-align: center; letter-spacing: 1px; width: 122px; padding: 13px 10px 14px; display: block; }
#navbar ul a.activepage { color: #000; background-image: url(../images/harlows_nav_a_bg1.png); background-repeat: no-repeat; padding-bottom: 11px; }
#navbar ul a:hover { color: #fff; background-image: url(../images/harlows_nav_a_bg1.png); background-repeat: no-repeat; }
#navbar li ul { background-color: #f0f0f0; background-image: url(../images/harlows_subnav_bg1.png); background-repeat: repeat-x; text-align: left; position: absolute; left: -9999px; width: auto; height: 25px; z-index: 1000; border: solid 1px #181818; display: inline; }
#navbar li ul a { color: #000; font-size: 10px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; font-variant: normal; text-transform: uppercase; letter-spacing: normal; width: auto; float: left; margin: 0; padding-top: 6px; padding-bottom: 7px; cursor: pointer; display: block; }
#navbar li ul li { width: auto; margin: 0; padding: 0; display: inline; white-space: nowrap; }
#navbar li ul a:hover { color: #e1d8b6; background-color: #aa9a5d; background-image: none; }
#navbar ul li:hover ul { margin: 0; padding: 0; z-index: 1000; top: 152px; left: auto; }
#navbar li ul li ul { background-image: none; background-repeat: repeat-x; text-align: left; white-space: nowrap; margin: 0; padding: 0; position: absolute; z-index: 1000; left: -9999px; border-right: 1px solid #000; border-bottom: 1px solid #000; border-left: 1px solid #000; border-top-width: 0; }
#navbar ul li:hover ul ul { position: absolute; left: -9999px; }
#navbar ul li ul li:hover ul { top: 25px; left: -1px; display: block; }
#navbar ul li ul li ul { height: 75px; } /* -----this height dictates second level nav - 3 items only - 25px high each */
#navbar ul li ul li ul li { width: auto; float: none; display: block; }
#navbar ul li ul li ul li a { width: 100px; float: left; display: block; }
/**/
/**/
#column1 { background-color: #fff; width: 612px; height: 697px; margin-top: -3px; padding-right: 20px; padding-bottom: 10px; border-right: 12px solid #b7c3c9; }
#column1, #column2, #column3 { position: relative; float: left; }
#column1 h1 { color: #dc9f00; font-size: 2em; font-family: Perpetua, "Times New Roman", Georgia, Times, serif; font-weight: normal; margin: 0.3em 0 0.4em 0.4em; padding: 0; }
#column1 h2 { color: #996; font-size: 1.4em; font-family: Perpetua, "Times New Roman", Georgia, Times, serif; font-weight: normal; margin: 0 0 0 14px; padding: 0; }
#column1 h3 { color: #334370; font-size: 1.2em; font-family: Perpetua, "Times New Roman", Georgia, Times, serif; font-weight: normal; font-variant: small-caps; letter-spacing: 1px; margin: 0 0 0 1em; padding: 0; border-bottom: 1px dashed #555; }
#column1 p { color: #000; font-size: 0.8em; line-height: 1.4em; text-align: justify; margin: 0.6em 1em 1em; padding: 0; }
#column1 ul { margin-right: 15px; }
.moneybg { background-image: url(../images/harlows_column1_money_bg1.gif); background-repeat: repeat-y; background-position: right 0; }
/**/
/**/
#column2 { background-color: #fff; background-image: url(../images/news_bg1.gif); width: 306px; margin-top: -3px; }
#column2 h3, #bookaroom h3 { color: #dc9f00; font-size: 1.5em; font-family: Perpetua, "Times New Roman", Georgia, Times, serif; font-weight: normal; font-variant: normal; text-transform: uppercase; margin: 0 0 0 0.4em; padding: 0; border-width: 0; }
#promovideobox { z-index: 10000; margin-top: 22px; padding-left: 5px; }
#harlowsgirl { position: relative; top: -162px; left: 165px; z-index: 10; margin-bottom: -228px; }
#mailinglist { color: #aab5d5; background-color: #42558f; background-image: url(../images/harlows_mailinglist_bg1.png); background-repeat: repeat-x; height: 54px; margin-top: 20px; padding: 8px; }
#mailinglist p, #mailinglist label { font-size: 10px; margin: 0; padding: 0 5px 0 0; }
#mailinglist form { margin: 5px 0 0; padding: 0; }
#mailinglist #addme { font-size: 10px; width: 120px; height: 12px; }
#mailinglist #addmebutt { font-size: 12px; font-variant: small-caps; width: 55px; height: 22px; margin-left: 5px; padding: 0; }
/**/
/**/
#bookaroom { background-color: #fff; background-image: url(../images/harlows_bookaroom_bg1.jpg); background-repeat: no-repeat; background-position: right bottom; width: 306px; height: 335px; border-bottom: 1px solid #878787; }
#bookaroom form { line-height: 1.6em; margin: 0 0 0 10px; padding: 0; }
#bookaroom label { font-size: 12px; }
#bookaroom a img { margin-left: 5px; }
#bookaroom .dpTable2 { background-color: #fff; }
#bookaroom #tbt { position: relative; top: 5px; display: inline; }
#bookaroom #codebox, #requestType { width: 165px; }
#bookaroom #bed { margin-top: 10px; margin-left: 10px; }
#notice { color: #000; font-size: 10px; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-align: justify; width: 280px; height: 50px; margin: 10px auto 15px; }
#notice p { color: #930; margin: 0; padding: 0; }
/**/
/**/
#contactform { font-size: 16px; background-color: #efebc6; width: 400px; margin: 0 0 0 10px; padding: 10px; border: double 3px #efebc6; }
#contactform input, #contactform select, #contactform textarea { margin-left: 5px; display: block; }
.note { color: #999; font-size: 10px; font-weight: bold; margin-left: 10px; }
.required { color: #f90; font-size: 12px; font-weight: bold; display: inline; }
#contactform label { font-weight: bold; }
/**/
/**/
#footer { color: #5a5a5a; font-size: 10px; background-color: #fff; text-transform: uppercase; text-align: center; position: relative; top: 3px; width: 950px; height: 60px; clear: both; margin-right: auto; margin-bottom: 20px; margin-left: auto; padding-top: 11px; }
#footer .copyright { text-transform: none; margin-top: 5px; display: block; }
#footer a { color: #5a5a5a; }
#footer a:hover { color: #436193; }
#aaalogo { position: relative; top: -35px; right: 100px; float: right; }
/**/
#column1 ul, #column1 li { font-size: 0.9em; }
#mapimage { margin-left: 12px; border: solid 5px #e5e5d9; }
/**/
.harlowsact { width: 450px; margin: 10px 0 10px 12px; padding: 0 12px 10px; border-bottom: 1px dashed #5a5a5a; list-style-type: none; }
li.artistname { color: #036; font-size: 1.2em !important; font-weight: bold; }
li p.artistinfo { font-size: 12px !important; display: block; }
li.artistimage { }
li.showdate { color: #c30; font-size: 1.2em !important; }
li.ticketlink a { color: #efefcb; background-color: #334370; background-image: url(../images/harlows_mailinglist_bg1.png); background-repeat: repeat-x; text-decoration: none; text-transform: uppercase; text-align: center; width: 150px; height: 35px; padding-top: 15px; display: block; }
li.ticketlink a:hover { color: #fff; background-color: #334370; text-decoration: underline; }
/**/
/**/
#column1 .address { margin-left: 20px; }
#column1 #mailform { margin: 0 0 0 20px; padding: 0; }
#column1 #mailform label { font-size: 0.8em; font-variant: small-caps; width: 120px; margin-top: 10px; display: block; }
/**/
/**/
#promopage { }
#promopage img { margin: 6px 6px 7px 13px; }
/**/
/**/
.employment { margin-left: 1.5em; }
ul.employment h5 { margin: 1em 0 0 1em; }
ul.employment li p { font-size: 1em !important; margin-left: 15px !important; }
/**/
/**/
#column1 #siteinfo { width: 612px; float: left; }
#column1 #sitemessage { background-color: #c7d69f; width: 235px; float: right; margin-top: 25px; }
#column1 #sitemessage h4 { color: #fff; background-color: #369; margin: 0; padding: 10px; border-bottom: 1px solid #000; }
#column1 #announce { left: 377px; width: 234px; height: 320px; }
/**/