/* St. Enodoc Golf Club. Main Styling */
/* June 2011 Tanist Computer Systems  */

body
{
	margin:0;
	background-color:#f6f6f6;
	font-family: "LinuxLibertineORegular",Palatino,serif;
}

div#background-container-cover
{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:520px;
	background-color:#f6f6f6;
}

div#background-container, div#background-container-two
{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:520px;
	/*background-image:url(/media/images/panoramas/golf-club-view-1.jpg);*/
	background-image: url(/media/images/panoramas/random.php);
	background-repeat:no-repeat;
	background-position:50% -50px;
	/*background-position: center center;*/
}

body.with-gap div#background-container, body.with-gap div#background-container-two
{
	background-position:50% 30px;
	/*background-position: center center;*/
}
/*div#background-container-two {
	display:none;
}*/

img
{
	border:none;
}

.amp {
  font-family:Baskerville,Palatino,'Palatino Linotype',serif;
  font-style:italic;
}

a
{
	text-decoration:none;
}

br.clearer
{
	width:100%;
	clear:both;
	line-height:1px;
	height:1px;
}

span.ss
{
	vertical-align:super;
	font-size:0.5em;
}

.content
{
  margin-left:auto;
  margin-right:auto;
  width:974px;
}

.stop-press
{
	position:absolute;
	top:145px;
	width:974px;
	display:none;
}

.stop-press.with-gap
{
	top:418px;
	display:block;
}

.stop-press .page-output
{
	height:21px;
}

.stop-press-heading
{
	float:left;
	color:green;
	text-transform:uppercase;
	margin-left:30px;
}

.stop-press-content
{
	float:right;
	font-size:0.9em;
	width:805px;
	margin-top:2px;
	overflow:hidden;
}

.page-output-inner .stop-press-content a
{
	font-size:0.9em;
	color:black;
	cursor:default;
}

.page-output-inner .stop-press-content a:hover
{
	text-decoration:none;
}

.page-output-inner .stop-press-content a.span
{
	color:green;
	cursor:pointer;
}

.page-output-inner .stop-press-content a:hover.span
{
	text-decoration:underline;
}

.page-content
{
  position:absolute;
	top:350px;
	width:974px;
}

.page-content.with-gap
{
	top:450px;
}

.page-output
{
	background-image:url(/media/images/structure/content-background.png);
	background-image:repeat-y;
	position:relative;
}

.page-output-inner
{
	padding:15px 10px;
}

.page-output-inner a:hover
{
  text-decoration:underline;
}

.page-output-bg-header
{
	position:absolute;
	top:-9px;
	background-image:url(/media/images/structure/content-background-header.png);
	background-repeat:none;
	width:974px;
	height:9px;
}

.page-output-bg-footer
{
	position:absolute;
	bottom:-9px;
	background-image:url(/media/images/structure/content-background-footer.png);
	background-repeat:no-repeat;
	width:974px;
	height:9px;
}

.header
{
	position:absolute;
	/*top:-40px;*/
	background-image:url(/media/images/structure/header-background.png);
	background-repeat:no-repeat;
	height:120px;
	width:954px;
	padding:0 10px;
}

.header .header-bar
{
	float:left;
	width:337px;
	height:32px;
	background-image:url(/media/images/structure/header-items-bg.png);
	background-repeat:no-repeat;
	overflow:hidden;
	margin-left:5px;
	color:#6B6B6B;
	padding-top:8px;
}

.header .header-bar a
{
	color:#6B6B6B;
}

.header .contact-details
{
	float:right;
	margin-right:5px;
}

.header .contact-details img.header-icon
{
	margin-left:19px;
	margin-right:7px;
}

.header .date-and-weather img.header-icon
{
	margin-left:35px;
	margin-right:7px;
}

img.header-icon
{
	padding-bottom:2px;
	vertical-align:middle;
}
.social-header{
	padding-top: 10px;
	display: -webkit-box;   /* OLD: Safari,  iOS, Android browser, older WebKit browsers.  */
	display: -moz-box;      /* OLD: Firefox (buggy) */
	display: -ms-flexbox;   /* MID: IE 10 */
	display: -webkit-flex;  /* NEW, Chrome 21–28, Safari 6.1+ */
	display: flex;          /* NEW: IE11, Chrome 29+, Opera 12.1+, Firefox 22+ */

	-webkit-box-align: center; -moz-box-align: center; /* OLD… */
	-ms-flex-align: center; /* You know the drill now… */
	-webkit-align-items: center;
	align-items: center;

	-webkit-box-pack: center; -moz-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
}
.social-header span.left{
	padding-right:30px;
}
.social-header span.right{
	padding-left:23px;
}
.social-header span.center{
	padding:0 65px 0 0;
}
.social-header span.right a{
	color: inherit;
}
.social-header span.center a img{
	height:23px;
	width:23px;	
}

.main-menu
{
	width:936px;
	padding-left:8px;
	height:62px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(/media/images/structure/main-menu-background.jpg);
	background-repeat:no-repeat;
	font-size:15px;
	position:absolute;
	top:42px;
	left:15px;
}

.main-menu.menulocation_0
{
	background-position:0 -62px;
}

.main-menu.menulocation_1
{
	background-position:0 -124px;
}

.main-menu.menulocation_2
{
	background-position:0 -186px;
}

.main-menu.menulocation_3
{
	background-position:0 -248px;
}

.main-menu.menulocation_4
{
	background-position:0 -310px;
}

.main-menu.menulocation_5
{
	background-position:0 -372px;
}

.main-menu a
{
	color:#373737;
	display:block;
	width:95%;
	padding-top:13px;
	height:33px;
	position:relative;
	margin-left:auto;
	margin-right:auto;
}

.main-menu dl
{
	float:left;
	margin:8px 0 0;
}
div.main-menu dl.third dt a
{
 	margin: 7px 0 ;
}

.main-menu dt
{
	margin:0;
	width:121px;
	text-align:center;
}

.main-menu dl dd
{
	display:none;
}

.main-menu dl.first dt
{
	width:119px;
}

.main-menu dl.second dt
{
	width:132px;
	margin-left:1px;
}

.main-menu dl.third dt
{
	margin-left:1px;
	width:125px;
}

.main-menu dl.third dt a
{
	padding-top:0px;
	height:41px;
}

.main-menu dl.fourth dt
{
	margin-left:0;
	width:128px;
}

.main-menu dl.fifth dt
{
	margin-left:1px;
	width:140px;
}

.main-menu dl.sixth dt
{
	margin-left:1px;
	width:120px;
}

.main-menu dl.logo-container dd
{
	display:block;
	margin-left:1px;
	width:159px;
	height:10px;
	text-align:left;
}

.main-menu dl.logo-container dd a
{
	position:absolute;
	top:-9px;
	width:158px;
	margin-left:15px;
}

.footer
{
	border:1px solid #ddd;
	margin:20px 10px 10px;
	background-color:#eee;
	height:200px;
	background-image:url(/media/images/structure/footer-grad-bg.png);
	background-repeat:repeat;
	position:relative;
	padding:8px 12px 20px;
	color:#6B6B6B;
	font-size:14px;
}

.footer a, .footer a:active
{
	color:#6B6B6B;
}

.footer dl
{
	float:left;
	height:191px;
	margin:0;
	padding:0;
	margin-right:38px;
	width:140px;
}

.footer dl.first
{
	width:110px;
/*	border:1px solid #006666;*/
}

.footer dl.fourth
{
	width:120px;
/*	border:1px solid #006666;*/
}

.footer dl.sixth
{
	width:80px;
	margin-right:0;
/*	border:1px solid #006666;*/
}

.footer dl dt
{
	margin:0;
	padding:0;
	color:#060606;
	/*color:#373737;*/
	padding-bottom:5px;
	border-bottom:1px solid #D2D2D2;
	margin-bottom:3px;
}

.footer dl dt a, .footer dl dt a:active
{
	color:#373737;
}

.footer dl dd
{
	line-height:1.5em;
	margin:0;
	padding:0;
}

.sub-footer
{
	/*position:absolute;
	bottom:3px;
	right:0;
	width:815px;*/	
	font-size:13px;
}
div.footer div span{
	padding-top:10px;
}

.sub-footer .vcard
{
	float:left;
}

.sub-footer .site-map-link
{
	float:right;
	margin-right:30px;
	background-image:url(/media/images/structure/site-map.png);
	background-repeat:no-repeat;
	background-position:0 2px;
	padding-left:18px;
}

.sub-footer .site-by-link
{
	float:right;
	margin-right:2px;
	bottom:-8px;
	position:relative;
	height:15px;
}

/* styling for popup menu */
div#popup-menu
{
	position:absolute;
	width:949px;
	top:96px;
	display:none;
	margin-left:2px;
}

div#popup-menu .dropdown-menu
{
	width:160px;
	font-size:0.9em;
	padding:8px;
	background-color:white;
	border-radius:2px;
	box-shadow: 0 0 2px #666666;
	border:1px solid #ddd;
}

div#popup-menu .dropdown-menu a
{
	line-height:1.6em;
	display:block;
	padding:0 10px;
	color:#6B6B6B;
}
div#popup-menu .dropdown-menu a:hover
{
	background-color:#f0f5ee;
}

/* styling for breadcrumb */
.breadcrumb
{
	margin-left:18px;
	margin-right:18px;
	border:1px solid #C8C8C8;
	color:#BABABA;
	border-radius:6px;
	font-size:0.9em;
	height:30px;
	line-height:2em;
}

.breadcrumb img
{
	vertical-align:middle;
	padding:0 20px;
}

.breadcrumb span.breadcrumb-item
{
	display:inline-block;
	min-height:30px;
	background-image:url(/media/images/structure/breadcrumb-separator.png);
	background-repeat:no-repeat;
	padding-left:30px;
	margin-right:20px;
}

.breadcrumb a
{
	color:#BABABA;
}

.breadcrumb a:hover
{
  text-decoration:none;
}

.normal-page-content
{
	margin-left:18px;
	margin-right:18px;
}

#disqus_thread
{
	font-family:sans-serif;
}

/* styling for sidebar widgets */
.extras-column
{
	float:right;
	margin-right:18px;
	margin-top:18px;
	width:210px;
	font-family: Helvetica, Arial, sans-serif;
}

.extras-column .extra
{
	background-color:#f4f4f4;
	padding:8px;
	color:#343434;
	margin-bottom:18px;
}

.extras-column .extra .more-extras
{
	text-align:right;
	font-size:0.75em;
	font-weight:bold;
}

.extras-column .extra h2
{
	padding:0;
	margin:0;
	color:#555555;
	font-size:16px;
}

.extras-column .extra ul
{
	padding:0 0 0 14px;
	margin:10px 0;
	list-style-image:url(/media/images/structure/bullet.png);
}

.extras-column .extra ul li
{
	font-size:0.75em;
	margin-bottom:5px;
}

.extras-column .extra.spaced ul li
{
	margin-bottom:20px;
}

.extras-column a
{
  color:#343434;
}

/* styling for standard left column */
.main-column
{
	float:left;
	margin-left:18px;
	margin-top:18px;
	width:690px;
}

.main-column-inner
{
  margin-left: auto;
  margin-right: auto;
  width: 90%;
  color: #333333;
  font-size: 0.85em;
  line-height: 1.4em;
}

.main-column-inner a
{
  color:#025C00;
}

.main-column-header
{
	position:relative;
	min-height:60px;
	overflow:hidden;
}

.main-column-header h1
{
	padding:0;
	margin:0;
	font-size:30px;
	font-weight:normal;
	min-height: 90px;
}

.item-grad
{
	position:absolute;
  top:0;
	left:0;
	background-image:url(/media/images/home/grad-title.png);
	width:100%;
	height:48px;
}

.item-grad.single
{
	top:14px;
}

.category-header
{
	border-bottom: 1px solid #025C00;
  color: #333333;
  font-size: 22px;
  line-height: 1.3em;
  margin-bottom: 20px;
  margin-top: 30px;
  padding-left: 30px;
}

.category-header-note
{
	display:block;
	float:right;
	font-size:0.6em;
}

.content-image
{
  text-align:center;
  margin-left:auto;
  margin-right:auto;
  margin-top:15px;
  margin-bottom:15px;
}

em {
	font-style:italic;
  font-family:'Times New Roman', serif;
  font-size:0.9em;
}

.sidebar-image-links a
{
	margin-bottom:20px;
}

.sidebar-image-links a span
{
	display:none;
}

a#play-the-courses
{
	background-image:url(/media/images/home/play-the-courses.jpg);
	background-repeat:no-repeat;
	width:210px;
	height:154px;
	display:block;
}

a#play-the-courses:hover
{
	background-position:-210px 0;
}

a#atlantic-links
{
	background-image:url(/media/images/home/atlantic-links.jpg);
	background-repeat:no-repeat;
	width:210px;
	height:109px;
	display:block;
}

a#atlantic-links:hover
{
	background-position:-210px 0;
}

a#video-guides
{
	background-image:url(/media/images/home/video-guides.jpg);
	background-repeat:no-repeat;
	width:199px;
	height:109px;
	display:block;
	margin-left:auto;
	margin-right:auto;
}

a#video-guides:hover
{
	background-position:-199px 0;
}

a#course-flyovers
{
	background-image:url(/media/images/home/course-flyovers.jpg);
	background-repeat:no-repeat;
	width:199px;
	height:109px;
	display:block;
	margin-left:auto;
	margin-right:auto;
}

a#course-flyovers:hover
{
	background-position:-199px 0;
}

iframe {
	border:none;
}

.ticker-message {
    font-family:sans-serif;
    background-color: #EFF5EB;
    border: 1px solid #025C00;
    color: #004200;
    font-weight: bold;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    padding: 15px;
    width: 608px;
}

.social-icons
{
	position:absolute;
	bottom:35px;
	right:55px;
}

.social-icons a
{
	display:inline-block;
	height:21px;
	width:21px;
	overflow:hidden;
	background-repeat:no-repeat;
}

.social-icons a:hover
{
	background-position:-21px 0;
}

.social-icons a.twitterlink
{
	background-image:url(/media/images/structure/twitter.png);
}

.social-icons a.facebooklink
{
	background-image:url(/media/images/structure/facebook.png);
}
.social-icons a.instagramlink{
	background-image:url(/media/images/structure/instagram.png);
}
.main-menu dl.logo-container dd.mobile{
	display:none;
}
.social-mobile{
	display:none;
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
/* Styles */


	.page-output-inner{
		overflow:auto;
	}
	a#latest-news-members{
		float:left;
	}
	a#latest-news-members{
		width:100%;
	}
	.header{
		padding:0;
		background-image: none;
	}
	.homepage-lower-bar{
		margin:0;
	}
	.homepage-item-header h2{
		font-size: 1em;
	}
	div#popup-menu .dropdown-menu
	{
		width:240px;
		font-size:1.3em;
	}
	.footer{
		background:none;
		height:auto;
		border:none;
	}
	.social-icons{
		float:left;
		bottom:0;
		left: 0;
	}

}
/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
	

	.homepage-left-column{
		width: 60%;
	}
	.homepage-right-column{
		width:40%;
	}

}


/* Smartphones (portrait and landscape) ----------- */
@media only screen and (max-width : 767px) {
/* Styles */
	body{

		background-color:white;
	}
	.header{
		margin-top: -40px;
	}
	.social-header{
		display:none;
	}
	.social-mobile{
		width: 115px;
		padding-left: 210px;
		padding-top: 14px;
		display: -webkit-box;   /* OLD: Safari,  iOS, Android browser, older WebKit browsers.  */
		display: -moz-box;      /* OLD: Firefox (buggy) */
		display: -ms-flexbox;   /* MID: IE 10 */
		display: -webkit-flex;  /* NEW, Chrome 21–28, Safari 6.1+ */
		display: flex;          /* NEW: IE11, Chrome 29+, Opera 12.1+, Firefox 22+ */
	}
	.social-mobile a img{
		height: 25px;
		width:25px;
	}

	img{
		max-width: 98%;
	}
	#animation td{
/*		width: 307px;
		height:411px;*/
	}
	table tr #animation td img{
		zoom:1;
	}

	#animation td img:not(table tr td img) {

	}
	#animation td img:not(img){

	}

	#animation td img{
/*		width: 307px;
		height:411px;
		zoom:1;
		clip-path: inset(0px 0px 411px 307px);*/	

	}

	.main-menu dl.logo-container dd.mobile{
		display:inline;
		float:right;
		color: #99CC99;
		padding-right: 2%;
		padding-top: 5%;
		font-size: 25px;
	}

	.content, .main-menu, .header, .page-content, .main-column, .main-column-header {
		width:100%;

	}
	.page-output{
		background-image: none;
		background-color: white;
		width:100%;
	}
	.page-output-bg-header, .page-output-bg-footer, .stop-press{
		display:none;
		width:100%;
	}
	.main-menu
	{
		font-size:30px;
		margin-top:0;
		background-image: none;
	}
	.main-menu dl{
		margin:0;
	}
	.main-menu a{
		line-height: 25px;
		vertical-align: middle;
	}
	.main-menu{
		padding-left:0;
		background-image: none;
		width:100%;
		background:#fff;
		left:0;
		display:block;
	}
	.main-menu a, .main-menu dl.third dt a{
		width: 95%;
		height: 20px;
		padding: 2%;
		margin-left:0;
		margin-right:0;
	}
	.main-menu .logo-container{
		text-align:center;
		width: 100%;
	}
	.main-menu .first{
		margin-top: 65px;
	}
	.main-menu dl.first dt,.main-menu dl.second dt,.main-menu dl.third dt,.main-menu dl.fourth dt,.main-menu dl.fifth dt,.main-menu dl.sixth dt{		
		text-align:left;
		width: 100%;
	}

	.main-menu .first, .main-menu .second, .main-menu .third, .main-menu .fourth, .main-menu .fifth, .main-menu .sixth{
		font-size:18px;		
		width: 99%;
		background:#fff;
		border: 1px solid #99CC99;
		display: none;
	}
	.main-menu dl{
		margin:0;
	}
	.main-menu dl.logo-container{
		position:absolute;
	}
	.main-menu dl.logo-container dd
	{
		margin-left:1px;
		width:159px;
		height:10px;
		text-align:right;
	}
	div.header div.main-menu dl dt a span{	
/*		font-size:18px;
		padding: 20px 10px 0 0;*/
		float:right;
		color: green;
	}
	div.footer dl dt a span{
		display:none;
	}
	.stop-press.with-gap{
		display:none;
	}
	.header{
		padding:0;
		background-image: none;
	}
	body > div.content > div.page-content > div.page-output > div.page-output-inner > div.main-column > img{
		zoom:0.6;
	    -moz-transform:scale(0.6);
	    -moz-transform-origin: 60% 60%;
	}
	div#popup-menu .dropdown-menu
	{
		width:240px;
		font-size:1.3em;
	}
	.main-column{
		margin-left:0;
	}
	.main-column-inner
	{
	  font-size: 1em;
	  line-height: 1.2em;
	  height:auto;
	}
/*	.main-column-inner p img{
		width:90%;
	}*/

	.breadcrumb{
		margin-left:0;
		margin-right:0;
		height:auto;
		margin-bottom: 10%;
	}
	table{
		width: 100% !important;
	}
/*	table tr td img{
		width:100%;
	}*/
	div.main-menu dl.third dt a{
		margin:0;
	}
	.mobiletext{
		font-size: 0.9em;

	}
	.category-header{
		padding-left: 10px;
	}
	.category-header-note{
		font-size: 0.9em;
		float: left;
		padding: 15px 0 ;
		width: 100%;
	}
	div.gallery-container > div > img{
		width: 100%;
	}
	/*chart in church course*/
	div.main-column > div.main-column-inner > p:nth-child(10) > img{
	 	zoom:0.7;
	    -moz-transform:scale(0.7);
	    -moz-transform-origin: 70% 70%;
	}

	.extras-column{
		float:left;
		width:100%;
		margin-left: auto;
		margin-right: auto;
		margin-top:0;
	}
	.sidebar-image-links{
		display:block;
		margin-left:auto;
		margin-right: auto;
	}
	a#play-the-courses{
		margin-left: auto;
  		margin-right: auto;
	}	 

	div.camera-container{
		width :100%;
	}
	.ticker-message{
		display: none;
	}

	.footer{
		font-size: 1em;
		height: auto;
		background :none;	
		border:none;				
	}
	.sub-footer .vcard, .sub-footer .social-icons, .footer dl{
		font-size: 1em;
		
	}
	.sub-footer{
		margin-top: 0;
	}
	.sub-footer .site-by-link{
		padding-top: 20px;
	}
	.social-icons{
		display: none;
		/*position: relative;
		float:right;
		zoom:1.5;
	    -moz-transform:scale(1.5);
	    -moz-transform-origin: 50% 50%;
	   bottom:0;
	   right:0;
	   top:-60px;
	   margin-right: 10px;*/
	}
	.footer dl{
		width:80%;		
	}
	.footer dl dt{
		padding: 1% 2%;
	}
	.footer dl dd{		
		margin-left:7px;
		color: #494949;
	}
	.footer dl.sixth{
		padding-bottom: 40px;
	}
	.footer dl.first, .footer dl.second, .footer dl.third,.footer dl.fourth, .footer dl.fifth,.footer dl.sixth{
		width:100%;
		height:auto;
		background: #E5E5E5;		
	}
	.footer a{
		color: #737171;
		padding-right: 5px;
	}
	
}
@media only screen and (min-device-width : 321px) and (max-width : 568px) {
	.social-mobile{
		width: 90px;
		padding-left: 198px;
		padding-top: 14px;
	}
	.social-mobile a img{
		height: 25px;
		width:25px;
	}
	
}


@media only screen and (min-device-width : 481px) and (max-width : 767px) {
	


}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
/* Styles */
	div#background-container, div#background-container-two, div#background-container-cover {
		width: 974px;
	}

	.main-menu dl.logo-container dd.mobile{
		display:none;
	}
	.content{
		width: 100%;
	}
	.mobile{
		display:none;
	}
	.social-mobile{
		display:none;
	}
}

@media only screen and (min-width : 768px) {
	.mobile {
		display:none;
	}
}

/* Desktops and laptops ----------- */
@media only screen  and (min-width : 1224px) {
/* Styles */

	.main-menu dl.logo-container dd.mobile{
		display:none;
	}
	.mobile{
		display:none;
	}
	.social-mobile{
		display:none;
	}
	
}

/* Large screens ----------- */
@media only screen  and (min-width : 1824px) {
/* Styles */

	.main-menu dl.logo-container dd.mobile{
		display:none;
	}
	.mobile{
		display:none;
	}
	.social-mobile{
		display:none;
	}
	.social-mobile a img{
		display:none;
	}
	
}
@media only screen and (max-device-width : 320px)  {
	.social-mobile{
		display: none;
	}
}

@media only screen and (max-width: 414px){
	.sub-footer{
		margin-top:0;
	}
}