/*-------------------------------------------------------

	Prospera Centre
	Author: npcairns at niccai dot com 

--------------------------------------------------------*/

* { margin: 0; padding: 0; } 
body { font-size: 62.5%; font-family:  'Helvetica Neue', Helvetica, Arial, sans-serif; color: #464545; background: #fff4cf; }


/*---- BEHAVIORS ---------------------------------------*/
.offStage { display: none; }
.ir { height: 0; overflow: hidden; text-indent: -9999px; }
.errors, .required { color: #800000; }

/*---- ICON SPRITE -------------------------------------*/
.icon, .overlay .close { background-image: url(assets/icon-sprite.png); background-repeat: no-repeat; }
.pdf { background-position: 0 -381px; }
.copy .pdf { padding: 2px 0 2px 22px; }

/*---- LINKS -------------------------------------------*/

a { text-decoration: none; color: #cb3402; }
a:hover { text-decoration: underline; }


/*---- MAIN STYLES -------------------------------------*/
#headerBody, #mainContainer, #brandBar, #pageBottom { width: 980px; }

#header { border-bottom: 1px solid #2e3351; background: #1c203f url(assets/header-lines.png); }
#headerBody { margin: 0 auto; padding: 18px 0; font-size: 120%; font-weight: 700; color: #a9abae; }
#headerBody .email { float: right; }
#header a { color: #e05729; }

#mainWrap { overflow: hidden; background: #fff; padding-top: 1px; }
#mainContainer { position: relative; margin: 5px auto 0; padding: 0 11px 0 15px; }

#watermark { position: absolute; display: block; margin-top: -32px; padding-top: 177px; width: 170px; background: url(assets/logo-watermark.png) no-repeat; }
.IE #watermark { margin-top: 0;  }

#brandBar { position: absolute; top: 0; left: 15px; margin-top: 58px; }
#brandBar .bar { padding-bottom: 1px; background: url(assets/logo-bg.png); }
.corner { background: url(assets/logo-corner.gif) no-repeat; } 
#brandBar .cornerTop { float: right; margin-top: -11px; width: 11px; padding-top: 11px; } 
#brandBar .cornerBottom { float: left; width: 25px; padding-top: 25px; background-position: 0 -11px; }
#brandBar .tagline { float: right; margin: 19px 68px 0 0; font-size: 220%; color: #a8aeb7; }
#brandBar .tagline em { font-style: normal; color: #f1f1f1; }
#brandBar h1 { padding-left: 18px; border-bottom: 1px solid #161932; }
#brandBar h1 a { display: block; width: 277px; padding-top: 63px; background: url(assets/logo.png) 0 15px no-repeat; }
#brandBar h1 a:active { background-position: 0 16px; }

#mainBody {  margin: 32px 11px 0 25px; padding: 20px 12px 0 0; border: 1px solid #b8b9c0; border-width: 0 0 1px 1px; background: #dbdee1 url(assets/mainbody-lines.png); }

#availableIce { float: left; margin: 200px 0 0 12px; width: 130px; text-align: center;  }
#availableIce a { display: block; padding-top: 60px; background: url(assets/icon-rink.png) no-repeat; font-size: 120%; text-transform: uppercase; color: #2c314f; }
#availableIce a em { float: right; display: block; margin-right: 8px; padding-top: 18px; width: 21px; background-position: 0 -2px;  }
#availableIce a:active { padding-top: 61px; background-position: 0 1px; }

#navContainer { float: right; border: 11px solid #e9e7e9; }
#navContainer img { display: block; }
.mainNav { overflow: hidden; border-top: 1px solid #525d6a; border-bottom: 1px solid #7f8891; background: #68727e url(assets/mainnav-bg.png) repeat-x; }
.mainNav li { float: left; list-style-type: none; font-size: 220%; text-transform: lowercase; border-left: 1px solid #838c97;  }
.mainNav li:first-child { border-left: 0; }
.mainNav li a { display: block; padding: 6px 21px 8px 22px; text-shadow: 1px 1px 1px #2e343e; -moz-text-shadow: 1px 1px 1px #2e343e; color: #e2e2e2; }
.mainNav li a:hover { text-decoration: none; color: #fff; }
.mainNav li a:active { padding-top: 7px; padding-bottom: 7px; }
.mainNav li.selected a { border: 1px solid #7f8891; border-width: 0 1px; background: #1c203f url(assets/mainnav-selected-bg.png) repeat-x; color: #fff; }

#contentContainer { clear: right; padding-top: 35px; }
.IE #contentContainer { clear: none; }

#rightSidebar { position: relative; float: right; margin-right: 40px; padding-top: 140px; width: 250px; background: url(assets/photos-candid.png) 16px 0 no-repeat; }
#rightSidebar a.button { position: absolute; top: 128px; left: 32%; padding: 6px 10px 7px 20px; text-transform: uppercase; -webkit-border-radius: 0.4em; -moz-border-radius: 0.4em; border-radius: 0.4em; -webkit-box-shadow: 0 0 1px rgb(0,0,0); -moz-box-shadow: 0 0 1px rgb(0,0,0); box-shadow: 0 0 1px rgb(0,0,0); background-position: 0 -80px; background-color: #6a804e; color: #fff8e0; }
.IE #rightSidebar a.button { padding: 5px 10px 6px 20px;  border: 1px solid #475832; }
#rightSidebar a.button:active { padding-top: 7px; padding-bottom: 6px; background-position: 0 -79px; }
.IE #rightSidebar a.button:active { padding-top: 6px; padding-bottom: 5px; } 

.thirdParty { background: url(assets/logo-3rd_party.png) no-repeat; }
.tiara { background-position: 4px -96px; }
.carha { background-position: 4px -196px; }
.welcomewagon { background-position: 0 -448px; }
.pointstreak { background-position: 0 -768px; }
.frankies { background-position: 0 -953px; }

#hockeyBox { float: right; margin: 38px 0 0 -60px; padding: 10px 0 10px 60px; text-align: center; }
#hockeyBox h4 { margin-bottom: 3px; font-size: 140%; color: #010101; }
#hockeyBox li { display: inline; padding: 0 7px; list-style-type: none; font-size: 110%; border-left: 1px solid #b0aea5; }
#hockeyBox li:first-child { border: none; }
#hockeyBox li a { color: #56513f; }

#sidebarBox { float: right; margin: 35px 30px 0 -60px; }
#sidebarBox a { display: block; padding: 20px 0 20px 140px; font-size: 140%; color: #56513f; }
.secNavWrap { margin: 60px 0 4px -7px; }
.secNav { display: inline-block; width: 165px; font-size: 170%; }
.secNav li { margin: 0 0 1px 11px; list-style-type: none; text-align: center; background: #999ca6; }
.secNav li.selected { margin-right: -4px; margin-left: 0; padding-bottom: 1px; background: #1c203f; }
.secNav li a { display: block; padding: 1px 5px 3px; text-transform: lowercase; color: #fff; }
.secNav li a:hover { text-decoration: none; background: #8e919a; }
.secNav li.selected a:hover { background: none; }
.secNav li a:active { padding-top: 2px; padding-bottom: 2px; }
.secNav li.selected a { margin-bottom: 0; padding-bottom: 2px; border-bottom: 1px solid #253948; }
.secNav li.selected a:active { padding-bottom: 1px;}
.secNav li span { display: none; float: left; margin-bottom: -6px; width: 6px; padding-top: 6px; opacity: .85; background-position: 0 -11px; }
.secNav li.selected span { display: block; }
.IE .secNav li.selected span { filter: alpha(opacity=90); }

#leftSidebar { float: left; margin-top: 10px; width: 158px; font-size: 120%; }
#leftSidebar .thirdParty, .copy .thirdParty { display: block; margin-top: 10px; margin-bottom: 30px; padding: 6px 0 0 63px; color: #00031e; }
#leftSidebar .pointstreak { padding-top: 40px; padding-left: 0; text-align: center; }
#leftSidebar .frankies { padding-top: 48px; padding-left: 0; text-align: center; }
.copy .thirdParty { margin-top: 0; padding-top: 15px; }

#leftSidebar .adBox { margin: 30px 0; padding: 6px; border: 1px solid #b8b9c0; background: #cdcdcd; }
#leftSidebar .adBox p { margin-top: 5px; }

#contentWrap { float: right; margin: -1px 48px 30px 5px; width: 430px; background: #fff url(assets/content-bg.png) repeat-x; }
.subpage #contentWrap { margin-right: 50px; width: 718px; }
#content { margin: 1px 2px 1px 1px; min-height: 360px; background: #fff; }


h2 { position: relative; margin: -1px; padding: 8px 9px 7px; text-transform: uppercase; font-size: 120%; font-weight: 400; text-shadow: 1px 1px 1px #fff; -moz-text-shadow: 1px 1px 1px #fff; border: 1px solid #c0c3c8; border-bottom: 0; background: #dee0e2; color: #586370; }
.subpage h2, .eventDetails h2 { padding: 40px 50px 25px 30px; font-size: 230%; background: none; text-transform: none; }
.titleLink { position: absolute; top: 9px; right: 9px; text-transform: uppercase; text-decoration: none; font-size: 80%; color: #586370; }
.titleLink:hover { text-decoration: underline; }
.subpage .titleLink { top: 50px; right: 60px; font-size: 50%; }
h3 { margin-top: 20px; margin-bottom: 10px; font-size: 110%; }
.copy { padding: 0 60px 20px 30px; font-size: 130%; line-height: 1.5em; }
.copy p { margin-bottom: 1.2em; }
.copy ul { margin: 0 35px 1.2em; }
.copy li { list-style-type: square; }
.copy .tagged { margin-left: 10px; padding: 2px 4px 3px; font-style: normal; font-size: 80%; text-transform: uppercase; background: #cb3402; color: #fff; }
.copy table, .tabs table { margin: 20px 0; width: 100%; }
.tabs table { margin-top: 2px; margin-left: 1px; font-size: 120%; }
.copy th, .tabs th { text-align: left; border: 1px solid #fff; border-width: 0 1px 1px 0; background: #dbdee1; }
.copy tr:hover, .tabs tr:hover { background: #dbdee1; }
.copy th, .copy td, .tabs th, .tabs td { padding: 4px 6px; }
.tabs td { padding: 6px; }
.tabs p { margin: 10px; font-size: 120%; }
.copy td, .tabs td { border-bottom: 1px solid #f1f1f1; }
.copy .horiz td { border-right: 1px solid #f1f1f1; }
.copy .horiz { border-top: 1px solid #f1f1f1; }
.copy img { border: 0; }
.announcement { border: 1px dashed #cccccc; padding: 10px; background: #e8f0f7; }

.events { margin: 0 0 10px 0 !important; padding: 2px 1px; font-size: 120%; }
.copy .events { line-height: 1.1em; font-size: 90%; }
.vevent { overflow: hidden; padding: 6px 6px 10px; list-style-type: none !important; background: #fff url(assets/events-bg.png) repeat-x; }
.vevent:hover { outline: 1px solid #ccc; outline-width: 0 0 1px 0; background-color: #f1f1f1; }
.eventDetails .vevent:hover { outline: none; background-color: inherit; }
.vevent .dtstart { float: left; padding: 2px 14px 2px 12px; min-width: 46px; text-align: center; text-transform: uppercase; text-shadow: 1px 1px 1px #908e8e; -moz-text-shadow: 1px 1px 1px #908e8e; border: 1px solid #878b96; border-width: 1px 0 0 1px; background: #b1b5bb url(assets/date-bg.png) repeat-x; color: #fff; }
.eventDetails .dtstart { float: none; padding: 0; text-align: left; text-transform: none; text-shadow: none; -moz-text-shadow: none; font-weight: 700; border: 0; background: 0; color: inherit; }
.vevent .dtstart span { display: block; }
.vevent .dtstart .dtday { font-size: 320%; line-height: 40px !important; }
.vevent .summary { display: block; margin: 3px 85px 1px 0; font-size: 110%; font-weight: 700; color: #e05729; }
.vevent .timestart { color: #00031e; }
.eventDetails .timestart { font-weight: 700; color: inherit; }
.vevent .description { margin-top: 9px; line-height: 15px; }
.vevent .summary, .events li .timestart, .events li .description { margin-left: 80px; }
.eventDetails .summary { margin-left: 0; margin-bottom: 10px; padding: 0;  border: 0; }

.vevent .button, .copy .button { float: right; padding: 4px 5px 5px; text-shadow: 1px 1px 1px #c43d0f; -moz-text-shadow: 1px 1px 1px #c43d0f; border: 1px solid #b9512e; background: #f67236 url(assets/button-bg.png) repeat-x; color: #fff; }
.copy .buttonGreen { text-shadow: 1px 1px 1px #00662f; -moz-text-shadow: 1px 1px 1px #00662f; border-color: #00662f; background-position: 0 -103px; }
.copy .buttonBlue { text-shadow: 1px 1px 1px #115488; -moz-text-shadow: 1px 1px 1px #115488; border-color: #115488; background-position: 0 -203px; }
.copy .buttonPurple { text-shadow: 1px 1px 1px #461d65; -moz-text-shadow: 1px 1px 1px #461d65; border-color: #461d65; background-position: 0 -303px; }
.copy .buttonRed { text-shadow: 1px 1px 1px #b41117; -moz-text-shadow: 1px 1px 1px #b41117; border-color: #b41117; background-position: 0 -403px; }
.copy .buttonIndigo { text-shadow: 1px 1px 1px #130f74; -moz-text-shadow: 1px 1px 1px #130f74; border-color: #130f74; background-position: 0 -503px; }
.copy .buttonLightBlue { text-shadow: 1px 1px 1px #1b62a3; -moz-text-shadow: 1px 1px 1px #1b62a3; border-color: #1b62a3; background-position: 0 -603px; }

.vevent .button:active, .copy .button:active { padding-top: 5px; padding-bottom: 4px; }
.copy td .button { float: none; padding: 3px 5px 4px; font-size: 90%; }
.copy td .button:active { padding-top: 4px; padding-bottom: 3px; }

.moreLink { margin-left: 90px; font-size: 140%; color: #e05729; }

.overlay { display: none; padding: 30px; width: 625px; background: url(assets/overlay-bg.png); }
.overlay .close { position: absolute; right: 12px; top: 12px; height: 30px; width: 30px; cursor: pointer; background-position: 0 -269px; }
.overlay .overlayBody { padding: 10px; font-size: 130%; background: #fff; }
.googleMaps { display: inline-block; padding-top: 8px; }
#seatingChart .overlayBody { margin-top: 50px; text-align: center; }

iframe { border: 0; }
iframe { width: 605px; height: 445px; }

#pageBottomWrap { min-height: 173px; border-top: 1px solid #dbdadd; background: url(assets/pagebottom-bg.png) repeat-x; }
#pageBottom { margin: 0 auto; padding-top: 10px; }
#pageBottom ul { overflow: hidden; }
#pageBottom li { float: left; margin-left: 50px; padding-bottom: 3px; width: 11%; list-style-type: none; text-transform: lowercase; font-size: 140%; }
#pageBottom ul ul { margin-top: 4px; }
#pageBottom li li { float: none; margin-left: 0; width: auto; font-size: 90%; }
#pageBottom li a { display: block; padding-top: 10px; color: #1c203f; }
#pageBottom li li a { padding-top: 0; color: #cb3402; }
#pageBottom li.home a { padding-left: 3px; }
#pageBottom li.home em { display: block; float: left; margin: -8px 5px 0 0; padding-top: 25px; width: 21px; background-position: 0 -176px; }
.copyright { margin: 25px 0; font-size: 120%; text-transform: lowercase; text-align: right; padding-right: 78px; }

fieldset { margin-bottom: 40px; border: 0; }
label { display: block; margin-top: 10px; }
fieldset label:first-child { margin: 0; }
input, select { width: 215px; font-size: 100%; }
.copy fieldset input.button { float: none; margin-top: 15px; width: auto; }
textarea { width: 100%; height: 100px; font-size: 100%; }