/* HTML5 ✰ Boilerplate
* ==|== normalize ==========================================================
*/
@font-face {
font-family: 'a_love_of_thunderregular';
src: url('../../includes/fonts/aloveofthunder-webfont.eot');
src: url('../../includes/fonts/aloveofthunder-webfont.eot?#iefix') format('embedded-opentype'),
url('../../includes/fonts/aloveofthunder-webfont.woff2') format('woff2'),
url('../../includes/fonts/aloveofthunder-webfont.woff') format('woff'),
url('../../includes/fonts/aloveofthunder-webfont.ttf') format('truetype'),
url('../../includes/fonts/aloveofthunder-webfont.svg#a_love_of_thunderregular') format('svg');
font-weight: normal;
font-style: normal;
}
::-moz-selection, ::selection {
background:#c8c8c8/* sorry h5bp :( */;
color:#fff;
text-shadow:none
}
abbr[title] {
border-bottom: none
}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
display: block
}
audio, canvas, video {
display: inline;
zoom: 1px
}
audio:not([controls]), [hidden] {
display: none
}
b, strong {
font-weight: 700
}
blockquote {
margin: 1em 40px
}
body {
font-size: 13px;
line-height: 1.231;
margin: 0
}
button, input {
line-height: normal;
overflow: visible
}
button, input, select, textarea {
font-size: 100%;
margin: 0;
vertical-align: middle
}
button, input[type="button"], input[type="reset"], input[type="submit"] {
-webkit-appearance: button;
cursor: pointer
}
button::-moz-focus-inner, input::-moz-focus-inner {
border:0;
padding:0
}
dd {
margin: 0 0 0 40px
}
dfn {
font-style: italic
}
fieldset {
border: 0;
margin: 0;
padding: 0
}
figure, form {
margin: 0
}
hr {
border: 0;
border-top: 1px solid #ccc;
display: block;
height: 1px;
margin: 1em 0;
padding: 0
}
html {
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
font-size: 100%;
overflow-y: scroll
}
img {
-ms-interpolation-mode: bicubic;
border: 0;
vertical-align: middle
}
input:invalid, textarea:invalid {
background-color:#f0dddd
}
input[type="checkbox"], input[type="radio"] {
box-sizing: border-box
}
input[type="search"] {
-moz-box-sizing: content-box;
-webkit-appearance: textfield;
-webkit-box-sizing: content-box;
box-sizing: content-box
}
input[type="search"]::-webkit-search-decoration {
-webkit-appearance:none
}
ins {
background: #ff9;
color: #000;
text-decoration: none
}
label {
cursor: pointer
}
legend {
border: 0;
margin-left: -7px;
padding: 0
}
mark {
background: #ff0;
color: #000;
font-style: italic;
font-weight: 700
}
nav ul, nav ol {
list-style: none;
list-style-image: none;
margin: 0;
padding: 0
}
pre {
white-space: pre-wrap;
word-wrap: break-word
}
pre, code, kbd, samp {
_font-family: 'courier new', monospace;
font-family: monospace, monospace;
font-size: 1em
}
q {
quotes: none
}
q:before, q:after {
content: none
}
small {
font-size: 85%
}
sub {
bottom: -0.25em
}
sub, sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}
sup {
top: -0.5em
}
svg:not(:root) {
overflow: hidden
}
table {
border-collapse: collapse;
border-spacing: 0
}
table button, table input {
overflow: auto
}
td {
vertical-align: top
}
textarea {
overflow: auto;
resize: vertical;
vertical-align: top
}
ul, ol {
margin: 1em 0;
padding: 0 0 0 40px
}
/*
* Embedded Fonts
*/
@font-face {
font-family: 'delta_jaegerbold_italic';
src: url('fonts/delta-bolditalic-webfont.eot');
src: url('fonts/delta-bolditalic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/delta-bolditalic-webfont.woff') format('woff'), url('fonts/delta-bolditalic-webfont.ttf') format('truetype'), url('fonts/delta-bolditalic-webfont.svg#delta_jaegerbold_italic') format('svg');
font-weight: normal;
font-style: normal;
}
/* *********************************************************************
* *********************************************************************
*
* Primary Styles
* Author: Brian Dodson, Creative Navigation www.creativenavigation.com
*
* *********************************************************************
* *********************************************************************/
/*
* Sprites - we load single image sprites for many background images for optimization. Less HTTP requests, less load flashing since the browser only loads the single sprite image once
*/
/* PNG sprite */
.spritepng, #social li a, .aca, #subnav ul li a, #nav ul li a {
background-image: url(/images/sprites.png?v=2018);
background-repeat: no-repeat;
}
/* JPG sprite */
.spritejpg {
background-image: url(/images/sprites.jpg);
background-repeat: no-repeat;
}
/* GIF sprite */
.spritegif {
background-image: url(/images/sprites.gif);
background-repeat: no-repeat;
}
/* Image Opacity */
.imageopacity {
opacity: 1.0;
filter: alpha(opacity=100);
}
a:hover img.imageopacity {
opacity: 0.8;
filter: alpha(opacity=80);
}
/*
* @ General Layout
*/
/* colors:
sage green (body): 496546
hunter green (left nav): 1d6328
dark green (subnav): 044527
bright green: 00a700
brown: a26200
light brown: b68800
blue: 15a5ef
dark blue: 076fa6
yellow: ffc10f
*/
body {
min-width: 980px;
width: 100%;
height: 100%;
overflow: hidden;
background: #f1ece8;
color: #004480;
}
#wrap {
min-width: 980px;
margin: 0 auto;
width: 100%;
}
/* @ Home page slides */
#slides {
width: 100%;
min-width: 980px;
height: 300px;
position: relative;
}
#slides img {
position: absolute;
top: 0;
left: 0;
z-index: 8;
width: 980px;
height: 300px;
opacity: 0;
}
#slides img#initial {
display: block;
}
#slides img.active {
z-index: 10;
}
#slides img.last-active {
z-index: 9;
}
#slides.fullHeight img {
width: auto;
}
#slides.fullWidth img {
height: auto;
width: 100%;
}
/* @ Header */
#header {
width: 980px;
margin: 0 auto;
}
.logo {
margin: 0 0 0 -512px;
position: absolute;
top: 4px;
left: 50%;
z-index: 7;
}
/* @ Footer */
#footer, #bottom {
width: 980px;
margin: 0 auto;
}
#footer .copyright {
font-size: 11px;
color: #172e71;
line-height: 14px !important;
font-family: Arial, sans-serif !important;
position: absolute;
top: 145px;
text-align: center;
width: 100%;
}
#footer .copyright a {
color: #172e71;
text-decoration: none;
font-size: 1em;
line-height: 14px;
}
#footer .copyright a:hover {
text-decoration: underline;
}
#footer .copyright .auth {
font-size: 11px;
line-height: 20px;
font-family: Arial, sans-serif !important;
color: #172e71;
}
#footer .addresses {
}
#footer .addresses a {
display: block;
background: #FFF;
opacity: 0;
filter: alpha(opacity=0);
width: 110px;
text-align: left;
float: left;
height: 20px;
}
#footer .addresses a.summer {
margin: 62px 0 0 706px
}
#footer .addresses a.winter {
margin: 0 0 0 634px;
}
#footer .addresses a.tollfree {
margin: -17px 0 0 766px;
}
.aca {
display: block;
width: 77px;
height: 47px;
background-position: -393px -83px;
text-indent: -500px;
white-space: nowrap;
overflow: hidden;
position: absolute;
top: 58px;
right: 33px;
}
.aca:hover {
opacity: 0.7;
filter: alpha(opacity=70);
}
/* Backgrounds and Side Backgrounds for Header/Page/Footer */
#header {
height: 85px;
background: url(/images/siteframe-bg_noaddys.jpg?v=2021) no-repeat -523px top;
overflow: visible;
position: relative;
}
#headerExpander_left {
background: transparent url(/images/siteframe-bg_noaddys.jpg?v=2021) no-repeat left top;
position: absolute;
width: 523px;
height: 85px;
top: 0px;
left: 50%;
margin-left: -1013px;
z-index: 3;
}
#headerExpander_right {
background: transparent url(/images/siteframe-bg_noaddys.jpg?v=2021) no-repeat right top;
position: absolute;
width: 506px;
height: 85px;
top: 0px;
left: 50%;
margin-left: 490px;
z-index: 3;
}
#footer {
height: 270px;
background: url(/images/siteframe-bg_noaddys.jpg?v=2021) no-repeat -523px -564px;
;
overflow: visible;
position: relative;
border-top: 3px solid white;
}
#footerExpander_left {
background: transparent url(/images/siteframe-bg_noaddys.jpg?v=2021) no-repeat left -564px;
position: absolute;
width: 523px;
height: 270px;
top: 0px;
left: 50%;
margin-left: -1013px;
z-index: 3;
}
#footerExpander_right {
background: transparent url(/images/siteframe-bg_noaddys.jpg?v=2021) no-repeat right -564px;
position: absolute;
width: 506px;
height: 270px;
top: 0px;
left: 50%;
margin-left: 490px;
z-index: 3;
}
#pageTop_bg {
background: url(/images/siteframe-bg_noaddys.jpg?v=2021) no-repeat -523px -85px;
width: 980px;
height: 368px;
position: absolute;
top: 0;
z-index: -1;
} /* Each Section Might Need A Different BG Image */
#pageContent_bg {
background: url(/images/page-bg.jpg) repeat center top #ffffff;
width: 980px;
margin: 0 auto;
position: relative;
min-height: 850px;
z-index: 4;
}
#pageBottom_bg {
background: url(/images/siteframe-bg_noaddys.jpg?v=2021) no-repeat -523px -453px;
width: 980px;
height: 111px;
position: absolute;
bottom: 0;
z-index: -1;
} /* Each Section Might Need A Different BG Image */
#pageExpander_left {
background: url(/images/page-bg.jpg) repeat left -85px;
height: 100%;
left: -523px;
position: absolute;
width: 523px;
}
#pageExpander_left .pageTop_bg {
background: url(/images/siteframe-bg_noaddys.jpg?v=2021) no-repeat left -85px;
width: 100%;
height: 368px;
}
#pageExpander_left .pageBottom_bg {
background: url(/images/siteframe-bg_noaddys.jpg?v=2021) no-repeat left -453px;
width: 100%;
height: 111px;
bottom: 0;
position: absolute;
}
#pageExpander_right {
background: url(/images/page-bg.jpg) repeat right -85px;
height: 100%;
right: -506px;
position: absolute;
width: 506px;
}
#pageExpander_right .pageTop_bg {
background: url(/images/siteframe-bg_noaddys.jpg?v=2021) no-repeat right -85px;
width: 100%;
height: 368px;
}
#pageExpander_right .pageBottom_bg {
background: url(/images/siteframe-bg_noaddys.jpg?v=2021) no-repeat right -453px;
width: 100%;
height: 111px;
bottom: 0;
position: absolute;
}
/* @ Page */
.headgraphic {
position: relative;
height: 381px;
left: 50%;
}
#copy {
width: 980px;
margin: 0 auto;
}
.page {
font-size: 1em;
line-height: 1.5em;
margin: 0 auto;
font-family: Arial, Helvetica, sans-serif;
width: 980px;
padding: 15px 15px 0 0;
overflow: hidden;
min-height: 807px;
}
.copywrap {
float: right;
width: 758px;
}
/*.section_root .copywrap {float:none; width:880px; margin:0 auto;}*/
.section_map .copywrap, .section_blog .copywrap {
float: none;
width: 980px;
}
.section_media .copywrap {
float: none;
width: 980px;
margin-top: 130px;
}
/* **********************************
* @ Navigation
* **********************************/
#nav {
width: 675px;
position: absolute;
left: 50%;
top: 43px;
margin-left: -208px;
z-index: 5;
}
#nav li {
float: left;
}
#nav a {
display: block;
height: 26px;
background-repeat: no-repeat;
margin-right: 36px;
position: absolute;
margin-right: 0;
text-indent: -500px;
white-space: nowrap;
overflow: hidden;
}
.navAbout a {
background-position: 0px -31px;
width: 113px;
}
.navAbout a:hover, .navAbout a:active, .navAbout a.active {
background-position: 0px -57px;
}
.navProgram a {
background-position: -121px -31px;
width: 160px;
left: 172px;
}
.navProgram a:hover, .navProgram a:active, .navProgram a.active {
background-position: -121px -57px;
}
.navCurrent a {
background-position: -288px -31px;
width: 144px;
left: 383px;
}
.navCurrent a:hover, .navCurrent a:active, .navCurrent a.active {
background-position: -288px -57px;
}
.navWork a {
background-position: -436px -31px;
width: 92px;
left: 578px;
}
.navWork a:hover, .navWork a:active, .navWork a.active {
background-position: -436px -57px;
}
/* @ Top/Sub navigation */
#subnav {
width: 675px;
position: absolute;
left: 50%;
top: 13px;
margin-left: -208px;
z-index: 5;
}
#subnav li {
float: left;
}
#subnav a {
display: block;
height: 12px;
background-repeat: no-repeat;
margin-right: 13px;
position: absolute;
margin-right: 0;
text-indent: -500px;
white-space: nowrap;
overflow: hidden;
}
.navVideos a {
background-position: -500px 0px;
width: 66px;
}
.navVideos a:hover, .navVideos a:active, .navVideos a.active {
background-position: -500px -15px;
}
.navRequestInfo a {
background-position: 0px 0px;
width: 127px;
left:107px;
}
.navRequestInfo a:hover, .navRequestInfo a:active, .navRequestInfo a.active {
background-position: 0px -15px;
}
.navEnroll a {
background-position: -133px 0px;
width: 67px;
left: 276px;
}
.navEnroll a:hover, .navEnroll a:active, .navEnroll a.active {
background-position: -133px -15px;
}
.navLogin a {
background-position: -270px 0px;
width: 59px;
left: 382px;
}
.navLogin a:hover, .navLogin a:active, .navLogin a.active {
background-position: -270px -15px;
}
.navAlumni a {
background-position: -333px 0px;
width: 72px;
left: 481px;
}
.navAlumni a:hover, .navAlumni a:active, .navAlumni a.active {
background-position: -333px -15px;
}
.navContact a {
background-position: -411px 0px;
width: 82px;
left: 591px;
}
.navContact a:hover, .navContact a:active, .navContact a.active {
background-position: -411px -15px;
}
/* @ Left navigation */
#leftnav {
float: left;
width: 220px;
font-family: 'Montserrat', sans-serif;
position: relative;
left: 14px;
top: 126px;
font-weight: bold;
}
#leftnav a {
color: #172e71;
}
#leftnav a:hover, #leftnav a.active {
color: #b01818;
text-decoration: none;
}
#leftnav ul li ul {
margin-left: 20px;
}
#leftnav ul li ul a {
font-size: 14px;
}
/* **********************************
* @ Page Layout and Content
* **********************************/
body, * {
font-family: Arial, Helvetica, verdana, sans-serif;
font-size: 16px;
line-height: 24px;
}
h1 {
font-family: 'Montserrat', sans-serif;
font-size: 1.8em;
line-height: 1em;
margin: 0;
}
h1 img {
position: relative;
}
h2, h3, h4, h5, h6 {
font-size: 22px;
margin: 1em 0 0;
font-family: 'Montserrat', sans-serif;
}
h1+p, h2+p, h3+p, h4+p, h5+p, h6+p {
margin-top: 3px;
}
a {
color: #15a5ef;
text-decoration: none;
}
a:hover, a:active, a:focus {
text-decoration: underline;
}
.header {
width: 100%;
position: relative;
text-indent: -5000px;
white-space: nowrap;
overflow: hidden;
margin: 17px 0 0 0;
z-index: 15;
}
.header img {
position: relative;
display: block;
margin-top: -1.8em;
}
.vcard abbr {
border-bottom: 0;
}
.copywrap h2, .copywrap h3, .copywrap h4, .copywrap h5, .copywrap h6, .copywrap legend, h1.entry-title, .entry-title {
margin: 1em 0 0 0;
}
.copywrap ul, .copywrap ol {
text-align: left;
}
.copywrap ul ul, .copywrap ol ol, .copywrap ul ol, .copywrap ol ul {
font-size: 1em;
}
.copywrap ul ul, .copywrap ul ol, .copywrap ol ol, .copywrap ol ul {
margin-top: 0;
}
.copywrap blockquote {
font-weight: normal;
font-style: italic;
margin: 15px 80px 15px 0px;
line-height: 26px;
color: #15A5EF;
}
.copywrap blockquote em {
color: #15A5EF;
font-size: 0.8em;
}
.copywrap dt {
font-weight: bold;
padding: 15px 0 0 0;
}
.copywrap dd {
margin-bottom: 16px;
}
.copywrap dd *:first-child {
margin-top: 0;
}
.copywrap table {
width: 100%;
}
.copywrap th, .copywrap td {
padding: 5px 10px;
text-align: left;
text-align: left;
}
.copywrap .two-col-left, .copywrap .two-col-right {
width: 300px;
float: left;
}
.copywrap .two-col-left {
margin-right: 20px;
width: 365px;
}
.copywrap .three-col-left, .copywrap .three-col-mid, .copywrap .three-col-right {
width: 250px;
float: left;
}
.copywrap legend {
font-size: 2em;
margin: 0;
padding: 15px 0;
}
.copywrap .field {
display: block;
overflow: auto;
padding: 10px 0;
}
.copywrap .radios {
line-height: 2.2em;
display: block;
clear: both;
}
.copywrap .field input, .copywrap .field textarea {
padding: 2px;
font-size: 13px;
color: #666;
width: 380px;
float: left;
background: #fffdd9;
}
.copywrap .field input:focus, .copywrap .field textarea:focus {
}
.copywrap .field textarea {
height: 140px;
}
.copywrap .field input.error, .copywrap .field textarea.error {
border: 1px solid red;
}
.copywrap .field label, .copywrap .radios label {
display: block;
line-height: 1.2em;
width: 170px;
margin: 2px 15px 0 0;
text-align: left;
float: left;
}
.copywrap .radios div {
display: block;
float: left;
}
.copywrap .radios div label {
width: auto;
float: none;
margin: 7px 5px 0 0;
display: inline;
}
.copywrap .radios div input {
width: auto;
margin: 0 5px 0 0;
position: relative;
top: -2px;
border: 0;
padding: 0;
}
.copywrap .error {
color: red;
font-size: 12px;
padding-bottom: 15px;
}
.copywrap .error a {
color: red;
font-weight: bold;
}
.copywrap .success {
margin: 20px 0;
width: 400px;
height: 350px;
}
.copywrap .field label.error {
background: #ffcccc;
clear: both;
color: red;
font-size: 13px;
line-height: 1.2em;
margin: -34px 0 0 417px;
width: auto;
padding: 7px 10px;
position: absolute;
text-align: center;
width: auto;
white-space: nowrap;
-moz-border-radius: 0 100px 100px 0;
-webkit-border-radius: 0 100px 100px 0;
border-radius: 100px;
width: auto !important;
z-index: 2;
}
.ie7 .copywrap .field label.error, .ie6 .copywrap .field label.error {
margin: 0;
}
.pageCopy {
margin: 20px 0 0 12px;
}
.pageCopyDates {
margin: -50px 0 0 12px;
}
.rightPix {
float: right;
/* margin: -180px -7px 5px 5px; */
}
.rightPixDates {
float: right;
margin: 50px -7px 5px 5px;
}
.rightContent {
float: right;
margin: 0 5px 5px;
}
.leftContent {
float: left;
margin: 0 8px 5px;
}
.largeTxt {
font-size: 22px;
font-family: 'Montserrat', sans-serif;
font-weight: bold;
}
.listSections {
list-style: none;
margin: 0;
padding: 0; overflow:hidden;
}
.listSections ul {
list-style: none;
margin: 0;
padding: 0;
width: 300px; overflow:hidden;
}
.listSections > li {
font-weight: bold;
float: left;
width: 120px;
margin: 10px 0;
clear: left;
}
.listSections li+ul {
float: left;
}
.listSections li+ul > li {
margin: 0;
}
.listSections li+ul > li:first-child {
margin-top: 10px;
}
a.hoverOpacity:hover {
opacity: 0.75;
filter: alpha(opacity=75);
}
img.button{
margin-left: 15px;
}
a.button {
background: transparent url('/images/buttons/bg_button_a.png') no-repeat scroll top right;
color: #FFF;
float: left;
margin: 0 10px;
padding-right: 5px;
height: 59px;
text-decoration: none;
}
a.button span {
background: transparent url('/images/buttons/bg_button_span.png') no-repeat;
display: block;
line-height: 14px;
padding: 22px 0 23px 25px;
font-family: 'delta_jaegerbold_italic', sans-serif;
font-size: 27px;
text-decoration: none;
text-align: center;
}
a.button:hover {
opacity: 0.75;
filter: alpha(opacity=75);
}
.buttonWrapper {
width: 90%;
margin: 10px auto;
display: flex;
flex-flow: row wrap;
justify-content: space-around;
}
.footerMargin {
height: 20px;
}
a.button sup {
font-family: 'delta_jaegerbold_italic', sans-serif;
top: -10px;
font-size: 16px;
}
a.button.twoLine span {
padding: 10px 0 23px 25px;
}
.blueButton {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px;
padding: 10px 15px;
margin: 10px 20px;
display: block;
background-color: #81acdf;
color: #FFF;
font-family: 'Montserrat', sans-serif;
font-size: 20px;
text-align: center
}
.blueButton:hover {
text-decoration: none;
}
.page_island-lake-in-action .blueButton {margin:10px 0;}
.three-col {
float: left;
width: 27%
}
/* @ Page specific layouts */
/* Home Page */
.p_Home #header {
background-position: center -848px;
height: 133px;
}
.p_Home #headerExpander_left {
background-position: left -848px;
height: 133px;
}
.p_Home #headerExpander_right {
background-position: right -848px;
height: 133px;
}
.p_Home #footer {
background-position: -522px -981px;
height: 297px;
}
.p_Home #footerExpander_left {
background-position: left -981px;
height: 297px;
}
.p_Home #footerExpander_right {
background-position: right -981px;
height: 297px;
}
.p_Home #nav {
margin-left: -233px;
top: 53px;
}
.p_Home #nav a {
height: 47px;
}
.p_Home .navAbout a {
background-position: 0px -142px;
width: 130px;
}
.p_Home .navAbout a:hover, .p_Home .navAbout a:active, .p_Home .navAbout a.active {
background-position: 0px -191px;
}
.p_Home .navProgram a {
background-position: -139px -142px;
width: 160px;
left: 177px;
}
.p_Home .navProgram a:hover, .p_Home .navProgram a:active, .p_Home .navProgram a.active {
background-position: -139px -191px;
}
.p_Home .navCurrent a {
background-position: -306px -142px;
width: 144px;
left: 392px;
}
.p_Home .navCurrent a:hover, .p_Home .navCurrent a:active, .p_Home .navCurrent a.active {
background-position: -306px -191px;
}
.p_Home .navWork a {
background-position: -454px -142px;
width: 134px;
left: 578px;
}
.p_Home .navWork a:hover, .p_Home .navWork a:active, .p_Home .navWork a.active {
background-position: -454px -191px;
}
/*
.p_Home .navEnroll a {
left: 190px;
}
.p_Home .navLogin a {
left: 318px;
}
.p_Home .navAlumni a {
left: 440px;
}
.p_Home .navContact a {
left: 578px;
}
*/
.p_Home #footer #social {
top: 62px;
left: 0;
}
.p_Home .aca {
top: 55px;
right:0;
}
/*
.footerLine {
background: url(/images/pagegraphics/home/footer-line.png) no-repeat left top;
width: 100%;
height: 13px;
position: absolute;
top: 637px;
left: 0;
z-index: 5;
}
*/
.p_Home .footerMargin {
height: 0px;
}
.p_Home #pageExpander_left {
background: url(/images/pagegraphics/home/overlay-bg.png) right top no-repeat;
z-index: 7;
height: 525px;
position: absolute;
left: -746px;
}
.p_Home #pageExpander_right {
background: url(/images/pagegraphics/home/overlay-bg.png) left top no-repeat;
z-index: 7;
height: 525px;
position: absolute;
left: 1195px;
}
.p_Home #sidebar {
width: 214px;
position: absolute;
right: 0;
top: 275px;
z-index: 8;
}
.p_Home #sidebar a.cmLogin, .p_Home #sidebar a.ilInAction, .p_Home #sidebar a.campNews, .p_Home #sidebar a.cmLoginN, .p_Home #sidebar a.ourVideos, .p_Home #sidebar a.virtualTour, .p_Home #sidebar a.enrollB {
background: url(/images/pagegraphics/home/2022-home-right-links.png?v=2) left top no-repeat;
height: 68px;
width: 214px;
display: block;
text-indent: -500px;
white-space: nowrap;
overflow: hidden;
}
.p_Home #sidebar a.cmLogin:hover, .p_Home #sidebar a.ilInAction:hover, .p_Home #sidebar a.campNews:hover, .p_Home #sidebar a.cmLoginN:hover, .p_Home #sidebar a.ourVideos:hover, .p_Home #sidebar a.virtualTour:hover, .p_Home #sidebar a.enrollB:hover {
background-position: right top;;
}
.p_Home #sidebar a.cmLogin {
background-position: left 0px
}
.p_Home #sidebar a.cmLogin:hover {
background-position: right 0px
}
.p_Home #sidebar a.ilInAction {
background-position: left -182px
}
.p_Home #sidebar a.ilInAction:hover {
background-position: right -182px
}
.p_Home #sidebar a.campNews {
background-position: left -250px
}
.p_Home #sidebar a.campNews:hover {
background-position: right -250px
}
.p_Home #sidebar a.ourVideos {
height:87px;
}
.p_Home #sidebar a.ourVideos:hover {
}
.p_Home #sidebar a.virtualTour {
height:78px; background-position:left -86px;
}
.p_Home #sidebar a.virtualTour:hover {
background-position:right -86px;
}
.p_Home #sidebar a.enrollB {
background-position:left -164px; height:77px;
}
.p_Home #sidebar a.enrollB:hover {
background-position:right -164px;
}
.p_Home #sidebar a.cmLoginN {
background-position: left -242px; height:74px;
}
.p_Home #sidebar a.cmLoginN:hover {
background-position: right -242px;
}
.p_Home .loginmod {
background: url(/images/pagegraphics/home/campminder-right-links.png?v=2017) left -60px;
}
.p_Home #cmlogin .field input, .p_Home .f_forgotpass input {
padding: 3px 5px;
width: 230px;
margin-left: 10px;
color: #740202;
font-weight: normal;
font-size: 11px;
}
.p_Home #submit, .p_Home input.submit, .p_Home .f_forgotpass input.submit, .p_Home input#searchsubmit {
font-size: 11px;
padding: 4px 17px;
}
.p_Home .fptrigger {
padding: 0 20px 0 10px;
}
.p_Home #cmlogin .f_email {
padding: 0;
}
.p_Home .loginmod .forgotPassword {
margin: -63px 0 0 -266px;
padding: 5px;
background: url(/images/pagegraphics/home/campminder-right-links.png?v=2017) left -106px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px;
}
.p_Home .f_forgotpass input {
margin-left: 3px;
}
.p_Home .f_forgotpass input.submit {
margin: 5px auto;
}
.p_Home #countdown {
background: none;
margin: 0;
background: url(/images/pagegraphics/home/campminder-right-links.png?v=2017) left bottom no-repeat;
height: 72px;
width: 214px;
}
.p_Home #countdown .num {
background: url(/images/pagegraphics/home/numbers.png) left top no-repeat;
width: 38px;
height: 49px;
text-indent: -500px;
white-space: nowrap;
overflow: hidden;
padding-left: 2px;
}
.p_Home #countdown .num0 {
background-position: left top;
}
.p_Home #countdown .num1 {
background-position: -45px top;
}
.p_Home #countdown .num2 {
background-position: -90px top;
}
.p_Home #countdown .num3 {
background-position: -135px top;
}
.p_Home #countdown .num4 {
background-position: -180px top;
}
.p_Home #countdown .num5 {
background-position: -225px top;
}
.p_Home #countdown .num6 {
background-position: -270px top;
}
.p_Home #countdown .num7 {
background-position: -315px top;
}
.p_Home #countdown .num8 {
background-position: -360px top;
}
.p_Home #countdown .num9 {
background-position: -405px top;
}
.p_Home #countdown .days {
padding: 8px 0 0 15px;
}
#weatherWrapper {
background: #770900;
border-radius: 0 0 0 20px;
-webkit-border-radius: 0 0 0 20px;
-moz-border-radius: 0 0 0 20px;
padding: 1em;
overflow: hidden;
text-align: center;
}
.p_Sub #weatherWrapper {
width: 74%;
padding: 0.7em;
border-radius: 12px;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
margin: 1em 0;
}
.weatherHeader, .weatherHeader span {
font-weight: bold;
font-style: italic;
color: #FFF;
font-size: 14px;
white-space: nowrap;
}
.p_Sub .weatherHeader, .p_Sub .weatherHeader span {
font-size: 12px;
}
#weather {
background: transparent;
font-weight: bold;
font-size: 18px;
font-style: italic;
color: #ffca00;
}
#weather img {
display: none;
}
.p_Home .account {
display: none;
}
.photocontent {
width: 100%;
max-width: 1610px;
height: 513px;
position: relative;
overflow: hidden;
margin: 0 auto;
padding: 0;
}
#sliderimages {
overflow: hidden;
height: 532px;
width: 100%;
max-width: 1610px;
position: relative;
margin: 0 auto;
background: url(/images/pagegraphics/home/animation/clouds.jpg) repeat-x left top;
margin-left: 0;
}
#sliderimages .layer {
height: 513px;
width: 3500px;
clear: both;
display: block;
position: absolute;
top: 0;
margin-left: 0;
}
.layer {
margin-left: 0;
-webkit-transition-property: margin-left;
-webkit-transition-duration: 10s;
-webkit-transition-timing-function: ease;
-webkit-transition-delay: 0s;
-moz-transition-property: margin-left;
-moz-transition-duration: 10s;
-moz-transition-timing-function: ease;
-moz-transition-delay: 0s;
-o-transition-property: margin-left;
-o-transition-duration: 10s;
-o-transition-timing-function: ease;
-o-transition-delay: 0s;
-ms-transition-property: margin-left;
-ms-transition-duration: 10s;
-ms-transition-timing-function: ease;
-ms-transition-delay: 0s;
transition-property: margin-left;
transition-duration: 10s;
transition-timing-function: ease;
transition-delay: 0s;
}
/*.clouds {z-index: 0;}*/
.small-text {
z-index: 1;
margin-top: 0 !important;
}
.small-photos {
z-index: 2;
}
.med-photos {
z-index: 3;
}
.large-text {
z-index: 4;
}
.large-photos {
z-index: 5;
}
.cropped-photos {
z-index: 6;
}
.floatleft {
float: left;
}
/* large text layer */
.a05 img {
position: absolute;
}
.lt-theatre {
left: 120px;
top: 23px;
}
.lt-watersports {
left: 269px;
top: 203px;
}
.lt-circus {
left: 88px;
top: 335px;
}
.lt-sports {
left: 1005px;
top: 155px;
}
.lt-gymnastics {
left: 842px;
top: 331px;
}
.lt-horseback {
left: 1384px;
top: 0px;
}
.lt-music {
left: 1533px;
top: 206px;
}
.lt-pioneering {
left: 1766px;
top: 296px;
}
.lt-skatepark {
left: 1946px;
top: 133px;
}
.lt-dance {
left: 2885px;
top: 16px;
}
.lt-mountainbiking {
left: 2598px;
top: 248px;
}
.lt-artscrafts {
left: 2818px;
top: 441px;
}
.skater {
margin-left: 740px;
position: relative;
z-index: 7;
}
.gymnast {
margin-left: 690px;
position: relative;
z-index: 7;
}
/* Our Philosophy - About Section */
.section_about-camp.page_index .header {
height: 347px;
}
.section_about-camp.page_index .header img {
top: -2px;
left: -3px;
}
/* Our Directors - About Section */
.page_meet-our-directors .header {
height: 329px;
}
page_meet-our-directors .header img {
left: -3px;
top: -1px;
}
/* First Time Campers - About Section */
.page_first-time-campers .header {
/* height: 156px; */
}
.page_first-time-campers .rightPix {
margin: -185px -7px 5px 5px;
}
/* Facilities - About Section */
.page_camp-facilities .header {
height: 249px;
}
/* .page_camp-facilities .rightContent {margin: 30px 5px 5px;} */
.page_camp-facilities .buttonWrapper {
width: 365px
}
/* Island Lake In Action - About Section */
.page_island-lake-in-action .header {
height: 128px; margin-top:-15px;
}
.page_island-lake-in-action .header img {
left: 14px;
top: 1px;
}
.page_island-lake-in-action .videoWrapper {
margin: 13px auto;
}
.page_island-lake-in-action .videoWrapper .videoBG,
.subsection_activities-at-camp .videoBG, .videoWrapper .videoBG {
background: url(/images/pagegraphics/about-camp/video-bg.jpg) left top no-repeat;
width: 768px;
height: 388px;
padding: 20px 38px;
margin-left: -4px;
}
.page_island-lake-in-action h3 {
text-align: center;
}
.page_island-lake-in-action .currentSlideshow {
/* background: url(/images/pagegraphics/about-camp/summer-slideshows.png) left top no-repeat; */
width: 661px;
margin: 0 auto;
/* padding-top: 90px; */
}
/*
.page_island-lake-in-action .currentSlideshow a {
display: inline;
font-family: 'delta_jaegerbold_italic', sans-serif;
color: #FFF;
font-size: 24px;
text-decoration: none;
padding: 10px 14px;
}
.page_island-lake-in-action .currentSlideshow a span {
opacity: 0.9;
filter: alpha(opacity=90);
font-family: 'delta_jaegerbold_italic', sans-serif;
color: #FFF;
font-size: 24px;
text-decoration: none;
}
*/
/*
.page_island-lake-in-action .buttonWrapper {
margin-top: 30px;
}
*/
.page_island-lake-in-action .buttonWrapper h3 {
font-family: 'delta_jaegerbold_italic', sans-serif;
color: #1a67c5;
font-size: 22px;
margin: 2px 0 10px 10px;
width: 285px;
}
.page_island-lake-in-action .buttonWrapper a {
float: left
}
/* Dates, Fees, and FAQs - About Section */
.page_dates-fees-faqs .header {
height: 160px;
}
.page_thank-you .header {
height: 90px;
}
h2.datesHeader {
margin-bottom: 15px;
}
.page_dates-fees-faqs .rightPix {
margin: -165px -3px 5px 5px
}
.page_dates-fees-faqs li {
line-height: 2em;
}
ul.sessions, ul.dates, ul.fees {
list-style: none;
float: left;
margin: 0 25px 0 0;
padding: 0;
}
ul.fees {
text-align: right
}
.page_dates-fees-faqs h2.faqsHeader {
margin-top: 350px;
}
/* Health and Safety - About Section */
.page_health-safety .header {
height: 327px;
}
/* Look Whos Talking - About Section */
.page_look-whos-talking .header {
margin: 1px 0 0;
height: 326px;
}
.page_look-whos-talking .quote {
text-align: center;
font-style: italic;
margin-top: 30px;
}
.page_look-whos-talking .quoter {
font-style: normal;
text-align: center
}
.page_look-whos-talking .quote:first-letter {
background: url(/images/pagegraphics/about-camp/left-quote.png) no-repeat left top;
padding-left: 25px;
padding-top: 3px;
}
.page_look-whos-talking .quoteEnd {
background: url(/images/pagegraphics/about-camp/right-quote.png) no-repeat right bottom;
display: inline-table;
width: 22px;
height: 15px;
padding-left: 3px;
margin-top: -3px;
}
.page_look-whos-talking .right-quote {
width: 22px;
height: 15px;
}
/* Visiting Camp - About Section */
.subsection_visiting-camp.page_index .header {
height: 74px;
margin-top: 40px;
}
.subsection_visiting-camp.page_index .rightContent {
margin: 30px 5px 5px;
}
/* Facility Rentals - About Section */
.page_health-safety .header {
height: 325px;
}
form#facilityRental {
margin: 20px auto 0 auto;
width: 585px;
}
a.cancel {
text-align: center;
display: block;
}
/* Camp Store */
.campstore-order-01{order:1}
.campstore-order-02{order:2}
.campstore-order-03{order:3}
.campstore-order-04{order:4}
/* Program/Activities Section */
.section_camp-program-activities .page {
min-height: 995px;
}
.activity-lists ul {
-moz-column-count: 2;
-moz-column-gap: 20px;
-webkit-column-count: 2;
-webkit-column-gap: 20px;
column-count: 2;
column-gap: 20px;
margin: 5px 0;
padding:10px 10px 10px 30px;
}
.activity-lists.activity-lists-arts ul {padding-left:15px; -moz-column-gap:4px; -webkit-column-gap:4px; column-gap:4px;}
.activity-lists ul li{
font-size: 15px;
font-family: "a_love_of_thunderregular", "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
line-height: 30px;
text-transform: uppercase;
display: block;
color: #004480;
margin: 0;
}
.activity-lists ul li div{
font-size: 15px;
font-family: "a_love_of_thunderregular", "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
line-height: 15px;
text-transform: uppercase;
display: inline-block;
color: #004480;
margin: 0;
}
.activity-lists ul li.activity-header{
font-size: 17px;
font-style:italic; line-height:1; white-space: nowrap; margin-top:10px; margin-bottom:10px;
}
.arts-crafts-order-1{order:1}
.arts-crafts-order-2{order:2}
.arts-crafts-order-3{order:3}
.activity-lists-arts{
background:url(../../images/pagegraphics/camp-program-activities/activities-list-arts-crafts.png) no-repeat;
width: 45%
}
.activity-lists-circus{
background: url(../../images/pagegraphics/camp-program-activities/activities-list-circus.png) no-repeat;
width: 65%;
margin-right: -40px;
}
.activity-lists-circus div{
width: 50%;
float:left;
}
.activity-lists-circus div div{
width: auto;
float:none;
}
.activity-lists-circus div ul{
-moz-column-count: 1;
-moz-column-gap: 0px;
-webkit-column-count: 1;
-webkit-column-gap: 0px;
column-count: 1;
column-gap: 0px;
}
.activity-lists-dance{
background: url(../../images/pagegraphics/camp-program-activities/activities-list-dance.png) no-repeat;
width: 55%;
margin-right: -5%
}
.activity-lists-gymnastics{
background:url(../../images/pagegraphics/camp-program-activities/activities-list-gymnastics.png) no-repeat;
width: 50%
}
.activity-lists-gymnastics div{
width: 50%; float:left;
}
.activity-lists-gymnastics div div{
width: auto;
float:none;
}
.activity-lists-gymnastics ul{
-moz-column-count: 1;
-moz-column-gap: 0px;
-webkit-column-count: 1;
-webkit-column-gap: 0px;
column-count: 1;
column-gap: 0px;
}
.activity-lists-horseback{
background:url(../../images/pagegraphics/camp-program-activities/activities-list-horseback.png) no-repeat;
width: 55%;
margin-right: -5%
}
.activity-lists-magic{
background:url(../../images/pagegraphics/camp-program-activities/activities-list-magic.png) no-repeat;
width: 30%;
margin: 40px -40px 0 40px;
}
.activity-lists-magic ul{
-moz-column-count: 1;
-moz-column-gap: 0px;
-webkit-column-count: 1;
-webkit-column-gap: 0px;
column-count: 1;
column-gap: 0px;
}
.activity-lists-mountain-biking{
background: url(../../images/pagegraphics/camp-program-activities/activities-list-mountain-biking.png) no-repeat;
width: 60%;
margin-right: -30px
}
.activity-lists-music{
background: url(../../images/pagegraphics/camp-program-activities/activities-list-music.png) no-repeat;
width: 55%
}
.activity-lists-pioneering{
background:url(../../images/pagegraphics/camp-program-activities/activities-list-pioneering.png) no-repeat;
width: 60%;
margin-right:-40px;
}
.activity-lists-science{
background:url(../../images/pagegraphics/camp-program-activities/activities-list-science.png) no-repeat;
width: 55%;
margin-right:-40px;
}
.activity-lists-skatepark-order-01{order:1}
.activity-lists-skatepark-order-02{order:2}
.activity-lists-skatepark{
background:url(../../images/pagegraphics/camp-program-activities/activities-list-skatepark.png) no-repeat;
width: 55%;
}
.activity-lists-sports-order-01{order:1}
.activity-lists-sports-order-02{order:2}
.activity-lists-sports-order-03{order:3}
.activity-lists-sports-order-04{order:4}
.activity-lists-sports-01{
background:url(../../images/pagegraphics/camp-program-activities/activities-list-sports-01.png) no-repeat;
width: 45%;
}
.activity-lists-sports-02{
background:url(../../images/pagegraphics/camp-program-activities/activities-list-sports-02.png) no-repeat;
width: 55%;
}
.activity-lists-tennis{
background:url(../../images/pagegraphics/camp-program-activities/activities-list-tennis.png) no-repeat;
width: 50%
}
.activity-lists-theatre{
background: url(../../images/pagegraphics/camp-program-activities/activities-list-theatre.png) no-repeat;
width: 60%;
margin-right:-15px
}
.activity-lists-theatre div{
width: 48%; float:left;
}
.activity-lists-theatre div div{
width: auto;
float:none;
}
.activity-lists-theatre ul{
-moz-column-count: 1;
-moz-column-gap: 0px;
-webkit-column-count: 1;
-webkit-column-gap: 0px;
column-count: 1;
column-gap: 0px;
}
.activity-lists-video{
background:url(../../images/pagegraphics/camp-program-activities/activities-list-video.png) no-repeat;
width: 50%
}
.activity-lists-water-sports{
background:url(../../images/pagegraphics/camp-program-activities/activities-list-water-sports.png) no-repeat;
width: 55%
}
.activity-lists{
background-size: 100% 100%;
}
.activity-lists-right{
float: right;
}
.activity-lists-left{
float: left;
}
/* Index - Program/Activities Section */
.section_camp-program-activities.page_index .header {
height: 332px;
}
/* Daily Schedule - Program/Activities Section */
.page_daily-schedule .header {
height: 150px;
}
.page_daily-schedule .rightPix {
margin: -125px -7px 5px 5px;
}
.dailySchedule {
list-style: none;
margin: 20px 0;
padding: 0;
}
.dailySchedule li {
padding: 5px 20px;
}
.dailySchedule li:nth-child(odd) {
background: url(/images/blue-bg-fade.png) repeat left top;
}
.dailySchedule div.time {
float: left;
width: 100px;
}
.dailySchedule div.activity {
margin-left: 100px
}
/* Daily Schedule - Program/Activities Section */
.page_majors-minors .header {
height: 265px;
}
/* Activities Index - Program/Activities Section - Activities Sub-Section */
.subsection_activities-at-camp .header img {
margin: 0 auto;
}
.subsection_activities-at-camp.page_sports p {
font-size: 15px;
}
.subsection_activities-at-camp.page_sports .rightContent {
margin: 0 -3px 0 0;
}
.bottomSports {
position: relative;
}
.subsection_activities-at-camp.page_skatepark .rightContent {
margin-bottom: 70px;
}
/* Mountain Biking - Program/Activities Section - Activities Sub-Section */
.subsection_activities-at-camp.page_mountain-biking .header {
margin: 2px 0 0;
}
/* Evening Activities - Program/Activities Section */
.page_evening-activities .header {
height: 145px;
}
.page_evening-activities .rightPix {
margin: -169px 15px 5px 5px;
}
/* Teen Trip - Program/Activities Section */
.page_teen-trip .header {
height: 325px;
}
/* West Coast Experience - Program/Activities Section */
.page_west-coast-experience .header {
height: 325px;
}
/* Index - Current Families Section */
.section_current-camp-families.page_index .header {
height: 323px;
}
/* Important Dates - Current Families Section */
.page_important-dates .header {
height: 143px;
}
.page_important-dates .rightPix {
margin: -145px 12px 5px 5px;
}
/* Getting Ready - Current Families Section */
.page_getting-ready .header {
height: 341px;
}
/* Forms and Mailings - Current Families Section */
.page_forms-mailings .header {
height: 341px;
}
.pdfForms a {
background: url(/images/buttons/pdf-icons.jpg) left top no-repeat;
padding: 8px 0 25px 60px;
float: left;
width: 310px;
color: #004480;
font-size: 16px;
}
.pdfForms a:hover {
text-decoration: none;
opacity: 0.7;
filter: alpha(opacity=70);
}
/* Camp Store - Current Families Section */
.page_camp-store .header {
height: 273px;
}
.moreShopping {
background: url(../../images/pagegraphics/camp-program-activities/activities-list-circus.png) no-repeat center;
background-size: 100% 100%;
height: 412px;
width: 441px;
padding-top: 10px;
float: right;
margin: 0 5px 5px;
}
.moreShopping h3{
font-size: 20px;
font-family: "a_love_of_thunderregular", "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
font-style: italic;
line-height: 30px;
text-align: center;
text-transform: uppercase;
display: block;
color: #004480;
}
.moreShopping a {
display: block;
float: left;
background: url(/images/buttons/camp-store-sprite.jpg) no-repeat left top;
width: 182px;
height: 60px;
text-indent: -500px;
white-space: nowrap;
overflow: hidden;
margin: 22px -7px 0 29px;
}
.moreShopping a.shopping1 {
background-position: left top;
}
.moreShopping a.shopping2 {
background-position: left bottom;
}
.moreShopping a.shopping3 {
background-position: -183px bottom;
}
.moreShopping a.shopping4 {
background-position: -183px top;
}
.moreShopping a.shopping5 {
background-position: -366px top;
}
.moreShopping a.shopping6 {
background-position: -366px bottom;
}
/* ILC News - Current Families Section */
.page_island-lake-newsletter .header {
height: 325px;
}
.page_island-lake-newsletter .postImageThumb {
float: right;
width: 100px;
padding-left: 10px;
}
.newsletterWrapper {
width: 630px;
margin: 0 auto;
}
.newsletterWrapper a {
display: block;
float: left;
background: url(/images/buttons/newsletter.png) no-repeat left top;
width: 135px;
height: 46px;
margin: 10px 11px 30px;
font-family: 'delta_jaegerbold_italic', sans-serif;
font-size: 20px;
text-align: center;
color: #b11a19;
text-decoration: none;
padding-top: 72px;
}
.newsletterWrapper a:hover {
text-decoration: none;
}
.newsletterWrapper a div {
font-size: 14px;
font-family: 'Montserrat', sans-serif;
line-height: 15px;
font-weight: bold;
}
.newsletterLongWrapper {
width: 325px;
float: right;
}
.newsletterLongWrapper h1 {
margin: 0px 0px 15px 0;
text-align: center;
font-style: italic;
color: #b11a19;
}
.newsletterLongWrapper h1 span {
line-height: 20px;
padding: 0;
margin: 0;
display: block;
font-size: 13px;
}
.newsletterLongWrapper a {
display: block;
background: url(/images/buttons/newsletter-long.png) no-repeat center top;
width: 180px;
height: 59px;
margin: 0;
font-family: 'delta_jaegerbold_italic', sans-serif;
font-size: 18px;
text-align: center;
color: #b11a19;
text-decoration: none;
padding: 10px 0 0 90px;
}
.newsletterLongWrapper a:nth-child(even) {
color: #004480;
}
.newsletterLongWrapper a:hover {
text-decoration: none;
}
.newsletterLongWrapper a div {
font-size: 13px;
font-family: 'Montserrat', sans-serif;
line-height: 15px;
font-weight: bold;
}
.blogContent {
width: 390px;
float: left
}
.blogContent p {
margin-bottom: 0;
}
.blogContent h3 {
margin: 0
}
.blogContent .post {
margin-bottom: 20px;
}
/* Recomend A Friend - Current Families Section */
.page_recommend-a-friend .header {
height: 324px;
}
/* Index - Staff Section */
.section_work-at-camp.page_index #cmlogin {
background: url(/images/pagegraphics/login-bg-staff.jpg?v=2) left top no-repeat;
}
/* Your Role At Camp - Staff Section */
.page_staff-role-at-camp .header {
height: 156px;
}
.page_staff-role-at-camp .rightPix {
margin: -188px 12px 5px 5px;
}
/* Why Work at ILC? - Staff Section */
.page_why-island-lake .header {
height: 335px;
}
/* Positions Available - Staff Section */
.page_staff-positions .header {
height: 325px;
}
/*.staffPositions div {
width: 330px;
margin: 20px 20px 0 0;
}
.staffPositions {
float: left
}*/
.staffPositions ul{
-moz-column-count: 2;
-moz-column-gap: 20px;
-webkit-column-count: 2;
-webkit-column-gap: 20px;
column-count: 2;
column-gap: 5px;
margin: 15px 0;
padding: 0px;
}
.staffPositions ul li{
margin: 0 15px 15px 0;
list-style: none;
-webkit-column-break-inside: avoid;
page-break-inside: avoid;
break-inside: avoid;
}
.staffIndent {
margin: 0 40px;
}
.page_staff-positions strong {
color: #42771D
}
/* Staff FAQs - Staff Section */
.page_staff-faqs .header {
height: 91px;
}
.page_staff-faqs .rightPix {
margin: -15% -6px 5px 5px;
}
/* Refer a Friend - Staff Section */
.page_refer-friend .header {
height: 66px;
}
.page_refer-friend .rightPix {
margin: 28px 1px 5px 5px;
}
.page_refer-friend .copywrap .field input, .page_refer-friend .copywrap .field textarea {
width: 250px
}
.page_refer-friend legend {
display: none;
}
.page_refer-friend .copywrap .field {
height: 39px;
overflow: hidden;
}
.page_refer-friend .copywrap .field label {
float: left;
width: 145px;
text-align: right;
position: relative;
line-height: 12px;
}
.page_refer-friend .copywrap .field label .note {
font-size: 0.8em;
display: block;
position: absolute;
right: 0;
}
.page_refer-friend .submit input#submit {
margin: 10px auto 20px 169px;
}
/* Index - Alumni Section */
.section_summer-camp-alumni.page_index .header {
height: 324px;
}
/* Slideshows - Alumni Section */
.section_summer-camp-alumni.page_slideshows .header {
height: 324px;
}
.section_summer-camp-alumni.page_slideshows .buttonWrapper {
width: 730px;
}
.section_summer-camp-alumni.page_slideshows #fancybox-content {
background: #FFF;
}
/* Contact Us */
.section_contact-island-lake.page_index .header {
height: 313px;
}
a.mailButton {
display: block;
float: left;
background: url(/images/buttons/form-mail.png) no-repeat left top;
width: 139px;
height: 50px;
margin: 10px 11px;
font-family: 'Montserrat', sans-serif;
font-size: 15px;
text-align: center;
color: #b11a19;
text-decoration: none;
padding: 76px 3px 0;
line-height: 16px;
}
a.mailButton:hover {
text-decoration: none;
}
.section_contact-island-lake.page_index .contactInfo {
padding: 0 0px 10px 40px;
}
.vcard {
margin-top: 20px;
}
.section_contact-island-lake.page_index .rightContent {
margin: 20px 5px 5px 0px;
}
a.pdfButton {
display: block;
float: left;
background: url(/images/buttons/pdf-button.png) no-repeat left top;
width: 128px;
height: 50px;
margin: 5px 11px;
font-family: 'Montserrat', sans-serif;
font-size: 15px;
text-align: center;
color: #b11a19;
text-decoration: none;
padding: 72px 3px 0;
line-height: 16px;
}
a.pdfButton:hover {
text-decoration: none;
}
.contactBtns {
float: right;
margin-left: 15px;
margin-bottom: 15px;
width: 205px;
}
.contactBtns a {
display: block;
margin-bottom: 10px;
}
.contactInfo {
padding: 20px 40px;
width: 166px;
overflow: hidden;
float: right;
}
.vcard {
float: left;
width: 220px;
}
.vcard * {
font-size: 16px;
line-height: 24px;
}
.vcard .adr .type {
color: #b11a19;
font-weight: bold;
font-size: 22px;
}
/* Camp News Blog */
.section_camp-news-blog .header {
height: 288px;
}
.section_camp-news-blog .subheader {
height: 106px;
margin-top: 0;
}
.widget-area {
float: none;
width: 200px;
left: 10px;
position: absolute;
top: 130px;
}
.widget-area .widget h3 {
color: #172E71;
font-size: 16px;
margin: 0;
line-height: 1em;
}
.widget-area .widget ul {
padding: 0;
margin: 0;
}
.widget-area .widget li {
margin: 1em 0;
}
.widget-area .widget a {
line-height: 1em;
display: block;
}
.entry-meta .comments-link {
display: none;
}
.section_camp-news-blog #primary {
float: none;
width: 740px;
}
.section_camp-news-blog .entry-header .entry-title {
font-size: 26px;
font-weight: bold;
margin: 1em 0 0;
font-family: 'Montserrat', sans-serif;
color: #004480;
}
.section_camp-news-blog .entry-header .entry-title a {
font-size: 26px;
margin: 1em 0 0;
font-family: 'Montserrat', sans-serif;
color: #004480;
font-weight: bold;
}
.site-content article {
padding-bottom: 20px;
margin-bottom: 1em;
}
.section_camp-news-blog .site-content nav {
float: right;
}
.nav-next, .nav-previous {
width: auto;
}
.nav-single + .comments-area {
margin: 1em 0;
}
#respond form label {
float: left;
width: 65px;
margin-right: 10px;
line-height: 3em;
}
#respond form p.form-allowed-tags {
display: none;
}
.home-entry-content p {
line-height: 1.2em;
}
/* Site Map */
.page_sitemap .header img {
left: 398px;
top: 0px;
}
.page_sitemap .header {
height: 120px;
}
/* 404 Error */
.page_404 .copywrap {
width: 722px;
margin: 9px auto;
}
.page_404 .header img {
left: 203px;
top: -8px;
}
.page_404 .header {
height: 120px;
}
.page_thank-you #pageContent_bg {
min-height: 0px;
}
.page_thank-you {
}
/* Login */
.page_login #pageContent_bg {
min-height: 860px;
}
.p_Sub.page_login #cmlogin {
background: url("/images/pagegraphics/my-ilc-login-bg.jpg") no-repeat scroll left top transparent;
padding: 64px 210px 130px;
width: 776px;
}
.page_login .loginmod {
position: absolute;
top: 0px;
left: 0px;
left: 223px;
top: 27px;
}
.page_login .copywrap #cmlogin .field input, .page_login .copywrap .loginmod .field input {
color: #174db0;
border: 0 solid #750202;
padding: 6px;
margin: 2px;
}
.page_login #cmlogin .field {
padding: 7px 0;
}
.page_login #submit, input.submit, .page_login .f_forgotpass input.submit, .page_login input#searchsubmit {
background: #174db0;
}
.page_login .fptrigger {
color: #183d89;
}
.page_login .ftc {
margin-top: 4px;
}
.page_login .copywrap .loginmod .f_forgotpass {
top: 36px;
left: 171px;
}
/* Alumni Guestbook Login */
.page_alumni-guestbook #pageContent_bg {
min-height: 860px;
}
.p_Sub.page_alumni-guestbook #cmlogin {
background: url("/images/pagegraphics/alumni-gusetbook-login.jpg") no-repeat scroll left top transparent;
padding: 85px 210px 130px;
width: 776px;
}
.page_alumni-guestbook .loginmod {
position: absolute;
top: 0px;
left: 0px;
left: 223px;
top: 27px;
}
.page_alumni-guestbook .copywrap #cmlogin .field input, .page_alumni-guestbook .copywrap .loginmod .field input {
color: #174db0;
border: 0 solid #750202;
padding: 6px;
margin: 0 2px;
}
.page_alumni-guestbook #cmlogin .field {
padding: 7px 0;
}
.page_alumni-guestbook #submit, input.submit, .page_alumni-guestbook .f_forgotpass input.submit, .page_alumni-guestbook input#searchsubmit {
background: #174db0;
}
.page_alumni-guestbook .fptrigger {
color: #183d89;
}
.newUsers {
z-index: 7;
position: relative;
top: 216px;
left: 541px;
}
.page_alumni-guestbook .copywrap .loginmod .f_forgotpass {
top: -75px;
left: 100px;
}
/* No Left Navigation */
/*.noLeftNav{background:url(/images/pagegraphics/no-left-nav.jpg) left top no-repeat; width:359px; height:748px; position:absolute; top:1px; left:-135px;}*/
.noLeftNav {
width: 359px;
height: 748px;
position: absolute;
top: 120px;
left: 10px;
}
#slider {
width: 751px;
height: 311px;
overflow: hidden;
position: relative;
left: -7px;
top: 5px;
}
#slider img {
position: absolute;
display: none;
}
.activities ul {
margin: 0;
padding: 0 0 0 30px;
}
.activities li {
line-height: 1em;
color: #ffc10f;
}
.activities li a {
font-size: 0.8em;
line-height: 1.2em;
color: #007bc4;
}
.page_important-dates .copywrap table {
width: 420px;
margin-top: 10px;
margin-bottom: 20px;
}
.page_important-dates .copywrap table td {
padding: 8px 15px 20px 0;
}
.copywrap .fees td, .copywrap .fees td * {
font-size: 12px;
padding: 0 10px 0 0 !important;
line-height: 21px;
}
.visitingBtns {
float: right;
}
.printDirectionsSm {
float: right;
}
#rightCol {
float: right;
width: 290px;
padding-bottom: 21px;
margin-left: 15px;
}
.staffRightCol {
margin-top: 15px;
}
.staffRightCol .account {
margin-left: 30px;
}
#rightCol .account h3 {
font-size: 16px;
margin: 15px 0 0 10px;
}
#rightCol .account ul {
margin-top: 15px;
}
#rightCol .account ul li {
font-size: 15px;
line-height: 20px;
}
#imap {
position: absolute;
top: 147px;
z-index: 998;
left: 50%;
margin-left: -490px;
border: 2px solid #FFF;
-moz-box-shadow: 0 0 10px #000;
-webkit-box-shadow: 0 0 10px #000;
box-shadow: 0 0 10px #000;
}
#mapOverlay {
width: 100%;
height: 100%;
min-height: 766px;
top: 125px;
position: absolute;
background: #ffbb01;
opacity: 0.85;
filter: alpha(opacity=82);
z-index: 995;
}
#imap iframe {
display: block;
width: 980px;
height: 600px;
}
.section_media .copywrap {
text-align: center;
}
.section_media .copywrap h1 {
margin-bottom: 20px;
}
.downloads {
float: left;
padding-left: 20px;
}
.storeLink {
position: absolute;
z-index: 9;
display: block;
width: 500px;
height: 350px;
top: 142px;
left: 50%;
background: #FFF;
opacity: 0;
filter: alpha(opacity=0);
}
/*
* @ Common
*/
.required {
color: red;
}
.trigger {
cursor: pointer;
}
.popup {
display: block;
position: absolute;
background: #FFF;
padding: 0px 20px;
border: 10px solid #7f130a;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
-moz-box-shadow: 0 0 10px #000;
-webkit-box-shadow: 0 0 10px #000;
box-shadow: 0 0 10px #000;
overflow: auto;
}
.imgbtn:hover, .imgbtn:active, .imgbtn:focus {
opacity: 0.7;
filter: alpha(opacity=70);
}
/*********************************************************************************/
/* **************
* Modules
* **************/
/* Form buttons CSS3-ified */
#submit, input.submit, .f_forgotpass input.submit, input#searchsubmit {
margin: 25px auto;
border: 0;
padding: 4px 22px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
-o-border-radius: 20px;
border-radius: 20px;
font-size: 14px;
line-height: 20px;
font-weight: bold;
background: #750202;
color: #FFF;
display: block;
}
#submit:hover, #submit:active, #submit:focus, input.submit:hover, input.submit:active, input.submit:focus {
opacity: 0.75;
filter: alpha(opacity=75);
}
#submitb, .copywrap .loginmod .f_forgotpass input.submit {
float: right;
margin: 10px 0 0 0;
border: 0;
padding: 4px 22px 0 22px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-o-border-radius: 8px;
border-radius: 8px;
font-size: 12px;
line-height: 24px;
font-weight: normal;
color: #FFF;
width: auto;
background: #66b714; /* Old browsers */
background: -moz-linear-gradient(top, #66b714 0%, #346400 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #66b714), color-stop(100%, #346400)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #66b714 0%, #346400 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #66b714 0%, #346400 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #66b714 0%, #346400 100%); /* IE10+ */
background: linear-gradient(to bottom, #66b714 0%, #346400 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66b714', endColorstr='#346400', GradientType=0 ); /* IE6-9 */
-moz-box-shadow: 0 0 2px #457f1c;
-webkit-box-shadow: 0 0 2px #457f1c;
box-shadow: 0 0 2px #457f1c;
}
/*
* CampInTouch Login
*/
.loginwrap {
border-left: 1px solid #888;
border-right: 1px solid #888;
padding: 0 0 15px 0;
display: none;
}
#cmlogin label, .f_forgotpass label {
display: none;
}
#cmlogin .field {
padding: 6px 0;
}
#cmlogin .field input, .f_forgotpass input {
border: 1px #750202 solid;
background: #FFF;
font-size: 14px;
padding: 14px 5px 0 5px;
width: 175px;
line-height: 18px;
}
#cmlogin input#password {
display: none;
}
#cmlogin input#submit {
margin: 3px 0 0 0;
}
.forgotpass_trigger {
margin: 5px 0 0 0;
}
.forgotpass_trigger a {
font-size: 13px;
text-decoration: none;
cursor: pointer;
color: #496546;
}
.forgotpass_trigger a:hover, .forgotpass_trigger a:active, .forgotpass_trigger a:focus {
color: #00a700;
}
.help {
font-size: 13px;
margin-top: 23px;
}
.help a {
color: #1d6328;
font-size: 13px;
}
.f_forgotpass input {
font-size: 12px;
padding: 6px 5px 0 5px;
text-align: center;
}
.f_forgotpass input.submit {
margin: 5px 0 0 0;
font-size: 12px;
font-weight: normal;
padding: 1px 10px 0 10px;
line-height: 21px;
width: auto;
}
#passwordError, #loginError, #passwordSuccess {
position: absolute;
z-index: 999;
top: 300px;
left: 50%;
width: 400px;
background: pink;
color: red;
padding: 30px;
border-radius: 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
-moz-box-shadow: 0 0 15px #fff;
-webkit-box-shadow: 0 0 15px #fff;
box-shadow: 0 0 15px #fff;
text-align: center;
margin-left: -200px;
}
#passwordError, #loginError a {
color: red;
}
#passwordSuccess {
background: lightgreen;
color: green;
}
#passwordSuccess a {
color: green;
}
.error .close, .success .close {
display: block;
position: absolute;
top: 4px;
right: 4px;
background: red;
width: 20px;
height: 20px;
line-height: 20px;
text-align: center;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
color: #FFF !important;
opacity: 0.5;
}
.error .close:hover {
opacity: 1;
text-decoration: none;
cursor: pointer;
}
/* in-page login forms, current families and staff landing pages */
.p_Sub #cmlogin {
background: url(/images/pagegraphics/login-bg.jpg?v=2) no-repeat left top;
width: 287px;
padding: 53px 0 24px;
}
.p_Sub .account {
display: none;
}
.copywrap #cmlogin .field {
width: 248px;
margin: 0 auto;
}
.copywrap #cmlogin .field label {
display: none;
}
.copywrap #cmlogin .field input, .copywrap .loginmod .field input {
width: 231px;
padding: 5px;
background: #FFF;
color: #750202;
text-align: left;
}
.copywrap .staffRightCol #cmlogin .field input {
width: 234px;
}
#passwordb {
display: none;
}
#cmlogin .submit {
width: 250px;
margin: 0 auto;
}
.staffRightCol #cmlogin .submit {
width: 245px;
margin: 0 auto;
}
.fptrigger {
float: left;
color: #FFF;
padding: 0 43px 5px 0;
cursor: pointer;
font-size: 12px;
}
.loginmod .forgotPassword {
position: absolute;
margin: -150px 0 0 -7px;
}
.staffRightCol .loginmod .forgotPassword {
margin: -130px 0 0 23px;
}
.copywrap .loginmod .field label {
font-size: 13px;
color: #FFF;
white-space: nowrap;
}
.copywrap .loginmod .f_forgotpass {
width: 320px;
overflow: hidden;
background: #1B2F74;
overflow: hidden;
padding: 10px;
border-radius: 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
-moz-box-shadow: 0 0 15px #fff;
-webkit-box-shadow: 0 0 15px #fff;
box-shadow: 0 0 15px #fff;
position: absolute;
top: 145px;
}
.copywrap .staffRightCol .loginmod .f_forgotpass {
top: 128px;
margin-left: -30px;
}
.copywrap .loginmod .f_forgotpass label {
width: 100%;
font-size: 11px;
margin: 0 0 10px;
padding: 0;
}
.copywrap .loginmod .f_forgotpass input {
width: 240px;
}
.copywrap .loginmod .f_forgotpass input.submit {
margin: 3px 0 0 0;
padding: 4px 7px 0;
width: auto;
}
.loginmod p.help, .loginmod p.help * {
color: #FFF !important;
text-align: center !important;
}
/*
* Google Map
*/
.googleMapWrap {
width: 756px;
height: 435px;
padding: 5px;
background: #FFF;
-moz-box-shadow: 0 0 10px #666;
-webkit-box-shadow: 0 0 10px #666;
box-shadow: 0 0 10px #666;
position: relative;
margin: 25px 0 30px 0;
}
#googleMap {
width: 756px;
height: 435px;
}
.map_text {
display: block;
font-size: 13px;
line-height: 16px;
}
/*
* Schedule a Tour form
*/
.page #scheduleTourForm .radios {
line-height: 1.4em;
}
.page #scheduleTourForm .radios div {
width: 100px;
margin: 5px 0 0 0;
}
.page #scheduleTourForm label {
text-align: left;
}
/*
* Contact form
*/
.page_contact legend {
display: none;
}
/*
* Accordions
*/
.accordion {
margin: 0;
padding: 0;
}
.accordion dt {
font-weight: normal !important;
cursor: pointer;
padding: 2px 8px;
border: 1px solid #ffc400;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
margin: 8px 0 0 0;
background: #fff2d2;
font-size: 18px;
}
.accordion dt:hover {
background: #ffc400;
}
.accordion dt.acc-open {
background: #ffdc8f;
padding: 2px 8px;
border: 1px solid #ffc400;
border-bottom: 0;
-moz-border-radius: 8px 8px 0 0;
-webkit-border-radius: 8px 8px 0 0;
border-radius: 8px 8px 0 0;
}
.accordion dd {
font-size: 15px;
margin: -1px 0 8px 0;
background: #ffdc8f;
padding: 8px;
border: 1px solid #ffc400;
border-top: 0;
-moz-border-radius: 0 0 8px 8px;
-webkit-border-radius: 0 0 8px 8px;
border-radius: 0 0 8px 8px;
overflow: auto;
}
/*
* Countdown
*/
#countdown {
margin: 15px 0;
background: url(/images/pagegraphics/countdown-bg.png) no-repeat left top;
width: 200px;
height: 68px;
}
#countdown, #countdown * {
font-family: 'Arial Narrow', Impact, sans-serif !important;
line-height: 18px;
color: #336633 !important;
}
#countdown .days {
padding: 12px 0 0 10px;
}
#countdown .days * {
font-weight: bold;
font-size: 40px !important;
}
#countdown .days .num {
float: left;
font-family: Arial, sans-serif !important;
line-height: 36px;
}
#countdown .days .txt {
float: left;
padding-left: 10px;
}
#countdown .days .txt, #countdown .days .txt b {
font-size: 15px !important;
font-weight: normal;
line-height: 18px;
display: none;
}
#countdown .days .txt b {
font-weight: bold;
font-family: Arial, sans-serif !important;
}
#countdown .time {
clear: both;
padding: 8px 0 0 20px;
display: none;
}
#countdown .time * {
color: #669966 !important;
}
#countdown .time span {
padding-left: 10px;
font-size: 13px;
}
#countdown .time span b {
padding-right: 3px;
font-size: 17px;
}
#countdown .num {
background: url(/images/pagegraphics/countdown-numbers.png) left top no-repeat;
width: 36px;
height: 42px;
text-indent: -500px;
white-space: nowrap;
overflow: hidden;
padding-left: 0px;
}
#countdown .num0 {
background-position: left top;
}
#countdown .num1 {
background-position: -37px top;
}
#countdown .num2 {
background-position: -79px top;
}
#countdown .num3 {
background-position: -118px top;
}
#countdown .num4 {
background-position: -160px top;
}
#countdown .num5 {
background-position: -200px top;
}
#countdown .num6 {
background-position: -238px top;
}
#countdown .num7 {
background-position: -280px top;
}
#countdown .num8 {
background-position: -318px top;
}
#countdown .num9 {
background-position: -357px top;
}
/*
* Social Media
*/
#social {
height: 47px;
margin-top: 10px;
}
#footer #social {
position: absolute;
top: 64px;
left: 30px;
margin-top: 0px;
}
#social ul, #social li {
margin: 0;
padding: 0;
list-style-type: none;
}
#social li {
float: left;
margin: 0 4px 0 0;
}
/*#footer */#social li {
margin: 0 7px 0 0;
}
#social li a {
display: block;
width: 47px;
height: 47px;
cursor: pointer;
text-indent: -500px;
white-space: nowrap;
overflow: hidden;
}
/*#footer */#social li a {
width: 36px;
height: 36px;
}
#social li a:hover {
opacity: 0.7;
filter: alpha(opacity=70);
}
#social .facebook a {
background-position: 0 -83px;
}
/*#footer */#social .facebook a {
background-position: -206px -83px;
}
#social .twitter a {
background-position: -49px -83px;
}
/*#footer */#social .twitter a {
background-position: -244px -83px;
}
#social .blog a {
background-position: -99px -83px;
}
/*#footer */#social .blog a {
background-position: -281px -83px;
}
#social .pintrest a {
background-position: -147px -83px;
}
/*#footer */#social .pintrest a {
background-position: -319px -83px;
}
#social .instagram a {
background-position: -147px -83px;
}
/*#footer */#social .instagram a {
background-position: -527px -83px;
}
@media screen and (min-width:960px){
#social li {margin-right: 0;}
.p_Home #social li {margin-right:2px;}
}
/*
* Facebook Like Button
*/
.fbLikeBtn {
margin: 7px 0 0 0;
}
.fbLikeBtn img.fbPlaceHolder {
width: auto;
height: auto;
}
/*
* AddThis
*/
.addthis_toolbox {
float: right;
}
.addthis_counter {
height: 18px;
}
.addthis_button_expanded {
display: block !important;
}
.addthis_counter a.atc_c, .addthis_counter a.atc_s {
height: 20px;
width: 50px;
line-height: 18px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
margin-top: 1px;
}
.addthis_counter a.atc_s span {
background-image: none;
padding-left: 13px;
line-height: 15px;
display: block;
}
.addthis_button_facebook_like {
float: right;
position: relative;
}
.addthis_button_tweet {
float: right;
position: relative;
}
/*
* YouTube Channel Video List
*/
.jcarousel-skin-tango .jcarousel-container {
float: right;
margin: 30px 0 0;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
background: #294023;
}
.jcarousel-skin-tango .jcarousel-direction-rtl {
direction: rtl;
}
.jcarousel-skin-tango .jcarousel-container-vertical {
width: 240px;
height: 315px;
padding: 40px 5px;
}
.jcarousel-skin-tango .jcarousel-clip-vertical {
width: 240px;
height: 315px;
}
.jcarousel-skin-tango .jcarousel-item {
width: 228px;
height: 65px;
background: #3f6517;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
padding: 6px;
}
.jcarousel-item:hover, .jcarousel-item:active, .jcarousel-item:focus {
background: #988A64;
}
.jcarousel-skin-tango .jcarousel-item-vertical {
margin-bottom: 2px;
}
.jcarousel-skin-tango .jcarousel-item-placeholder {
background: #988a64;
}
.jcarousel li a {
color: #FFF !important;
text-decoration: none;
font-size: 12px;
display: block;
line-height: 14px;
border-bottom: 0 !important;
}
.jcarousel li a.title {
margin: 6px 0 5px 0;
height: 26px;
overflow: hidden;
}
.jcarousel-item:hover a.title, .jcarousel-item:active a.title, .jcarousel-item:focus a.title {
color: #FFF !important;
text-decoration: underline;
}
.jcarousel li .ytimg {
float: left;
height: 65px;
width: 88px !important;
margin: 0 10px 0 0;
}
.jcarousel li .views, .jcarousel li .length {
display: block;
font-size: 11px;
line-height: 12px;
color: #FFF;
}
.jcarousel-skin-tango .jcarousel-next-vertical {
position: absolute;
bottom: 5px;
left: 116px;
width: 23px;
height: 26px;
cursor: pointer;
background-position: -291px -263px;
opacity: 0.6;
filter: alpha(opacity=60);
}
.jcarousel-skin-tango .jcarousel-next-vertical:hover {
background-position: -291px -328px;
opacity: 1;
filter: alpha(opacity=100);
}
.jcarousel-skin-tango .jcarousel-next-vertical:active {
background-position: -291px -328px;
}
.jcarousel-skin-tango .jcarousel-next-disabled-vertical, .jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover, .jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
cursor: default;
background-position: -291px -360px;
opacity: .35;
filter: alpha(opacity=35);
}
.jcarousel-skin-tango .jcarousel-prev-vertical {
position: absolute;
top: 5px;
left: 116px;
width: 23px;
height: 26px;
cursor: pointer;
background-position: -315px -263px;
opacity: 0.6;
filter: alpha(opacity=60);
}
.jcarousel-skin-tango .jcarousel-prev-vertical:hover {
background-position: -315px -328px;
opacity: 1;
filter: alpha(opacity=100);
}
.jcarousel-skin-tango .jcarousel-prev-vertical:active {
background-position: -315px -328px;
}
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical, .jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover, .jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
cursor: default;
background-position: -315px -360px;
opacity: .35;
filter: alpha(opacity=35);
}
/* YouTube Channel page */
.youTubeBadge {
width: 300px;
height: 97px;
overflow: hidden;
float: left;
}
.youTubeBadge iframe {
overflow: hidden;
height: 105px;
width: 300px;
border: 0;
}
.yt_comments {
width: 100%;
padding: 10px 0 20px 0;
float: left;
overflow: auto;
}
.yt_comments h3 {
margin-top: 20px;
}
.page .yt_comments p {
font-size: 14px;
line-height: 17px;
}
.yt_comments .author {
font-size: 12px;
font-style: italic;
}
.yt_comments .comment {
padding-bottom: 20px;
margin-bottom: 20px;
border-bottom: 1px dotted #bbb;
}
.yt_vidlist {
width: 250px;
float: right;
margin: -30px -300px 0 0;
}
.morebtn {
background: #776635;
clear: both;
position: relative;
top: 10px;
display: block;
text-align: center;
color: #FFF !important;
font-size: 10px;
text-decoration: none !important;
padding: 0px;
line-height: 40px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
opacity: 0.5;
filter: alpha(opacity=50);
}
.morebtn:hover, .morebtn:active, .morebtn:focus {
background: #776635;
outline: 0 none;
opacity: 1;
filter: alpha(opacity=100);
}
.yt_video {
margin-top: 19px;
}
.yt_social {
background: #FFF;
padding: 10px;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
height: 97px;
}
.ytCommentButton {
display: block;
background: #776635;
text-align: center;
color: #FFF !important;
text-decoration: none !important;
line-height: 40px;
border: 1px solid #aaa;
opacity: 0.5;
filter: alpha(opacity=50);
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-o-border-radius: 8px;
}
.ytCommentButton:hover, .ytCommentButton:active, .ytCommentButton:focus {
background: #776635;
outline: 0 none;
opacity: 0.8;
filter: alpha(opacity=80);
}
.yt_share {
width: 315px;
height: 97px;
float: right;
}
.yt_share #socialBtns {
border-top: 0;
padding: 0;
}
.yt_share .socialAddthis {
float: left;
margin-top: 2px;
}
.yt_share .email-link {
float: left;
display: block;
margin-left: -2px;
margin-top: 5px;
text-indent: -500px;
white-space: nowrap;
overflow: hidden;
width: 16px;
height: 16px;
background-position: -336px -63px;
margin-right: 25px;
}
.yt_share .socialTwitter {
float: left;
width: 101px;
margin-left: 6px;
margin-top: 3px;
}
.yt_share .socialGooglePlusOne {
float: left;
margin-left: 6px;
margin-top: 3px;
}
.yt_share .socialFBLike {
width: 345px;
margin: 15px 0 0 0;
}
.yt_share .fbsend {
display: none;
}
/* Email share form */
#emailShare {
width: 330px;
height: 400px;
position: absolute;
background: #FFF;
border: 4px solid #aaa;
-moz-box-shadow: 0 0 10px #666;
-webkit-box-shadow: 0 0 10px #666;
box-shadow: 0 0 10px #666;
z-index: 99;
top: 0;
left: 0;
display: none;
}
#emailShare iframe {
width: 330px;
height: 375px;
}
#eShare, #eShare body {
background-image: none;
background-color: #FFF;
min-width: 330px;
width: 330px;
}
#emailShare .close {
text-align: center;
display: block;
margin: 0 auto !important;
cursor: pointer;
}
#emailShareForm {
font-size: 12px;
color: #666;
line-height: 16px;
padding: 15px;
}
#emailShareForm label {
display: block;
float: left;
width: 92px;
padding-right: 8px;
text-align: right;
line-height: 24px;
}
#emailShareForm .field {
clear: both;
width: 300px;
overflow: hidden;
}
#emailShareForm input, #emailShareForm textarea {
float: left;
width: 190px;
border: 1px solid #ccc;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
padding: 3px;
}
#emailShareForm textarea {
margin-bottom: 12px;
}
#emailShareForm input#send {
width: 300px;
clear: both;
background: #ccc;
color: #666;
border: 1px solid #aaa;
text-align: center;
font-size: 16px;
display: block;
padding: 10px 0;
}
#emailShareForm input#send:hover, #emailShareForm input#send:active, #emailShareForm input#send:focus {
background: #ddd;
}
#emailShareForm p {
font-weight: bold;
margin-top: 0;
}
#emailShareForm p small {
display: block;
font-size: 10px !important;
white-space: nowrap;
text-align: center;
font-weight: normal;
padding-top: 12px;
}
/*
* FancyBox - jQuery Plugin - customized by Brian@CreativeNavigation.com
* Simple and fancy lightbox alternative
*
* Examples and documentation at: http://fancybox.net
*
* Copyright (c) 2008 - 2010 Janis Skarnelis
* That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated.
*
* Version: 1.3.4 (11/11/2010)
* Requires: jQuery v1.3+
*
* Dual licensed under the MIT and GPL licenses:
* http://www.opensource.org/licenses/mit-license.php
* http://www.gnu.org/licenses/gpl.html
*/
#fancybox-loading {
position: fixed;
top: 99%;
left: 50%;
width: 40px;
height: 40px;
margin-top: -20px;
margin-left: -20px;
cursor: pointer;
overflow: hidden;
z-index: 9104;
display: none;
}
#fancybox-loading div {
position: absolute;
top: 0;
left: 0;
width: 40px;
height: 480px;
}
#fancybox-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 9100;
display: none;
border: 0 !important;
overflow: hidden !important;
}
#fancybox-tmp {
padding: 0;
margin: 0;
border: 0;
overflow: auto;
display: none;
}
#fancybox-wrap {
position: absolute;
top: 0;
left: 0;
padding: 20px;
z-index: 9101;
outline: none;
display: none;
}
#fancybox-outer {
position: relative;
width: 100%;
height: 100%;
background: transparent;
}
#fancybox-content {
width: 0;
height: 0;
padding: 0;
outline: none;
position: relative;
overflow: hidden;
z-index: 9102;
border: none;
-moz-box-shadow: 0 0 20px #000;
-webkit-box-shadow: 0 0 20px #000;
box-shadow: 0 0 20px #000;
}
#fancybox-hide-sel-frame {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: transparent;
z-index: 9101;
}
#fancybox-close {
position: absolute;
top: -15px;
right: 5px;
width: 35px;
height: 35px;
background: url(../../images/close.png) no-repeat left top;
cursor: pointer;
z-index: 9103;
display: block !important;
}
#fancybox-close:hover, #fancybox-close:active, #fancybox-close:focus {
background-position: -1px 1px;
}
#fancybox-error {
color: #444;
font: normal 12px/20px Arial;
padding: 14px;
margin: 0;
}
#fancybox-img {
width: 100%;
height: 100%;
padding: 0;
margin: 0;
border: none;
outline: none;
line-height: 0;
vertical-align: top;
}
#fancybox-frame {
width: 100%;
height: 100%;
border: none;
display: block;
}
#fancybox-left, #fancybox-right {
position: absolute;
bottom: 0px;
height: 100%;
width: 35%;
cursor: pointer;
outline: none;
background: transparent;
z-index: 9102;
display: none;
}
#fancybox-left {
left: 0px;
}
#fancybox-right {
right: 0px;
}
#fancybox-left-ico, #fancybox-right-ico {
position: absolute;
top: 50%;
left: -9999px;
cursor: pointer;
z-index: 9102;
display: block;
}
#fancybox-left:hover, #fancybox-right:hover {
visibility: visible; /* IE6 */
}
#fancybox-left:hover span {
left: 20px;
}
#fancybox-right:hover span {
left: auto;
right: 20px;
}
#fancybox-title {
font-family: Helvetica;
font-size: 12px;
z-index: 9102;
}
.fancybox-title-inside {
padding-bottom: 10px;
text-align: center;
color: #333;
background: transparent;
position: relative;
}
.fancybox-title-outside {
padding-top: 10px;
color: #fff;
}
.fancybox-title-over {
position: absolute;
bottom: 0;
left: 0;
color: #FFF;
text-align: left;
}
#fancybox-title-over {
padding: 10px;
background: transparent;
display: block;
}
.fancybox-title-float {
position: absolute;
left: 0;
bottom: -20px;
height: 32px;
}
#fancybox-title-float-wrap {
border: none;
border-collapse: collapse;
width: auto;
}
#fancybox-title-float-wrap td {
border: none;
white-space: nowrap;
}
#fancybox-title-float-left {
padding: 0 0 0 15px;
background: transparent;
}
#fancybox-title-float-main {
color: #FFF;
line-height: 29px;
font-weight: bold;
padding: 0 0 3px 0;
background: transparent;
}
#fancybox-title-float-right {
padding: 0 0 0 15px;
background: transparent;
}
/*
* Wordpress Blog customizations
*/
#container {
width: 700px;
overflow: hidden;
float: left;
padding-top: 25px;
}
#primary {
width: 250px;
padding: 0;
float: right;
margin: 0;
}
h1.entry-title, h2.entry-title, .entry-title a, a.entry-title {
font-size: 24px;
text-decoration: none !important;
margin: 0 0 5px 0;
line-height: 30px;
}
.entry-title a:hover, a.entry-title:hover {
text-decoration: underline !important;
}
.entry-content, .entry-summary {
padding: 0;
}
input#searchsubmit {
font-size: 14px;
color: #1d6328;
padding: 4px 10px 0 10px;
}
.widget_search #s {
border: 1px solid #CCC;
padding: 10px 0 0 4px;
font-size: 14px;
line-height: 25px;
float: left;
margin: 9px 5px 0 0;
width: 66% !important;
}
#socialBtns .socialAddthis {
float: left;
padding: 2px 30px 0 0;
}
#socialBtns .socialTwitter, #socialBtns .socialGooglePlusOne {
float: left;
}
#socialBtns .socialFBLike {
float: left;
width: 390px;
}
.entry-meta .vcard {
float: none;
width: auto;
}
.entry-meta .vcard a {
font-size: 0.928571rem;
}
/***********************************************************************/
/* ****************
* Utilities
* ****************/
.clear {
clear: both;
}
.clearleft {
clear: left;
}
.clearright {
clear: right;
}
.clearnone {
clear: none;
}
.floatleft {
float: left;
}
.floatright {
float: right;
}
.floatnone {
float: none;
}
.marginleft {
margin-left: 15px;
}
.marginright {
margin-right: 15px;
}
.margintop {
margin-top: 15px;
}
.marginbottom {
margin-bottom: 15px;
}
.alignleft {
text-align: left;
}
.aligncenter {
text-align: center;
}
.alignright {
text-align: right;
}
.alignjustify {
text-align: justify;
}
/*
* Style Modifiers
*/
.xxlarge {
font-size: 1.6em;
}
.xlarge {
font-size: 1.4em;
}
.large {
font-size: 1.2em;
}
.small {
font-size: 0.9em;
}
.xsmall {
font-size: 0.75em;
}
.xxsmall {
font-size: 0.6em;
}
.opacity100 {
opacity: 1;
filter: alpha(opacity=100) !important;
}
.opacity90 {
opacity: .9;
filter: alpha(opacity=90) !important;
}
.opacity80 {
opacity: .8;
filter: alpha(opacity=80) !important;
}
.opacity70 {
opacity: .7;
filter: alpha(opacity=70) !important;
}
.opacity60 {
opacity: .6;
filter: alpha(opacity=60) !important;
}
.opacity50 {
opacity: .5;
filter: alpha(opacity=50) !important;
}
.opacity90 {
opacity: .4;
filter: alpha(opacity=40) !important;
}
.opacity30 {
opacity: .3;
filter: alpha(opacity=30) !important;
}
.opacity20 {
opacity: .2;
filter: alpha(opacity=20) !important;
}
.opacity10 {
opacity: .1;
filter: alpha(opacity=10) !important;
}
.opacity00 {
opacity: 0;
filter: alpha(opacity=0) !important;
}
.zindex1 {
z-index: 1 !important;
}
.zindex2 {
z-index: 2 !important;
}
.zindex3 {
z-index: 3 !important;
}
.zindex4 {
z-index: 4 !important;
}
.zindex5 {
z-index: 5 !important;
}
.zindex9 {
z-index: 9 !important;
}
.zindex99 {
z-index: 99 !important;
}
.zindex999 {
z-index: 999 !important;
}
.zindex9999 {
z-index: 9999 !important;
}
.zindex99999 {
z-index: 99999 !important;
}
.w100 {
width: 100px;
}
.w200 {
width: 200px;
}
.w300 {
width: 300px;
}
.w340 {
width: 340px;
}
.w400 {
width: 400px;
}
.w500 {
width: 500px;
}
.w600 {
width: 600px;
}
.w640 {
width: 640px;
}
.w700 {
width: 700px;
}
.w800 {
width: 800px;
}
.w900 {
width: 900px;
}
/* Display Disabled Javascript notice if js is disabled */
/* .no-js is detected and controlled with modernizr.js */
.js #jsnotice {
display: none;
}
.no-js #jsnotice {
display: block;
}
#jsnotice {
position: absolute;
}
/* CSS3 ### CSS3 ### CSS3 ### CSS3 ### CSS3
For awesome CSS3 Reference
http://css3please.com/ */
/**********************************************************************/
/*
* Media queries for responsive design
* These follow after primary styles so they will successfully override.
*/
/* Mobile device media queries */
@media all and (orientation:portrait) {
/* Style adjustments for portrait mode goes here */
}
@media all and (orientation:landscape) {
/* Style adjustments for landscape mode goes here */
}
/* Grade-A Mobile Browsers (Opera Mobile, iPhone Safari, Android Chrome)
Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-device-width: 480px) {
/* Uncomment if you don't want iOS and WinMobile to mobile-optimize the text for you
j.mp/textsizeadjust
html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
.p_Home #bottom {
position: absolute;
bottom: auto;
top: 532px;
}
.p_Home #header {
position: relative;
}
#slides, #slides img {
width: 100% !important;
max-width: 100% !important;
height: auto !important;
max-height: auto !important;
}
}
/* iPhone4 Only - iPhone4 has a much higher resolution, allowing higher rez background images, graphics, etc. 150-200dpi */
@media screen and (-webkit-min-device-pixel-ratio:2) {
}
/* iPad Only */
@media all and (min-device-width: 481px) and (max-device-width: 980px) {
}
/* Older handheld devices - VERY SIMPLE */
@media handheld {
* {
float: none !important; /* Screens are not big enough to account for floats */
background: #fff !important; /* As much contrast as possible */
background-image: none !important;
text-indent: 0 !important;
width: auto !important;
height: auto !important;
color: #000 !important;
}
/* Slightly reducing font size to reduce need to scroll */
body {
font-size: 80%;
}
}
/*********************************************************************************/
/*
* print styles
* inlined to avoid required HTTP connection www.phpied.com/delay-loading-your-print-css/
*/
@media print {
* {
background: transparent !important;
color: #444 !important;
text-shadow: none !important;
}
body {
background-image: none !important;
}
*, html, head, body, #header, #maincol, .wrap, #nav, #subnav, #leftNav, #nav ul, #subnav ul, #leftNav ul, #nav li, #subnav li, #leftNav li, .page, #leftColumn, .contactInfo, #footer .contactInfo .email {
float: none !important;
width: auto !important;
background-image: none;
position: relative !important;
left: 0 !important;
margin: 0 !important;
padding: 0 !important;
height: auto !important;
overflow: visible !important;
}
.addthis_toolbox, .dualRotator, #nav, #leftNav, #subnav, #leftColumn, .contactInfo, .phoneTrigger, .page img, #headgraphics, #countdown, #bottom, #leftnav, #slides, #social-root {
display: none !important;
}
#nav li a, #subnav li a, #leftNav ul li a, .header {
white-space: normal !important;
background-image: none !important;
text-indent: 0 !important;
margin: 0 !important;
padding: 0 !important;
}
#header, #header .wrap, #wrap {
height: auto;
min-height: auto !important;
width: auto !important;
position: relative !important;
min-width: auto;
text-align: left !important;
}
.logo {
margin: 0 0 20px 0 !important;
float: none !important;
position: relative !important;
top: 0;
left: 0 !important;
}
.copywrap h1, .copywrap h2, .copywrap h3, .copywrap h4, .copywrap p, .copywrap ul, .copywrap ol {
margin: 1em 0 !important;
}
.copywrap h1, .copywrap h1 img {
display: block !important;
position: relative;
left: 0 !important;
width: auto;
height: auto;
float: none;
}
h1.header {
width: auto !important;
height: auto !important;
margin: 0 !important;
padding: 0 !important;
font-size: 34px !important;
font-family: "GabrielleWeiss", Helvetica, Arial, sans-serif;
padding-bottom: 20px !important;
}
a, a:visited {
color: #444 !important;
text-decoration: underline;
}
html {
border: 1px solid #FFF;
}
.accordion dd, .accordion dt {
display: block !important;
background: #FFF !important;
border: 0 !important;
}
.accordion dd {
padding-bottom: 16px;
}
/*
a:after { content: " (" attr(href) ")"; }
abbr:after { content: " (" attr(title) ")"; }
#logo:before { content: url(../../images/logo-print.jpg); }
*/
.ir a:after {
content: "";
} /* Don't show links for images */
pre, blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
thead {
display: table-header-group;
} /* css-discuss.incutio.com/wiki/Printing_Tables */
tr, img {
page-break-inside: avoid;
}
@page {
margin: 0.5cm;
}
p, h2, h3 {
orphans: 3;
widows: 3;
}
h2, h3 {
page-break-after: avoid;
}
html {
/* acts as #maincontainer/#pgwrapper now */
background-image: none;
background-color: #FFFFFF; /* add main background here, not to */
}
html.pageHome {
background-image: none;
background-color: #FFFFFF; /* add main background here, not to */
}
}
/* updated footer */
#footer .addys {display:none;}
@media screen and (min-width:960px){
#footer .addys {display:block; width:690px; text-align: center; margin:60px 0 0 140px;}
.p_Sub #footer .addys {margin-left:145px;}
#footer .addys p {color:#FFF; margin:0; line-height: 1.5; letter-spacing: 1pt;}
#footer .addys p a {color:#FFF;}
#footer .addys p a:hover {text-decoration: none;}
}
/*********************************************************************************/
/*
* Hacks and Debug
*/
/* Webkit - Safari and Chrome only */
@media screen and (-webkit-min-device-pixel-ratio:0) {
}
#testmode {
color: #666;
}
/* IE7 and below */
/* System, debug, etc. */
.systemNote, .devnote {
position: fixed;
z-index: 99999999;
border-top: 3px solid green;
background: lightgreen;
padding: 5px;
color: #000;
font-size: 12px;
font-family: "Courier", courier, monospace;
text-align: center;
width: 100%;
bottom: 0;
left: 0;
opacity: 0.7;
}
.devnote {
background: pink;
border-color: red;
bottom: 160px;
}