/* SIMPLE TO REMEMBER 2008 */ /* RESET OBJECTS */ 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, caption { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; } body { background:#3F6696 url(/images/bg-body.jpg) repeat-x left top; font: normal 70% Arial, sans-serif; color:#666; text-align:center; } /* FOUNDATION */ #wrapper { background: #FFF url(/images/bg-header.jpg) no-repeat center top; padding: 15px; margin: 15px auto 15px; text-align: left; width: 960px; overflow: visible; } #branding { height: 65px; position: relative; width: 960px; } #logo { height: auto; float: left; width: auto; } #logo a:link { text-decoration: none; border: 0px; } #logo a:visited { text-decoration: none; border: 0px; } #logo a:hover { text-decoration: none; border: 0px; } #search { height: 25px; float: right; text-align: right; width: 350px; margin-top: 10px; } #banner_major { height: 220px; margin-bottom: 13px; position: relative; width: 960px; } .italian-alps { background: #FFF url(/images/banner_major_2.jpg) no-repeat center top; } .swiss-alps { background: #FFF url(/images/banner_major_11.jpg) no-repeat center top; } .sun { background: #FFF url(/images/banner_major_3.jpg) no-repeat center top; } .canyon { background: #FFF url(/images/banner_major_4.jpg) no-repeat center top; } .water { background: #FFF url(/images/banner_major_5.jpg) no-repeat center top; } .lake { background: #FFF url(/images/banner_major_8.jpg) no-repeat center top; } .beach { background: #FFF url(/images/banner_major_7.jpg) no-repeat center top; } .lake2 { background: #FFF url(/images/banner_major_9.jpg) no-repeat center top; } .rockies { background: #FFF url(/images/banner_major_10.jpg) no-repeat center top; } #content { background: #FFF; clear: both; height: auto; overflow: auto; position: relative; width: 960px; } #footer { background: #5C88BE; border-top: 1px solid #678FC0; clear: both; height: auto; margin-top: 15px; position: relative; width: 100%; } /* LAYOUT */ #homeLeft { float: left; height: auto; position: relative; width: 570px; } #homeRight { float: right; height: auto; position: relative; width: 320px; } #subLeft { float: left; position: relative; width: 585px; } #subRight { float: right; margin: 0 0 40px 0; position: relative; width: 325px; } .column { float: left; width: 445px; margin: 0 20px 15px 0; } .comments2 { background-color: #FFFFFF; margin: 0px 25px 10px 0px; padding: 15px 5px; } .comments { background-color: #EFEFEF; border-bottom: 1px solid #EEEEEE; margin: 0px 25px 10px 0px; padding: 15px 5px; } .media { margin: 0 0 15px 0; } .clear { position: relative; clear: both; margin: 20px 0 0 0; } .left { float:left; padding: 3px; width: 48%; } .right { float:right; padding: 3px; margin: 0 5px 0 0; width: 48%;} .spacer { height: 0; overflow: visible; } .amp { font-size: 200%; padding-bottom: 1px; border-bottom: 1px solid #CCC; } #player-unit { clear:both; position:relative; } .player { margin:10px 0px 15px 0px; position:relative; } .download { display:inline; position:relative; } .infoByLine { clear: both; color: #777; font-size: 100%; overflow: hidden; position:relative; line-height:20px; margin-top:15px; } .infoByLine a:link { padding-bottom:10px; font-weight:normal; } .infoByLine a:visited { padding-bottom:10px; font-weight:normal; } .infoByLine a:hover { padding-bottom:10px; font-weight:normal; } #category-list { position:relative;clear:both;margin-top:20px; } /* TYPOGRAPHY */ h1 { color: #000; font-size: 220%; line-height: 130%; font-family: Arial, sans-serif; font-weight: bold; margin: 20px 25px 15px 0px; word-spacing: -0.07em; } h1 a:link { color: #2a5db0; border-bottom: 0px; outline: none; text-decoration: none; } h1 a:visited { color: #999; outline: none; text-decoration: none; } h1 a:hover { color: #5385D7; outline: none; text-decoration: none; } a:active { outline: none; } h1.player { margin-bottom:3px; } h2 { clear: both; color: #4b7bb7; font-family: Arial, sans-serif; font-size: 160%; font-weight: bold; line-height: 140%; margin: 20px 25px 10px 0px; } h2 a:link { color: #4b7bb7; border-bottom: 0px; outline: none; text-decoration: none; } h2 a:visited { color: #4b7bb7; outline: none; text-decoration: none; } h2 a:hover { color: #4b7bb7; outline: none; text-decoration: none; } .sectionTitle { color: #4B7BB7; margin: 23px 25px 15px 0px; padding-bottom: 5px; border-bottom: 1px solid #CCC; } h3 { clear: left; color: #000; font-family: Arial, sans-serif; font-size: 130%; line-height: 140%; margin: 0px 25px 7px 0px; font-weight: normal; } p { color: #000; font: normal 110%/165% Arial, sans-serif; margin: 0px 25px 15px 0px; padding: 0px 10px 0px 0px; } strong { font-weight: bold; } em { font-style: italic; } /*#content ul, ol { color: #000; font: normal 110%/165% Arial, sans-serif; margin: 0 0 10px 0; }*/ #content ul, ol { color: #000; margin: 0 0 10px 0; } #content li { padding: 0px 0px 0px 12px; margin: 0px 15px 0px 25px; } #content ul > li > ul { color: #000; font: normal 110%/165% Arial, sans-serif; margin: 0 0 10px 0; } #content ol > li > ol { color: #000; font: normal 110%/165% Arial, sans-serif; margin: 0 0 10px 0; } #content ul > li > ul > li { padding: 0px 0px 0px 12px; margin: 0px 15px 0px 25px; } #enlarged-body p { color: #000; padding: 0px 10px 0px 0px; position:relative; } #enlarged-body { color: #000; font: normal 125%/155% Arial, sans-serif; margin: 0px 25px 15px 0px; padding: 0px 10px 0px 0px; position:relative; } /*#enlarged-body ul, ol { color: #000; font: normal 125%/155% Arial, sans-serif; margin: 0 0 10px 0; } */ #enlarged-body ul, ol { color: #000;} /*#enlarged-body li { padding: 0px 0px 0px 12px; margin: 0px 15px 0px 25px;} #enlarged-body ul > li > ul { color: #000; font: normal 125%/155% Arial, sans-serif; margin: 0 0 10px 0; } #enlarged-body ol > li > ol { color: #000; font: normal 125%/155% Arial, sans-serif; margin: 0 0 10px 0; } */ #enlarged-body li { padding: 0px;} #enlarged-body ul > li > ul { color: #000; } #enlarged-body ol > li > ol { color: #000; } /* #resources ul, ol { color: #000; font: normal 110%/165% Arial, sans-serif; margin: 0 0 20px 0; } #resources li { list-style-image: url(/images/blue-bull.jpg); list-style-position: inside; margin-bottom: 0px; } */ #resources ul, ol { color: #000; margin: 0 0 20px 0; } #resources li { list-style-image: url(/images/blue-bull.jpg); list-style-position: inside; margin-bottom: 0px; } .footerHeaders { color: #FFFFFF; font-size: 110%; float: left; height: auto; padding: 10px 0px 5px 15px; position: relative; width: 140px; text-align: left; } .footerLinkSet { color: #FFFFFF; float: right; font-size: 110%; height: auto; padding: 10px 10px 5px 0px; position: relative; width: 740px; text-align: left; } blockquote { color: #333333; font: normal 100%/170% Arial, sans-serif; margin: 0px 75px 10px 35px; padding: 10px; } .pagination { font-size: 95%; font-weight: bold; padding: 20px 10px 0px 0px; } .commentBy { font: normal 120%/150% Arial, sans-serif; color: #333; margin: 0px 20px 10px 0px; padding: 0px 10px 0px 0px; } .infoComments { border-top: 1px solid #EEEEEE; border-bottom: 1px solid #EEEEEE; clear: both; color: #999999; margin-top: 15px; padding: 5px; overflow: auto; text-align: left; width: 95%; } .infoComments p { margin: 0px 25px 0px 0px; } .marker { color: #FFF; background-color: #658DBE; padding: 0px 3px; } /* LINKS */ a:link { color: #2a5db0; border-bottom: 0px; outline: none; text-decoration: underline; } a:visited { color: #999; outline: none; text-decoration: underline; } a:hover { color: #5385D7; outline: none; text-decoration: underline; } a:active { outline: none; } .listItem p { margin: 0px 20px 0px 0px; padding: 5px 0px; } .listItem a:link { color: #2a5db0; border-bottom: 0px; outline: none; text-decoration: underline; } .listItem a:visited { color: #999; outline: none; text-decoration: underline; } .listItem a:hover { color: #5385D7; outline: none; text-decoration: underline; } .noStyleLink { text-decoration: none; } .infoList { font: normal 90%/170% Arial, sans-serif; padding: 0px 10px 0px 0px; margin: -15px 15px 0px 0px; color: #777; } .allLink p { color: #333333; font: bold small-caps normal 100%/150% Arial, sans-serif; letter-spacing: -0.02em; margin: 0px 20px 0px 0px; padding: 5px 0px; } .allLink a { color: #2a5db0; } .footerLinkSet a:link { border-bottom: 0px; color: #FFF; outline: none; text-decoration: underline; } .footerLinkSet a:visited { border-bottom: 0px; color: #FFF; outline: none; text-decoration: underline; } .footerLinkSet a:hover { color: #FFF; outline: none; text-decoration: underline; } .dummyLink { color: #2a5db0; } /* NAVIGATION */ #nav { background: #5C88BE url(/images/bg-nav.jpg) repeat-x left top; float: left; font: bold 110%/170% Arial, sans-serif; height: 40px; margin-bottom: 10px; position: relative; width: 960px; } #nav ul { list-style: none; } #nav li { float:left; line-height: 32px; margin-top: 5px; text-align: center; } #nav a { border: none; color: #C2D2E7; display: block; float: left; height: 46px; margin-right: 2px; padding: 0px 20px; text-decoration: none; width: 105px; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ #nav a { float:none; } /* End IE5-Mac hack */ #nav a:hover { color: #FFF; } #nav #current a { background: url(/images/bg-nav-current.jpg) no-repeat center 35px; color: #FFF; } .navTags { color: #FFF; font-size: 100%; } /* IMAGES */ .contentImage { border: 0px; float: left; margin: 0px 15px 10px 0px; } .sidebarTitle { margin: 23px 5px 15px 0px; padding-bottom: 5px; border-bottom: 1px solid #CCC; } .mainTitle { clear: both; margin: 23px 25px 15px 0px; padding-bottom: 5px; border-bottom: 1px solid #CCC; } .visitorLocations { margin: 20px 0 0 0; } .feed { float: right; margin: 23px 50px 15px 0px; border: none; } .feed a { border: none; } .ads { margin-top: 20px; } .ads a:link { border: none; } .ads a:visited { border: none; } .ads a:hover { border: none; } .ads a:hover { border: none; } /* MEDIA */ .flashPlayer { float: left; clear: none; position: relative; } embed { clear: both; margin: -2px 8px 20px 0; position: relative;} /* Following styles added May 2009 */ .relatedMedia { border-bottom: 1px solid #CCC; padding-bottom: 15px; margin-right: 25px; } .postTitle { margin-top: 40px; } /* Google footer search */ #google-footer { padding-top: 30px; padding-bottom: 15px; width: 100%; } #google-footer form { margin-right: auto; margin-left: auto; text-align: center; padding-top:15px; padding-bottom: 15px; border-top: 1px solid; border-bottom: 1px solid; } #footerSearch { clear: both; height: 150px; width: 100%; } /* ADD THIS HANDLING */ #addThis { margin: 15px 0 0 0; position: relative; clear: left; } #at_pspromo {display: none !important; }/* CSS Document */ .addsocial {float: right; margin: 0 194px 15px; padding: 3px;} #footer_url {display: none;} /*Add This 29-08-12*/ .addthis_button_facebook_like, .addthis_button_tweet{width:80px;} .addthis_button_google_plusone{width:65px;} .addthis_counter addthis_pill_style{width:95px;} #container_wrapper {widows:580px !important; height:300px !important;} .toggle {display: none;} .mobile-logo {display: none;} .desc-logo {display: block;} /* NAVIGATION */ #nav-mobile { background: #6b93c2; position: absolute; z-index: 99; display: none; top: 65px; left: 0; width: 100%;} #nav-mobile ul {list-style: none; padding: 10px 0;} #nav-mobile li {line-height: 32px; font-size: 14px; margin-top: 0px; text-align: left; display: block;} #nav-mobile li .submenu {padding: 0 30px; text-transform: uppercase; display: none;} #nav-mobile li a.subitem {position: relative;} #nav-mobile li a.subitem:after {content: ""; width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 6px solid #fff; display: inline-block; vertical-align: middle; margin-left: 8px; margin-top: -2px;} #nav-mobile li a.subitem.active:after {content: ""; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #fff; display: inline-block; vertical-align: middle; margin-left: 8px; margin-top: 3px;} #nav-mobile a { border: none; color: #fff; display: block; padding: 0 15px; display: block; margin: 0px; text-decoration: none;} .searchbox {padding: 0 15px 10px; display: none; text-align: center;} .searchbox form {display: inline-block;} .searchbox ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #fff; } .searchbox ::-moz-placeholder { /* Firefox 19+ */ color: #fff; } .searchbox :-ms-input-placeholder { /* IE 10+ */ color: #fff; } .searchbox :-moz-placeholder { /* Firefox 18- */ color: #fff; } .searchbox input[type="text"] {border: none; background: none; border-bottom: 2px solid #fff; color: #fff; padding: 0; height: 30px; font-size: 16px;} .searchbox input[type="submit"] {border: none; background: #fff; color: #6b93c2; border-radius: 3px; height: 30px; font-size: 16px;} #subLeft h3.before-title {display: none!important;} @media screen and (max-device-width: 1024px) and (min-device-width: 768px) { BODY {min-width: 960px;} BODY #wrapper { zoom: 0.74; font-size: .8rem; } } @media screen and (max-width: 767px) { * {box-sizing: border-box;} .mobile-logo {display: block;} .desc-logo {display: none;} #nav-mobile {display: none;} #nav-mobile li {font-size: 18px; line-height: 42px;} #wrapper {width: 100%; padding: 0; margin: 0;} #branding, #banner_major, #nav, #content, #homeLeft, #subLeft, #homeRight, #subLeft, #subRight {width: 100%;} #homeLeft #subLeft, #homeRight #subRight {padding: 0;} #enlarged-body {margin: 0 0 25px 0; padding: 0;} #enlarged-body iframe { display: block; width: 100%; position: absolute; top:0; left: 0; width: 100%; height: 100%; } .iframe-wrap {position: relative; height: 0; overflow: hidden; padding-bottom: 56.25%;} .iframe-wrap > IFRAME { max-width: 100%; } .iframe-wrap.tall { height: auto; padding-bottom: 0; } #branding {background: #4673aa; position: relative;} #logo {max-width: 260px; margin: 12px 10px;} #logo img {max-width: 100%;} #search {display: none;} #nav, #banner_major {height: auto; display: none;} #homeLeft, #subLeft {padding: 5px 15px; overflow: hidden;} .sectionTitle {margin: 20px 0 10px; text-transform: uppercase;} h1 {margin: 10px 0; font-size: 200%;} #homeRight, #subRight {padding: 0 15px 15px; overflow: hidden;} #homeRight img, #subRight img {margin: auto; display: block;} #footer {padding: 0 15px;} .footerHeaders {margin: 0!important; width: 100%; padding: 30px 0 0;} .footerHeaders img {margin: auto; display: block;} .footerLinkSet {padding: 0; height: auto; margin: 0 0 20px; clear: both; padding: 30px 0 0; width: 100%; float: none;} .social {display: none;} #enlarged-body {font-size: 138%;} .listItem p {font-size: 120%; margin-right: 0;} .toggle {position: absolute; top: 19px; right: 15px; z-index: 99999; background: url('/images/hamburger.png') no-repeat center; background-size: 100%; height: 25px; display: block; width: 25px;} #subLeft h2 {margin: 20px 0 10px;} #subLeft p {margin-right: 0; padding-right: 0;} .contentImage {width: 100%;} .contentImage img {max-width: 100%; height: auto;} #enlarged-body p {margin-right: 0; padding: 0; font-size: 100%; line-height: 146%;} .events #content {padding: 0 15px;} .events #content .column {width: 100%; margin: 0 0 15px;} .addthisto {margin: 0!important; padding: 7px 0!important;} #subLeft h3.before-title {display: block!important; text-transform: uppercase; font-family: Arial, sans-serif; color: #4B7BB7; border-bottom: 1px solid #CCC; padding-bottom: 5px; margin: 10px 0 10px; font-weight: bold;} #resources ul li, #resources {font-size: 14px; line-height: 20px;} #enlarged-body img {max-width: 100%; height: auto;} } @media screen and (max-width: 515px) { .jwplayer {width: 100%!important; height: 200px!important;} } @media screen and (min-width: 768px) { .mobile-only { display: none !important; } }