html { margin-top:0; padding-top:0; }
body#Body { font-size: 12px; font-family:  Trebuchet MS, Arial, Helvetica, sans-serif; text-align: center; margin: 0px; padding: 0 0 51px 0; background-color:#000; }
.Normal, .NormalDisabled { font-weight:400; }
.NormalDisabled { color:Silver; }
.NormalArticle{padding:20px;}
.NormalRed { font-weight:700; color:red; }
.NormalBold, H5, DT, H6 { font-weight:700; }
.NormalTextBox { font-size:1em; font-weight:400; line-height:1.1em; }
.Head { font-size:1.3em; font-weight:400; }
.SubHead { font-weight:500; color:#5b3d0d; font-size:1.2em; }
.FormLable { width:150px; display:block; margin-right:5px; }
.CommandButton { font-size:.9em; }
.FormLable { font-weight:400; color:#5b3d0d; display:inline; width:150px; float:left; line-height:1.1em; }
.SubHead { font-weight:400; color:#5b3d0d; }
.SubSubHead { font-weight:700; color:#000; }
.Help { border-right:#000 1px solid; border-top:#000 1px solid; font-weight:400; border-left:#000 1px solid; color:#000; border-bottom:#000 1px solid; background-color:#ff9; padding:2px; }
#copy textarea { border: #333333 solid 1px; font-size:.9em; }
input.StandardButton { padding-right:5px; padding-left:5px; font-weight:400; background:#ddd; color:#000; font-size:1em; }
.NormalTextBox { border: #333333 solid 1px; font-size:.9em; }
input.styled { border:none !important }
H1 { font-size:1.5em; font-weight:700; }
H2 { font-size:1.4em; font-weight:400; color:#5b3d0d }
H3 { font-size:1.3em; font-weight:400; color:#5b3d0d }
H3.SubHead { margin:0; padding:0; line-height:26px; }
H4 { font-size:1.1em; font-weight:700; }
TFOOT, THEAD { font-size:1em; }
TH { vertical-align:baseline; font-size:1em; font-weight:700; }
SMALL { font-size:.8em; }
BIG { font-size:1.2em; }
HR { color:dimgrey; height:1pt; }
.clearBoth { clear:both; line-height:0px; height:0px; font-size:0px; visibility:collapse; }
caption { text-align:left; font-size:1.3em; }
a, a:link { color:#5b3d0d; }
a:visited, a:active { color:#444; }
a[disabled="disabled"] { color:#ffffff; }
a.pdfLink { padding-right: 17px; background:url(/images/pdf.gif) top right no-repeat; }
a.externalLink { padding-right: 17px; background:url(/images/offsite.gif) top right no-repeat; }
.ControlPanel { width: 100%; background-color: #dfe5f2; float:left; z-index:200; clear:both; }

/* Columns */
.c2-1,.c2-2,.c3-1,.c3-2,.c3-3{float:left;}
.c2-2,.c3-2,.c3-3{margin-left:20px;}
.c2-1,.c2-2{width:45%;}
.c3-1,.c3-2,.c3-3{width:32%;}

#wrapper { background:url(/portals/0/images/bg/bearmountain-back06.jpg) no-repeat 0px 0px; text-align: left; width: 870px; padding-top: 34px; margin-right: auto; margin-bottom: 0px; margin-left: auto; position: relative; }
#wrapper:hover { visibility: visible;}
.play #wrapper { background:url(/portals/0/images/bg/bearmountain-back00.jpg) no-repeat; }
.stay #wrapper { background:url(/portals/0/images/bg/bearmountain-back02.jpg) no-repeat; }
.live #wrapper { background:url(/portals/0/images/bg/bearmountain-back08.jpg) no-repeat; }
#liveTab { top:0px; font-size:1.6em; padding:.2em; }
#stayTab { top:35px; font-size:1.6em; padding:.2em; }
#playTab { top:70px; font-size:1.6em; padding:.2em; }
#mainTitle { position:absolute; top:-200px }
#margin { width:800px; margin:0px 0px 50px 30px; padding:0px 8px 15px 8px; background:#FFF url(/Portals/0/images/bg-margin.gif) bottom repeat-x; }
#pageBody { float:left; width:600px; display:block; border-left: #6c6141 solid 200px; z-index:4; background-color:#FFF; }
#mainNav { position:absolute; top:0px; left:523px; z-index:990; height:75px; overflow:hidden; }
.media { z-index:100; }
.navTitle { padding:10px 30px !important; background:#000; border:#6c6141 solid; }
.hasJS a.navTitle { display:none; }
#gutter { float:left; width:200px; margin-left:-200px; display:block; height:775px; padding-bottom:50px; z-index:8; position:relative; }
.live #gutter {height:900px;}
.stay #gutter {height:775px;}
.play #gutter {height:900px;}
#mainLogo { height:250px; width:200px; }
#subLogo { background:url(/Portals/0/images/bg/gutter.gif) no-repeat; height:150px }
#subNav { color:#FFFFFF; min-height:565px; }
#sideAd { width:200px; clear:both; padding-top:10px; }
#sideAd table { width:100%; text-align:center; }
#header { height:250px; background:#FFFFFF; background-repeat:no-repeat; background-position:bottom; background-image: url(/Portals/0/images/head/Golf/Mountain/Mountain_Course_01.jpg)}
#copy { padding:0 20px; color:#444; line-height:1.6em; float:right; width:550px; z-index:5; }
#copy li { line-height:1.6em; }
#copy a:link, #copy a { font-weight:bold }
.titleContainer {margin:0; padding:0; padding-top:10px; }
.contentContainer { clear:left; }
.ContentPane { float:left; margin:0; padding:0; }
.posting { padding:0; margin:0; margin-bottom:15px; border:solid #655927 1px; }
.posting span { margin:10px; display:block; }
.posting h4 { padding:4px; margin:0; background-color:#655927; color:#FFFFFF; }
.post-date { background-color:#C3B264; color:#663300; display:block; margin:0; padding:.2em; font-size:.8em; text-align:right; }
#object { width:260px; left:0px; height:200px; margin:0px; position:absolute; bottom:10px; z-index:10; }
.play #object { background:url(/portals/0/images/objects/object_golf.gif) no-repeat; }
.stay #object { background:url(/portals/0/images/objects/object_bird.gif) no-repeat; }
.live #object { background:url(/portals/0/images/objects/object_bird_2.gif) no-repeat; }
.artimg { padding: 5px; margin: 5px; border: 1px solid #DDD;}
#JSpane { position:absolute; top:-600px; left:0; }
.JSpane a:link { color:#0033CC; }
#toolbar { width:100%; height:51px; overflow:none; position: fixed; bottom:0; left:0; background:url(/Portals/0/images/bg-toolbar.gif) bottom repeat-x; color:#eee; text-align:center; z-index:1000; }
#toolbar ul { margin:0; padding:0; display:inline; }
#toolbar li { display:inline; padding-left:.6em; }
#breadcrumb { width: 800px; height:25px; padding:0px 10px 0px 10px; line-height:25px; text-align:left; margin:auto; }
#bottomNav { width: 800px; height:26px; padding:0px 10px 0px 10px; line-height:26px; text-align:left; margin:auto; }
ul#articleMenu { position:relative; list-style-type:none; margin:0px; padding:10px 0px; }
ul#articleMenu li { position:relative; height:26px; list-style-type:none; float:left; }
ul#articleMenu li a { display:block; text-decoration:none; height:25px; line-height:25px; width:140px; text-indent:5px; border:#666666 solid 1px; margin-right:2px; }

table.zebra { width:100%; border: none; border-left:#6c6141 solid 1px; border-top:#6c6141 solid 1px; border-collapse: collapse; margin-bottom:20px; font-size:1em; }
.zebra tr { background-color: #f6f1e1; color:#000000; }
.zebra tr.evenRow { background-color:#fff; color:#000000; }
.zebra tr.clicked { background-color:#FFFFCC; }
.zebra th { background-color:#6c6141; color:#fff; padding:.2em .7em .2em .2em; font-size:1.2em; text-align:left; }
.zebra tbody tr:hover { }
.zebra td { margin:.1em; border: none; padding:.4em; vertical-align:top; line-height:1em; border-right:#6c6141 solid 1px; border-bottom:#6c6141 solid 1px; }
.zebra td a { display:block; }
.zebra em { font-size:.8em; }
table.sortable a.sortheader { text-decoration: none; display: block; height:16px; }
table.sortable span.sortarrow { color: black; text-decoration: none; margin-left:5px; }
#toolbar a, #toolbar a:visited { color: #ffffcc; text-decoration:none; font-size:11px; }
#toolbar a:hover { color: #fff; }
#toolbar h6 { padding-left:12px; margin-top:5px; }
span.galleryInfo{display:block;}

/*** Menu ***/
.SEOMenu { Padding:20px 0; font-size:9pt; text-transform:uppercase; text-align:right; line-height:1.0;}
.SEOMenu * {margin:0; padding:0; list-style:none;}
.SEOMenu a{ padding: 7px 15px 7px 7px; display:block; text-decoration:none;}
.hasJS .SEOMenu ul ul{position:absolute; top:-999em; width:200px;}


.sf-menu {z-index:999; position:relative;  }
.sf-menu ul {  /* left offset of submenus need to match (see below) */ }
.sf-menu ul li { width:100%; }
.sf-menu li:hover { visibility:inherit; /* fixes IE7 'sticky bug' */ }
.sf-menu li { float:left; position:relative; }
.sf-menu a { display:block; position:relative; }
.sf-menu li:hover ul, .sf-menu li.sfHover ul { left:0; top:2.5em; /* match top ul list item height */ z-index:99; }
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top:-999em; }
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left:200px; /* match ul width */ top:0; }
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top:-999em; }
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left:200px; /* match ul width */ top:0; }
/*** DEMO SKIN ***/
.sf-menu { float:left; margin-bottom:1em; }
.sf-menu a {padding: 7px 15px 7px 7px; text-decoration:none; }
.SEOMenu a, .sf-menu a, .sf-menu a:visited { /* visited pseudo selector so IE6 applies text colour*/ color:#fff; }
.sf-menu li { background:#6c6141; }
.sf-menu li li, .sf-menu li li li { background:#6c6141; border-left:solid #8F7F50 1px; }
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active, .sf-menu .CurrentItem { background:#574E32; outline:0; }
/*** arrows **/
.sf-menu a.sf-with-ul { padding-right: 1%px; min-width:1px; /* trigger IE7 hasLayout so spans position accurately */ }
.sf-sub-indicator { position:absolute; display:block; right:.5em; top:1.05em; /* IE6 only */ width:10px; height:20px; text-indent: -999em; overflow:hidden; }
a > .sf-sub-indicator {  /* give all except IE6 the correct values */ top:.5em; background-position: 0 -100px; /* use translucent arrow for modern browsers*/ }
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator { background-position: -10px -100px; /* arrow hovers for modern browsers*/ }
/*** adding sf-vertical in addition to sf-menu creates a vertical menu ***/
.sf-vertical, .sf-vertical li { width:200px; }
/* this lacks ul at the start of the selector, so the styles from the main CSS file override it where needed */
.sf-vertical li:hover ul, .sf-vertical li.sfHover ul { left:200px; /* match ul width */ top:0; }
/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator, .sf-menu ul li:hover > a > .sf-sub-indicator, .sf-menu ul li.sfHover > a > .sf-sub-indicator { background-position: -10px 0; /* arrow hovers for modern browsers*/ }
/*** shadows for all but IE6 ***/
.sf-shadow ul { background:url('/images/shadow.png') no-repeat bottom right; padding: 0 8px 9px 0; -moz-border-radius-bottomleft: 17px; -moz-border-radius-topright: 17px; -webkit-border-top-right-radius: 17px; -webkit-border-bottom-left-radius: 17px; }
.sf-shadow ul.sf-shadow-off { background: transparent; }
/*** adding sf-vertical in addition to sf-menu creates a vertical menu ***/
.sf-vertical, .sf-vertical li { width:200px; }
/* this lacks ul at the start of the selector, so the styles from the main CSS file override it where needed */
.sf-vertical li:hover ul, .sf-vertical li.sfHover ul { left:200px; /* match ul width */ top:0; }
/*** alter arrow directions ***/
.sf-vertical .sf-sub-indicator { background-position: -10px 0; } /* IE6 gets solid image only */
.sf-vertical a > .sf-sub-indicator { background-position: 0 0; } /* use translucent arrow for modern browsers*/
/* hover arrow direction for modern browsers*/
.sf-vertical a:focus > .sf-sub-indicator, .sf-vertical a:hover > .sf-sub-indicator, .sf-vertical a:active > .sf-sub-indicator, .sf-vertical li:hover > a > .sf-sub-indicator, .sf-vertical li.sfHover > a > .sf-sub-indicator { background-position: -10px 0; /* arrow hovers for modern browsers*/ }
