/* CSS Document */
body, html {height:100%;}
body {margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:81%; color:#333; background:#fff url(../images/2010-css-bg.gif) top left repeat-x;}
#container {min-height:100%; color:#666; background:url(../images/2010-css-container.gif) top left repeat-y; width:960px; margin:0 auto;}
* html #container {height:100%}
/* reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; outline:0; vertical-align:baseline;}
:focus {outline:0;}
body {line-height:1.2em;}
ol, ul {list-style:none;}
table {border-collapse:separate; border-spacing:0;}
caption, th, td {text-align:left; font-weight:normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
/* left */
#left {width:210px; float:left; background:#3ab5c4}
#logo {width:210px; height:134px; display:block; background:url(../images/2010-mhts-logo.gif); text-indent:-9999px;}
/* left nav */
#leftNav {border-top:1px dotted #89d3dc;}
#leftNav li {list-style-type:none; font-size:91%; cursor:pointer}
#leftNav .hide {display:none;}
#leftNav li a {border-bottom:1px dotted #89d3dc; display:block; clear:both; padding:6px 10px 6px 30px; color:#1d5a62; text-decoration:none; font-weight:bold}
#leftNav li a:hover {color:#fff}
#leftNav li.hot a, #leftNav li.hot a:hover {color:#3ab5c4; background:#fff}
#leftNav li li a, #leftNav li li.hot a, #leftNav li.branch li a:hover {font-weight:normal; border:none}
#leftNav li.hot ul li a {display:block; padding:6px 10px 6px 50px; color:#7f7f7f; background:#fff; text-decoration:none; font-weight:normal;}
#leftNav li.hot ul li a:hover, #leftNav li.hot ul li.hot a {display:block; height:1%; color:#3ab5c4; background:#fff; text-decoration:none; font-weight:normal;}
/* right */
#right {width:750px; float:left;}
.wrap {padding:0 30px;}
#right #header {padding:45px 0 0 0}
#right #header ul {float:right; padding:7px 0; margin:0;}
#right #header ul li {display:inline; padding:0 5px 0 0; font-size:91%; background:none}
#right #header ul li a {color:#7f7f7f; border:none; border-right:1px solid #7f7f7f; padding:2px 5px 2px 0; text-decoration:none;}
#right #header ul li a:hover {color:#000}
#right #header ul li.last a {border:none}
#right #header form {float:right;}
#right #header form input {width:auto; color:#7f7f7f}
#right #header form input.submit {background:none; border:1px solid #a6a5a6; width:auto; padding:2px 3px; font-size:91%; font-weight:bold; color:#7f7f7f}
#content {margin:65px 0 0 0; padding:30px 0 30px 0; border-top:1px solid #e3e3e3; position:relative}
#content .text {position:relative; margin:0 230px 0 0; padding:0}
#content .full-width {margin: 0;}
#right #nuggets {position:relative; float:right; width:217px; height:600px; margin:0 -12px 0 0}
#right #nuggets li {background:none; padding:0;}
#right ul#nuggets a {text-indent:-9999px; text-decoration:none; border:none; display:block;}
#right ul#nuggets a.venue { width:205px; height:290px; background:url(../images/2010-css-venue-nugget.png); margin:0 0 20px 0; }
#right ul#nuggets a.stats {width:217px; height:226px; display:block; text-decoration:none; background:url(../images/2010-css-stats-nugget.png)}
body#home #right #nuggets {position:relative; float:none; height:320px; margin:0; width:690px;}
body#home #right #nuggets li {background-color:#e5e5e5; padding:0; float:left;width:210px; padding-top:20px; margin-right:28px;}
body#home #right #nuggets li h2, body#home #right #nuggets li p {padding-left:20px; padding-right:20px;}
body#home #right #nuggets li.venues {}
body#home #right #nuggets li.news {}
body#home #right #nuggets li.login{margin-right:0;}
body#home #right ul#nuggets a {text-indent:0;}
#right ul, #right ol {margin:0 0 15px 0; line-height:150%;}
#right li {background:url(../images/2010-css-li.gif) 0 5px no-repeat; padding:0 0 0 15px; list-style-type:none}
body#home #right li img {display:inline;}
#right a {background:none; padding:0;}
/*#right a img {display:none;}
#right a img {display:none;}*/
#right ol {margin:0 0 15px 20px;}
#right ol li {list-style-type:decimal; background:none; padding:0;}
#right a {color:#1f7580; border-bottom:1px dotted #1f7580; text-decoration:none}
#right a:hover {color:#000; border-bottom:1px dotted #000; text-decoration:none}
#right a.externalLink {background:url(../images/2010-css-newWin.gif) center right no-repeat; padding:0 10px 0 0}
#right a.email {background:url(../images/2010-css-email.gif) center right no-repeat; padding:0 20px 0 0}
#right a.pdf span{background:url(../images/2010-css-pdf.gif) center right no-repeat; padding:0 7px;}
/* right forms */
#content p label, #content p span.fakeLabel {width:200px; float:left; font-weight:bold;}
#content p input {width:300px}
body#home p label {width:150px;}
body#home #content p input {width:150px}
#content p textarea {width:300px; height:100px;}
#content p select {width:304px}
#content p.submit {padding:0 0 0 200px; height:26px; margin:0 0 15px 0}
#content p.submit input, #content ul.saveReset li a {width:auto; display:block; float:left; border:1px solid #3ab5c4; background:#3ab5c4; color:#fff; font-weight:bold; padding:4px; margin:0 5px 0 0; text-decoration:none}
body#home #content p.submit input {width:auto;}
#content p.submit input:hover, #content ul.saveReset li a:hover {background:#1d5a62}
#content span.info {display:block; clear:both; padding:0 0 0 200px;}
#content .noLabel {padding:0 0 0 200px; display:block; clear:both}
#content ul.saveReset {padding:0 0 0 185px;}
#content ul.saveReset li { margin-left:0;}
#content p.clear {clear:left;}
#content span.fakeInput {height:20px;}
body#home #right #nuggets li .homebutton p {padding-left:0; padding-right:0;}
body#home #content .homebutton, body#home #content .homebutton p, body#home #content .homebutton a, body#home #content .homebutton img {margin:0; padding:0;}
/* stripey tables */
#right table {width:98%; margin:0 0 15px 0}
#right table summary {display:none;}
#right table th {color:#343434; background:#99d8e1; font-weight:bold;}
#right table th, #right table tr, #right table td {padding:10px;}
#right table p {color:#343434; padding:0; margin:0; line-height:100%}
#right table tr td {background:#ebf7f9}
#right table tr.alt td {background:#d9f0f4}
#right table tr.over td {background:#c0e7ee}
#right .text table a {line-height:150%;}
#right .error, #right span.required {color:#ff0000!important; font-weight:bold}
/* footer */
#right #footer {display:block; clear:both; border-top:1px solid #e3e3e3;}
#right #footer ul {float:right; padding:7px 0; margin:0;}
#right #footer ul li {display:inline; padding:0 5px 0 0; font-size:91%; background:none}
#right #footer ul li a {color:#7f7f7f; border:none; border-right:1px solid #7f7f7f; padding:2px 5px 2px 0; text-decoration:none;}
#right #footer ul li a:hover {color:#000}
#right #footer ul li.last a {border:none}
#right #footer ul li.highStyle {display:none;}
#right #footer .resize {margin-top:10px;}
#right #footer a.a {font-size:12px; border-bottom:1px solid #000; color:#000;}
#right #footer a.aa {font-size:15px;}
#right #footer a.aaa {font-size:18px;}
#right #footer a.a, #right #footer a.aa, #right #footer a.aaa { padding: 0 2px;}
#right #footer a:hover.a, #right #footer a:hover.aa, #right #footer a:hover.aaa {border-bottom:1px solid #000;}
/* fonts */
h1, h2, h3, h4, h5, h6 {color:#333; font-weight:bold}
h1 {font-size:221%; margin:0 0 15px 0; line-height:110%;}
h2 {font-size:181%; margin:0 0 10px 0}
h3 {font-size:121%; margin:0 0 5px 0}
p {line-height:150%; margin:0 0 10px 0}
/* misc */
.clearDiv:after {content: "."; display:block; height:0; clear:both; visibility:hidden}
.clearDiv {display: inline-block}
/* Hides from IE-mac \*/
* html .clearDiv {height: 1%}
.clearDiv {display: block}
/* End hide from IE-mac */
body, img, a, div, span, p, #subBanner #subText p, #slideshowText p, .sliderNav a, #slideshowNav {behavior:url(/mhts/assets/js/iepngfix.htc) }
/* maps */
/* Venue pages */
body#venue #nuggets {position:absolute; top:74px; right:12px; width:200px; background:#ebf7f9; height:auto;}
body#venue #nuggets label {margin:0 0 5px 0; display:block;}
body#venue #nuggets input {width:176px; margin:0 0 5px 0;}
body#venue #nuggets input#goButton, body#venue #nuggets input#searchButton {width:auto}
body#venue #nuggets select {width:180px; margin:0 0 5px 0;}
body#venue #map {margin:0 0 10px 0}
body#venue #mapInfo p a strong {cursor:pointer}
div.venueSearch {padding:10px}
body#venue #midDivSub{float:left; width:500px; margin:0; padding:0; line-height:1.3em;}
body#venue #midDivSub ul{padding:0; margin:0; list-style-type:none;}
body#venue #map a {font-weight:bold; font-size:100%; color:#000; background:url(../images/mapLink.gif) center right no-repeat; padding:0 10px 0 0}
body#venue #map a:hover {color:#43ADAD; text-decoration:underline; background:url(../images/mapLinkHover.gif) center right no-repeat}
body#venue.venueDetails #map a {display:none;}
#right p.printPage {position:absolute; top:20px; right:0; background:url(../images/printIcon.gif) center right no-repeat; padding:0 15px 0 0; margin:0;}
#right p.printPage a {font-weight:bold;}
#rightvenue {float:left; width:210px; margin:0px; padding:0px; background:red;}
/* map and tabs styling */
#mapBg {width:460px; height:588px; margin:0 0 20px 0; border:2px solid #d9f0f4;}
#midDivSub .wrapper ul li {list-style-type:square; margin:0 0 0 15px}
.stripViewer .panelContainer .panel ul {text-align: left;margin: 0 15px 0 30px;}
/* This div isn't entirely necessary but good for getting the side arrows vertically centered */
.slider-wrap {margin:0; position: relative;width: 100%; }
/* These 2 lines specify style applied while slider is loading */
.csw {width: 100%; height: 460px; background: #fff; overflow: scroll}
.csw .loading {margin: 200px 0 300px 0; text-align: center}
/* This is the viewing window */
.stripViewer { /* This is the viewing window */
position: relative;
overflow: hidden;
border: none; /* this is the border. should have the same value for the links */
margin: auto;
width: 430px; /* Also specified in .stripViewer .panelContainer .panel below */
height: 498px;
clear: both;
}
* html .stripViewer {margin:0 0 0 16px; height:516px}
.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS */
position: relative;
left: 0; top: 0;
width: 100%;
list-style-type: none;
/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
}
.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
float:left;
height: 100%;
position: relative;
width: 430px; /* Also specified in .stripViewer above */
}
.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
padding:15px 0;
}
.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
margin: auto;
}
#map img.mapImg {border:2px solid #BBDEDE; float:right; margin:0 0 10px 10px}
/* The auto-generated set of links */
#right .stripNav ul {list-style: none; display:block; clear:both; margin:0; padding:0; background:#d9f0f4; height:60px; width:460px}
#right .stripNav ul li {text-align:center; float: left; margin:0; background:none; padding:0; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */}
#right .stripNav li a {height:50px; width:66px; background:#d9f0f4; padding:5px; margin:0; color:#1d5a62!important; display:block; float:left; text-decoration:none; border:none;}
#right .stripNav li a:hover {color:#000!important}
#right .stripNav li a.current {background:#3ab5c4}
#right .stripNavL, #right .stripNavR {display:none;}
.stripViewer .panelContainer .panel .wrapper img {border:2px solid #BBDEDE; float:right; margin:0 0 5px 10px}
.stripViewer .panelContainer .panel .wrapper img.newWin {border:none; float:none; margin:0}
#topnavSub li.highStyle, #footer li.highStyle, li.highStyle {display:none;}
/* homepage slider */
.intro {height: 289px; width: 690px; display:block; position:relative; margin:0 0 30px 0}
.intro #nav {position:absolute; top:277px; left:35px; z-index:1000}
.intro #nav a {width:23px; height:24px; display:block; float:left; border:none; text-indent:-9999px; background:url(../images/slider-nav-a.png) top left no-repeat}
.intro #nav a.activeSlide {background:url(../images/slider-nav-a.png) top right no-repeat}
.pics { height: 289px; width: 690px; padding:0; margin:0; overflow-x: hidden; position:relative; }
.pics img { height: 289px; width: 690px; padding: 0; border:none; top:0; left:0 }
.pics span.copy {position:absolute; top:35px; left:40px; z-index:100; }
.pics span.copy h2{font-size:3.7em;line-height:1em; margin-bottom:5px;width:460px;}
.pics span.copy p {font-size:1.3em; line-height:1.1em;margin-bottom:0; width:410px;}