body {font:11px verdana; line-height:14px; background:#131313 url(/img/bg.gif); color:#333;}
table {border-collapse:collapse}
td {vertical-align:top; text-align:left; font-size:10px;}
* {margin:0; padding:0; border:0; font-size:11px;}
.clearFloat {clear:both;}
.hide {display:none;}
a {color:#333; text-decoration:underline;}

#bg {position:absolute; top:68px; left:0px; width:100%; height:800px;}

table.tbBG {width:637px; height:366px; position:absolute; top:-29px; left:-317px; z-index:10;}
table.tbBG td.tl {width:15px; height:15px;}
table.tbBG td.tm {background:#fff; height:15px !important;}
table.tbBG td.tm img {width:607px; height:1px;}
table.tbBG td.tr {width:15px; height:15px !important;}
table.tbBG td.mm {height:336px; background:#fff;}
table.tbBG td.mm .contentArea {color:#000; padding:20px;}
table.tbBG td.bl {width:15px;}
table.tbBG td.bm {height:15px; background:url(/img/roundCorners/tbBottomBG.gif) repeat-x;}
table.tbBG td.bm img {width:607px; height:1px;}
table.tbBG td.br {width:15px;}

#topNav {height:144px; width:880px; position:absolute; top:0px; z-index:3;}
#topNav #logo_rockcenter {position:absolute; top:0px; left:0px; z-index:1;}
#topNav #tripBuilder_on {position:absolute; top:101px; left:0px;}
#topNav #tripBuilder_off {position:absolute; top:101px; left:0px; z-index:1;}
#topNav #logo_dropshadow {float:left; position:absolute; left:0px; z-index:0;}
#topNav #sectionBtns {position:absolute; left:236px; top:-1px; white-space:nowrap; height:101px;}
/*#topNav #sectionBtns a {width:157px; height:101px; background:url(/img/kodiPattern_bw38.png); float:left; 
	margin-right:3px; position:relative; text-align:center; cursor:pointer; display:block;}*/
#topNav #sectionBtns a {position:relative; text-align:center; cursor:pointer; display:none;}
#topNav #sectionBtns a img.label {margin:46px auto 0; z-index:3; position:relative;}
#topNav #sectionBtns a img.black_on {top:68px; left:0px; z-index:2; position:relative;}
#topNav #sectionBtns a .black_mask {overflow:hidden; width:157px; height:68px; position:absolute; top:0px; left:0px;}
#topNav #sectionBtns a .colorTab_mask {overflow:hidden; width:157px; height:35px; position:absolute; z-index:3; top:68px; left:0px;}
#topNav #sectionBtns a img.colorTab {top:-33px; left:0px; z-index:2; position:relative;}
#topNav #sectionBtns a#nav_tourExplore {position:absolute; top:0px; left:0px; display:block; width:157px; height:101px; background:url(/img/kodiPattern_bw38.png); margin-right:3px;}
#topNav #sectionBtns a#nav_shopEat {position:absolute; top:0px; left:160px; display:block; width:157px; height:101px; background:url(/img/kodiPattern_bw38.png); margin-right:3px;}
#topNav #sectionBtns a#nav_lookLearn {position:absolute; top:0px; left:320px; display:block; width:157px; height:101px; background:url(/img/kodiPattern_bw38.png); margin-right:3px;}
#topNav #sectionBtns a#nav_findEvent {position:absolute; top:0px; left:480px; display:block; width:157px; height:101px; background:url(/img/kodiPattern_bw38.png); margin-right:3px;}

#menu {position:absolute; top:230px; left:0px; width:235px; height:600px;}

#homePromo {position:absolute; top:230px; left:554px;}
#bgPromoDiv {position:absolute; top:723px; left:62px;}

#content {position:absolute; left:232px; top:198px; width:645px; height:647px; text-align:left;}
#content a {color:#000;}
#content a:hover {cursor:pointer;}
#content #whitePanel {position:absolute; width:645px; height:590px; padding:4px; left:0px; top:28px;}
#content #contentPanel {position:absolute; z-index:100; left:4px; top:32px;}
#content #flourish {margin:0 0 10px 90px;}
#content #introContainer {width:265px; height:190px; padding:0 0 0 40px; float:left;}
#content #contentPanel #featured {float:right; padding:0 18px 0 0;}
#content #contentPanel #featured .featuredContainer {margin-bottom:9px;}
#content #contentPanel #featured h2.hdr {border-bottom:1px solid #dbdbdb; margin:5px 0 11px 0; width:293px}
#content #contentPanel #featured h2.hdr img {margin:0;}
#content #bottombar {position:absolute; bottom:0px; left:0px;}

#content #header {height:46px; position:absolute; width:100%; border:1px solid #00f;}
#content #varContent {margin:4px 0 0 4px; position:absolute; width:635px; height:100px;}
#content #back {display:block; position:absolute; top:485px; left:8px;}
#content #detailImage {height:229px; position:absolute; left:8px; top:46px;}
#content #mapInset {width:250px; height:229px; top:46px; float:right; margin-right:11px;}
#content #detailInfo, #content #history {position:absolute; top:290px; left:9px;}
#content #detailInfoScrollPane {width:355px; height:190px;}
#content #detailContactInfo {position:absolute; top:290px; left:380px;}
#content #detailContactInfoScrollPane {width:240px; height:270px;}
#content #detailContactInfo .jScrollPaneContainer {width:240px !important;}
h1 {height:36px; width:621px; margin:10px 10px 0 7px; position:relative; text-align:left; font-size:16px; font-weight:normal; vertical-align:bottom;}
#additional h1 {height:36px; width:621px; border-bottom:1px solid #dbdbdb; margin:14px 0px 0 7px; position:relative; text-align:left; font-size:16px; font-weight:normal; vertical-align:bottom;}
h1 img.title {position:absolute; top:5px; left:2px;}
h2 {font-size:12px;}
h3 {font-size:11px;}

/* DROP SHADOWS FOR SECTIONS */
#tourExplore #whitePanel {background:url(/img/mainContent/dropshadow/tourExplore.png) no-repeat;}
#shopEat #whitePanel {background:url(/img/mainContent/dropshadow/shopEat.png) no-repeat;}
#lookLearn #whitePanel {background:url(/img/mainContent/dropshadow/lookLearn.png) no-repeat;}
#findEvent #whitePanel {background:url(/img/mainContent/dropshadow/findEvent.png) no-repeat;}
#additional #whitePanel {background:url(/img/mainContent/dropshadow/additional.png) no-repeat;}

/* LOOK AND LEARN */
#lookLearn #look {width:625px; height:500px;}

/* FIND EVENT */
/*#findEvent #content #detailInfo {position:absolute; top:350px; left:9px;}*/
#eventList .event {border:1px solid #f00; display:block; clear:both;}
#eventList .event h3 {padding:0 0 13px 20px;}
#detailInfo h3 {padding-bottom:15px;}
#eventList td.eventImg {padding:0 10px 13px 0px;}
#eventList td.eventImg img {background:url(/img/stripeBG.gif); padding:3px; float:left;}
#eventList td {padding-bottom:13px;}
#eventList .event p {display:block; width:490px; float:left; border:1px solid #f00;}

#pressMediaList td.pressIcon {padding:0 13px 16px 0px;}
#pressMediaList td {padding-bottom:13px;}

.mediaReq {background:url(/img/kodiPattern.gif); margin:3px 3px 3px 0; width:171px; height:162px; display:table; #position:relative; overflow:hidden;}
.mediaReq div {#position:absolute; #top:50%; display:table-cell; vertical-align:middle; text-align:center; margin:0 auto; width:100%;}
.mediaReq img {padding:3px; #position:relative; #top:-50%; margin:0 auto;}

/* FOOTER */
#footer {position:absolute; top:877px; margin:0 auto; width:100%; height:100px; text-align:center; color:#666; padding-bottom:30px;}
#footer a {color:#666; text-decoration:none; margin:0 0.5em;}
#footer img {margin:31px auto 20px; display:block;}
#footer span.row1 {margin-bottom:1em; display:block; position:relative; z-index:1;}
#footer span.row1 a {color:#9f9f9f;}
#footer span.row1 a:hover, #footer span.row2 a:hover {color:#fff;}
#footer #graybar {background:url(/img/footerBG.gif) repeat-x; width:100%; height:26px; position:absolute; top:-5px; left:0px; z-index:0;}

.scroll-pane {overflow:auto; float:left;}
.outerScrollContainerTall .jScrollPaneTrack, .outerScrollContainerShort .jScrollPaneTrack {background:url(/img/mainContent/scrollbar/track.gif);}
.outerScrollContainerTall .jScrollPaneDrag {background:url(/img/mainContent/scrollbar/dragbarTall.gif) no-repeat 50% 50%; }
.outerScrollContainerShort .jScrollPaneDrag {background:url(/img/mainContent/scrollbar/dragbarShort.gif) no-repeat 50% 50%;}
/*.outerScrollContainerTall, .outerScrollContainerShort {position:absolute;}
.jScrollPaneContainer {text-align:left; margin:0 auto;}*/
.jScrollPaneContainer {text-align:left;}
.outerScrollContainerShort .jScrollPaneContainer {width:355px !important;}
#history .jScrollPaneContainer {width:600px !important;}
#content #introContainer .jScrollPaneContainer {width:265px !important; padding-right:9px;}

#intro {width:275px; top:340px; left:40px;}
#intro .scroll-pane {height:150px; width:275px;}
.scroll-pane p {padding-bottom:20px;}

/* accounts for stencil corner */
#mainScrollable {position:relative; top:17px; text-align:center; margin:0 auto;}
#mainScrollable .scroll-pane {width:618px; height:440px; text-align:left; margin:0 auto;}
#mainScrollable p {padding-bottom:20px;}

/* accounts for no stencil corner */
#mainScrollableAdditional {position:relative; top:17px; margin:0 0 0 7px;}
#mainScrollableAdditional .scroll-pane {width:618px; height:505px; text-align:left; margin:0 auto;}
#mainScrollableAdditional p {padding-bottom:20px;}

/* accounts for stencil corner */
#mainScrollableEventlist {position:relative; top:17px; text-align:center; margin:0 auto;}
#mainScrollableEventlist .scroll-pane {width:618px; height:400px; text-align:left; margin:0 auto; margin-left:8px; *margin-left:0px;}
#mainScrollableEventlist p {padding-bottom:20px;}

input, textarea {border-right:1px solid #cecece; border-left:1px solid #cecece; border-top:1px solid #8f8f8f; border-bottom:1px solid #e4e4e4; margin-bottom:3px;}
form input.image {border:none;}
input.submit {border:none;}
input.checkbox {border:none; margin-right:3px; position:relative; top:3px;}
input.radio {border:none; margin-right:3px; position:relative; top:3px;}
label {font-size:10px;}
/*form td {padding-bottom:3px;}*/

ol {list-style-type:decimal; padding:0; margin:20px 0 20px 18px; #margin:20px 0 0 24px;}
ol li {padding-left:0px; margin-bottom:10px;}

.ulhack {list-style-type: disc; margin-top:-5px; margin-bottom:-5px;}
.ulhack li {margin-bottom:-1px;}