/*!
 * Bootstrap v2.2.2
 *
 * Copyright 2012 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world @twitter by @mdo and @fat.
 */
 
/* MAIN CONTAINERS */

.container {margin:auto; width:1100px; position:relative; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }

[class*="span"] { float:left; margin-left:1%; }

img { max-width:100%; }


/* LAYOUT */

.row-fluid [class*="span"] { float: left; margin-left: 2.127659574468085%; }

.row-fluid [class*="span"]:first-child { margin-left: 0; }

.row-fluid .controls-row [class*="span"] + [class*="span"] { margin-left: 2.127659574468085%; }

.row-fluid .span12 { width:100%; }

.row-fluid .span11 { width:91.48936170212765%; }

.row-fluid .span10 { width:82.97872340425532%; }

.row-fluid .span9 { width:74.46808510638297%; }

.row-fluid .span8 { width:65.95744680851064%; }

.row-fluid .span7 { width:57.44680851063829%; }

.row-fluid .span6 { width:48.93617021276595%; }

.row-fluid .span5 { width:40.42553191489362%; }

.row-fluid .span4 { width:31.914893617021278%; }

.row-fluid .span3 { width:23.404255319148934%; }

.row-fluid .span2 { width:14.893617021276595%; }

.row-fluid .span1 { width:6.382978723404255%; }

.row-fluid .offset12 { margin-left:104.25531914893617%; }

.row-fluid .offset12:first-child { margin-left:102.12765957446808%; }

.row-fluid .offset11 { margin-left:95.74468085106382%; }

.row-fluid .offset11:first-child { margin-left:93.61702127659574%; }

.row-fluid .offset10 { margin-left:87.23404255319149%; }

.row-fluid .offset10:first-child { margin-left:85.1063829787234%; }

.row-fluid .offset9 { margin-left:78.72340425531914%; }

.row-fluid .offset9:first-child { margin-left:76.59574468085106%; }

.row-fluid .offset8 { margin-left:70.2127659574468%; }

.row-fluid .offset8:first-child { margin-left:68.08510638297872%; }

.row-fluid .offset7 { margin-left:61.70212765957446%; }

.row-fluid .offset7:first-child { margin-left:59.574468085106375%; }

.row-fluid .offset6 { margin-left:53.191489361702125%; }

.row-fluid .offset6:first-child { margin-left:51.063829787234035%; }

.row-fluid .offset5 { margin-left:44.68085106382979%; }

.row-fluid .offset5:first-child { margin-left:42.5531914893617%; }

.row-fluid .offset4 { margin-left:36.170212765957444%; }

.row-fluid .offset4:first-child { margin-left:34.04255319148936%; }

.row-fluid .offset3 { margin-left:27.659574468085104%; }

.row-fluid .offset3:first-child { margin-left:25.53191489361702%; }

.row-fluid .offset2 { margin-left:19.148936170212764%; }

.row-fluid .offset2:first-child { margin-left:17.02127659574468%; }

.row-fluid .offset1 { margin-left:10.638297872340425%; }

.row-fluid .offset1:first-child { margin-left:8.51063829787234%; }




/* TABLET PORTRAIT VIEW */

@media (max-width: 1100px) {

	/* Bootstrap Styles
	-------------------------------------------------------------- */

	.container {width: 95%; padding: 0px 2.5% 0px 2.5%;}


	/* Navigation Styles
	-------------------------------------------------------------- */

	.logo img {margin-top: 5px;}


	/* Slideshow Styles
	-------------------------------------------------------------- */

	#slide-show {max-height: 500px;}

	.overlay {top: 20px; width: 90%;}

	.overlay header h1 {font-size: 36px; margin: 0px; padding: 0px;}

	.slide {height: 500px;}

	.events figure {width: 375px;}

}


/* ALL MOBILE SIZES VIEW */

@media screen and (max-width: 960px) {

	/* Bootstrap Styles
	-------------------------------------------------------------- */

	.row-fluid .span10 {width: 100%; float: none; margin-left: 0px;}
	
	.row-fluid .span6 {float: none; width: 100%; margin-left: 0px;}


	/* Navigation Styles
	-------------------------------------------------------------- */

	#site-navigation {position: relative; padding-top: 16px; height: 62px;}

	.logo {position: absolute; left: 20px; top: -12px; }

	.facebook {display: none!important;}


	/* Slideshow Styles
	-------------------------------------------------------------- */

	#slide-show {padding-top: 0px; max-height: 800px;}

	.slide {height: 800px;}

	.one {background: url(../img/lighthouse-one.jpg) no-repeat center center;}

	.two {background: url(../img/lighthouse-two.jpg) no-repeat center center;}

	
	/* Stay or Visit Styles
	-------------------------------------------------------------- */

	.tours {bottom: 110px; right: 100px;}

	.programs {top: 26px; left: 100px;}


	/* Events, Donations, & Post Styles
	-------------------------------------------------------------- */

	.events figure {width: 400px;}

	.events figure img {width: 100%;}

	.top-line {background: url(img/middle-line-top.png) center top repeat-x;}

	.middle-line {background: url(img/middle-line.png) center repeat-y;}

	.events article {padding: 40px 20px 40px 20px; border-bottom: solid 1px #cccbc7;}

	
	/* Footer
	-------------------------------------------------------------- */

	.footer-image {right: -180px;}


	/* Nav Menu Styles
	-------------------------------------------------------------- */
	#menu {position: absolute; width: 100%; top: 60px; left: 0px; z-index: 100;}

    a.menu-link { display: block; color: #fff; margin-top: 6px;}

	.menu { clear: both; min-width: inherit; float: none;}

	.menu, .menu > ul ul { overflow: hidden; max-height: 0; background-color: #1f3c59;}

	.menu > li > ul.sub-menu { padding: 0px; border: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}

	.menu.active, .menu > ul ul.active { max-height: 100em;}

	.menu ul { display: inline;}

	.menu > ul { border-top: 1px solid #808080;}

	.menu li, .menu > ul > li { display: block; font-size: 16px;}
	
	.menu li a {display: block; padding: 0.8em; border-bottom: 1px solid #808080; position: relative;}

	.menu li.has-submenu > a:after { content: '+'; position: absolute; top: 0; right: 0; display: block; font-size: 1.5em; padding: 0.55em 0.5em;}

	.menu li.has-submenu > a.active:after { content: "-";}

	.menu ul li > a { height:45px; padding: 20px 18px 0px 30px;}

	.menu ul ul > li a { background-color: #2e4e6f; font-size: 16px; height:45px; padding: 20px 18px 0px 30px;}

	.menu ul ul, .menu ul ul ul { display: inherit; position: relative; left: auto; top:auto; box-shadow: none;  border:none;}
	
	.blog-post figure {float: none; width: 90%; margin-top: 20px;}

	.blog-post figure img {height: auto;}

	.post-content {float: none; width: 100%; margin-right: 0%; margin-top: 30px;}
}


/* PHONE VIEW */

@media (max-width: 768px) {

	.table,
	.table-elite,
	.row,
	.column,
	.column:before{ display:block;	/* Converts a table, table row, table column and table column:before into a block element */ color: #638fb7;}
	
	.table,
	.table-elite,
	.row .column:last-child{ border-bottom:none;}
	
	.table-head{color:#0d599a; position:absolute;	/* Hides table head but not using display none */ top:-1000em; left:-1000em;  }
	
	.table-subhead{color:#0d599a; position:absolute;	/* Hides table head but not using display none */ top:-1000em; left:-1000em;  }
	
	.table-head-elite{color:#0d599a; position:absolute;	/* Hides table head but not using display none */ top:-1000em; left:-1000em;  }
	
	.row{ border:1px solid #eeeeee; border-top:2px solid #dddddd; border-bottom:2px solid #dddddd; margin:20px 0; }
	
	.row .column:nth-child(1){ /* first column of the row */ border-left:none; color: #638fb7;}
	
	.row .column:last-child{ /* last column of the row */ border-right:none; color:#638fb7; }
	
	.row:last-child .column, .column{ /* Column in the last row and column */ border-bottom:1px solid #eeeeee; }
	
	.data-head {font-size: 20px; background-color: #0090c9;}
	
	.data-head-elite {font-size: 20px; background-color: #0d599a;}
	
	.label {display:block; font-size: 1.9em; text-align: center; line-height: 1.7em;}
	
	#labelhead {display:none; }
	
	.column:before{ /* prints the value of data-label attribute before the column data */ font-weight:bold; padding-right:20px; font-size:12px; content:" "attr(data-label)"";}
	
	.column-elite:before{ /* prints the value of data-label attribute before the column data */ font-weight:bold; padding-right:20px; font-size:12px; content:" "attr(data-label)" //";}
	
	#issue {font-size: 10px; background-color: #edd5a1;}
	
	.data-head:hover{ background:#0090c9; color: #0d599a; }

	.data-head-elite:hover{ background:#0d599a; color: #0d599a; }

}

/* PHONE VIEW */

@media (max-width: 479px) {

	/* Bootstrap Styles
	-------------------------------------------------------------- */

	.row-fluid .span3 {float: none; width: 100%; margin-left: 0px;}


	/* Stay or Visit Styles
	-------------------------------------------------------------- */
	.tours {bottom: 0px; right: 0px;}

	.programs {top: -20px; left: 0px;}


	/* Events, Donations, & Post Styles
	-------------------------------------------------------------- */

	.events figure {height: auto;}

	.events figure img{margin-bottom: -5px;}

	/* Footer
	-------------------------------------------------------------- */

	#footer {height: auto; padding: 20px;}

	.footer-image {right: -190px; bottom: -100px;}	

}