/* ----- START LAYOUT COMMON TO ALL PAGES ----- */

#absolute-container .toolbox-link {
	left: 230px;
}

/* START ANTI-MARGIN-COLLAPSING */
div#something {
	margin-top: -1px;
	padding-top: 1px;
}
/* END ANTI-MARGIN-COLLAPSING */

/* START FLOAT ENCLOSING ("EASY CLEARING") */
.clearfloat, #callouttext-box:after, #content-container:after {
	content: '.';
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* END FLOAT ENCLOSING ("EASY CLEARING") */

/* START OFFSCREEN */
div#languages h2,
div#credits h2 {
	display: inline;
	position: absolute;
	overflow: hidden;
	margin: 0;
	border: 0;
	padding: 0;
	width: 0;
	height: 0;
}
/* END OFFSCREEN */

body{
	margin: 0;
	padding: 0;
}

div#holder{
	position:relative;
	margin: 0 auto;
	padding-top: 590px;
}
	div#holder h1{
	}

div#branding{
	float: left;
	margin-top: 8px;
}

#top-menu {
    background: url('../../../jw/_common/images/transparent-bg.png') no-repeat;
	float: left;
	position: relative;
	top: 5px;
   height: 306px !important;
   left: 20px;
}

#headerwrap {
    background: url('../../../jw/_common/images/stJohnsBG.png') repeat-x;
	width: 100%;
	height: 952px;
	min-width: 976px;
	position: absolute;
	z-index: 15;
}

#header {
	width: 964px;
	margin: 0 auto;
	padding: 6px; /* padding on let/right to canter the header in the 100% width container while mainaining 980px total width*/
	--height:100px;

}

div#absolute-container{
	position: absolute; /*this one needs to be absolute because it is placed after the page content, yet it needs to appear before it - put all similar widgets in main visual div */
	top: 0px;
	z-index: 0;
	padding: 0 6px; /* centering */
	width: 964px; /*980px minus 6px padding*/
}

	div#absolute-container .slideshow {
		margin-bottom: 5px;
		clear: both;
		height: 460px; /* height of the image in the SLIDESHOW container */
	}

	div#absolute-container div#main-navigation {
		position: absolute;
		left: 6px; /*to offset the parent 6px padding | use this positioning to place on either left or right of the page*/
		z-index: 50;
		bottom: 117px;
	}



div#main-menu{
	width: 220px;
	height: 460px;
	padding-left: 15px;

}

div#availability-checker{
	position: relative;
	float: right;
	bottom: 40px;
	z-index: 20;
}

/*MAIN CONTENT STYLES*/
#content-container {
	background: url('../../../jw/_common/images/page-bg.png') no-repeat;
	padding: 6px;
	position: relative;
	z-index: 18;
	width: 976px;
	margin:0 auto;
}
#page_home #content-container {
    background: none;
}

div#main-content {
/*    min-height: 500px;*/
    padding: 0 0 30px 21px;
    width: 700px;
    float: left;
}

#content-sidebar {
	float: right;
	width: 231px;
    margin-right: 12px;
}
#page_home #content-sidebar{
    margin-top: 12px;
}
#page_page_wedding #content-sidebar, #page_accommodation #content-sidebar, #page_amenities #content-sidebar, #page_dining #content-sidebar, #page_erfp-resto #content-sidebar, #page_meeting #content-sidebar,
#page_meeting-erfp #content-sidebar, #page_wedding #content-sidebar, #page_wedding-erfp #content-sidebar, #page_st-johns-chapel #content-sidebar{
    margin-top: 24px;
}
	#content-sidebar > div {
		margin-bottom: 1px; /* every div in the sidebar has bottom margin applied automagically - for visual separation */
	}

/*GOOGLE MAPS*/
div#main-content #map #logocontrol + div {
	white-space:normal !important; /*this will force the copyright text on the bottom of the goolge map to wrap when the map container is too small*/
}
/*END GOOGLE MAPS*/

#callouttext-box {
	width: 232px;
}

#specials-rotator {
	width: 232px;
}

#main-content-right {
	width: 200px;
	padding: 0 20px;
	float: right;
	margin: 20px 0;
}

#footer {
	clear: both;
	background: none repeat scroll 0 0 #393939;
    color: #e4e2db;
    margin: 0 auto;
    height: 170px;
    position: relative;
    z-index: 20;
    font-family: arial;
    font-size: 13px;
}

#footer-menu {
    clear: both;
    float: left;
    margin-left: 5px;
}
#footer_top {
    margin: 0 auto;
    width: 966px;
}

#footer-bottom {
	width: 966px;
	padding-top: 15px;
	margin: 0 auto;
}

#footer-bottom p {
	padding: 0;
	margin: 0;
	font-size: 1em;
}

#tclink {
	text-decoration: underline;
	color: #000;
}

#tclink:hover {
	text-decoration: none;
	color: #666;
}

.sitemap li {
	list-style: none;
}

.sitemap li ul li{
	list-style: disc;
	font-size: 13px;
	line-height: 19px;
}

#page_contact .flexibleFormContainer {
	width: 458px;
}


#footer-bottom-left {
	float: left;
	margin-left: 16px;
}


#mainSlideshow {
    height: 927px;
    overflow: hidden;
    position: absolute;
    top: 0px;
    width: 100%;
}
.slideshow {
    height: 100%;
    width: 100%;
    position: relative;
    opacity:0;
}
.slideshow img {
    display:none;
    width:100%;
    height:auto;
}
.socialmedia.clearfix{
	float: right;
	position: relative;
	bottom: 44px;
    right: 4px;
}
:root .socialmedia.clearfix{
    right: 14px \0/IE9;
}
#container{
	width: 964px;
	margin: 0 auto;
}
#main-navigation {
    position: relative;
    bottom: 31px;

}
#time{
	float: right;
    width: 316px;
}
#clock{
	float: left;
	width: 116px;
}
#weather-widget{
	color: #8B8A72;
    float: right;
    width: 174px;
}
div.jw-widget-1col {
    color: #8B8A72;
    font-family: arial;
    font-size: 10px;
    text-transform: uppercase;
}
#callout{
	margin-top: 14px;
}
#page_dining #callout, #page_meeting #callout, #page_wedding #callout, #page_accommodation #callout,
#page_amenities #callout, #page_erfp-resto #callout, #page_meeting-erfp #callout, #page_wedding-erfp #callout, #page_st-johns-chapel #callout{
    margin-top: 10px;
}
#news{
	margin-top: 8px;
}
.travel{
	color: #e5e5e5 !important;
	text-decoration: underline;
	cursor: pointer;
	font-family: arial;
    font-size: 11px;
}
.travel:hover {
    text-decoration: underline;
}
#fourdiamondlogo{
	float: right;
	margin-right: 10px;
}
#submenu{
	background: url('../../../jw/_common/images/nav-item-bg-1L.png') no-repeat;
	height: 30px;
	cursor: pointer;
    color: #FFFFFF;
    font-family: arial;
    font-size: 13px;
    text-transform: uppercase;
    width: 231px;
    margin-left: 1px;
}
#submenu:hover {
    background-position: 0 -60px;
}
#page_meeting-erfp #submenu.active,
#page_wedding-erfp #submenu.active,
#page_erfp-resto #submenu.active,
#page_the-burger-loft-dining #submenu.active,
#page_5ive-restaurant-dining #submenu.active,
#page_st-johns-chapel #submenu.active,
#page_amenities #submenu.active{
	background-position: 0 -30px;
}

.link{
	font-family: arial;
	font-size: 13px;
	color: #fff !important;
	float: left;

	display: none;
}
.link:hover{
	color: #fff;
}
.specails {
    margin-left: -6px;
    width: 720px;
}
/*for  about us subpage */
.contentBlock.type_textWithSideImage .imageHolder-right{
	float: right;
	margin: 0 0 0 26px !important;
}
#submenu a {
    color: #FFFFFF;
    float: left;
    font-family: arial;
    font-size: 13px;
 	display: block;
 	padding: 7px  0 0 8px;
	text-transform: uppercase;
}
#submenu.active{
    color: #FFFFFF;
    height: 23px;
    font-family: arial;
    font-size: 13px;
     padding: 7px  0 0 8px;
    text-transform: uppercase;
}
#page_st-johns-chapel #submenu.active{
    color: #FFFFFF;
    height: 28px;
    font-family: arial;
    font-size: 13px;
     padding: 2px  0 0 0;
    text-transform: uppercase;
}
/*EMAIL OFFERS*/
.flexInputSelect {
    border: 1px solid #CCCCCC;
    height: 25px;
    width: 228px !important;
    background: #ffffff;
    color: #9A9A9A;
    padding: 3px;
    line-height: 26px;
}
.flexInputSimple,
#page_erfp-resto .flexInputTextarea{
    border: 1px solid #CCCCCC;
    height: 118px;
    width: 228px !important;
    background: #ffffff;
}
#page_erfp-resto .flexFormBlockLabel{
    color: #767468;
}
#page_contact-information .flexInputTextarea{
    height: 118px;
    border: 1px solid #CCCCCC;
    width: 228px !important;
    background: #ffffff;
}
label[for="ff_additionalInfo1"]{
    float: right;
    margin-right: 270px;
}
#ff_additionalInfo1 {
    display: none !important;
}

#page_email-offers .flexibleFormContainer,
#page_erfp-resto .flexibleFormContainer{
    margin-left: 0px !important;
    margin-top: 36px !important;
}

#page_email-offers .flexFormBlockLabel{
    padding-top: 5px;
    width: 120px;
}

#page_email-offers .flexFormSubmitBlock{
    float: right;
    margin-right: 353px;
    margin-right: 351px \9;
}
#page_wedding-erfp .flexFormSubmitBlock,
#page_meeting-erfp .flexFormSubmitBlock{
    margin-right: 15px !important;
}

#page_email-offers .flexFormSubmitBlock button,
.flexFormSubmitBlock button{
	padding: 3px 6px 5px;
	padding: 4px 6px 5px 10px\9 !important;
	background:url(../../../jw/_common/images/jw-book-now-btn-sprite.png) 0 0;
	color: #fff;
	text-transform: uppercase;
	font-size: 13px;
	text-align: left;
	border: 0 none;
	width:124px;
	height:25px;
	margin:1px 0 12px;
	font-family: arial;
	cursor: pointer;
}
.erfp_button{
    clear: both;
    float: left;
    position: relative;
    background: #31CCCC;
    height: 18px;
    width: 156px;
    margin-top: 3px;
    margin-bottom: 4px;
    padding-left: 5px;
    padding-top: 4px;
    text-transform: uppercase;
}

.erfp_button a
{
    text-decoration: none;
    color: #fff;
    font-size: 12px;
    text-transform: uppercase;
}

.jw-listItems-description p{
    line-height: 1.6 !important;
}

.flexInputTextarea, .flexInputSelect{
    font-family: Arial;
    font-size: 12px;
    color: #9a9a9a;
    width: 231px;
    height: 25px;
}

.flexInputSimple{
    font-family: Arial;
    font-size: 12px;
    color: #9a9a9a;
    width: 228px;
    height: 20px;
    line-height: 20px\9;
}

.flexFormBlockLabel{
    font-size: 12px;
    color: #555;
}

.flexibleFormContainer{
    padding: 0;
}

#page_email-offers .flexFormInputBlock{
    width: 100%;
    margin-bottom: 13px;
    float: left;
}

#page_email-offers .flexFormBlockLabel{
    font-size: 12px;
    color: #555;
    width: 150px;
}

/*---ERFP---*/

.flexFormInputBlock{
     float: left;
    width: 244px;
    margin-bottom: 16px;
}

.flexInputSelect{
    height: 25px;
    width: 232px;
    border: 1px solid #CCCCCC;
    padding: 3px 3px 3px 0;
}

.flexInputSimple{
    height: 21px;
    width: 230px;
    border: 1px solid #CCCCCC;
}

.flexInputTextarea{
    height: 120px;
    width: 718px;
    border: 1px solid #CCCCCC;
}

div#holder .infoSection h4{
    border-bottom: 1px solid #CBCBCB;
    padding-bottom: 7px;
    margin-bottom: 17px;
    font-size: 14px;
    font-family: Arial;
    color: #666666;
}

div#holder .eventinfoSection h4{
    border-bottom: 1px solid #CBCBCB;
    padding-bottom: 7px;
    margin-bottom: 13px;
    padding-top: 14px;
    font-size: 14px;
    font-family: Arial;
    color: #666666;
}

.additionalFiles{
    clear: both;
}

.additionalFiles .flexFormBlockLabel{
    line-height: 1.4;
}

.flexFormBlockLabel{
    padding-bottom: 8px;
    width: 230px;
    color: #555555;
}
.flexFormLabelInvalid  {color: #ff2020 !important; }
.invalid-mode{color: #ff2020 !important; font-weight: bold;}

.infoSection{
    clear: both;
    width: 720px;
}

.eventinfoSection{
    clear: both;
    width: 720px;
}


label[for="ff_FlexibleDates1"]
{
    display: none !important;
}

label[for="ff_numberRoomsNeeded1"]{
    padding-left: 1px;
}

label[for="ff_Alternatestartdate1"]
{
    clear: both;
}

label[for="ff_GuestRooms1"]
{
    display: none !important;
}

.altDate{
    clear: both;
    padding-top: 3px;
}

.rooms_needed{
    clear: both;
}

.checkbox{
    margin-top: 86px;
}

.textarea{
    clear: both;
}

.flexInputDate{
    background: url("../../../jw/_common/images/calender-img.png") no-repeat scroll 210px 6px #FFFFFF;
    height: 21px;
    line-height: 21px\9;
    width: 222px;
    border: 1px solid #CCCCCC;
    color: #9a9a9a;
    font-size: 12px;
    padding-left: 5px;
    cursor: pointer;
}

.flexibleFormContainer .flexFormInputBlock .flexFormFieldHTML .flexInputDateCalendar
{
    display: none;
}

.headLine{
    margin-bottom: 25px;
    margin-top: 15px;
}

.flexFormSubmitBlock{
    clear: both;
    text-align: right;
    margin-right: 272px;
}

.flexibleFormContainer{
    padding: 0 !important;
    width: 732px !important;
    margin-left: 14px;
}

#filesStart,
#textAreaStart,
#addfilesStart,
#altStratDateDiv,
#guestroomsDiv{
    clear: both;
}

#textAreaStart .flexFormFieldHTML{
    height: auto;
}
/*
.flexFormFieldHTML{
    height: 21px
}
*/
.checkBoxDiv{
    margin-top: 80px;
    font-size:12px;
    color: #555;
}

.checkBoxDiv2{
    margin-top: 68px;
    font-size:12px;
    color: #555;
}
#page_contact-information .flexFormInputBlock,
#page_erfp-resto .flexFormInputBlock{
	width: 100%;
}

#map h3{
    margin: 0 !important;
}

#map{
    margin-bottom: 8px;
    width: 720px !important;
    margin-left: -21px;
}

/*-----*/
/* ACCORDION IN BLOCKCOLLECTION*/



.blockCollection{
                margin: -4px 0 20px !important;
                font-family: arial;
                font-size: 12px;
                line-height: 1.8;
                text-decoration: none;
                color: #767468;
                clear: both;
}

.blockCollection h3,
.jw-listItems-3col-lg .ui-accordion .row .item .jw-listItems-content .jw-listItems-textBox .jw-listItems-description h3{
                color: #767468;
                font-family: 'QuicksandBold';
                font-size: 16px;
}
#page_map-directions .blockCollection h3,
.jw-listItems-3col-lg .ui-accordion .row .item .jw-listItems-content .jw-listItems-textBox .jw-listItems-description h3{
    margin-left: -21px;
}

.blockCollection h4,
.jw-listItems-3col-lg .ui-accordion .row .item .jw-listItems-content .jw-listItems-textBox .jw-listItems-description h4{
                font-family: arial;
                font-size:12px;
                color: #767468;
                text-transform:uppercase;
                font-weight: bold;
}

.contentBlock.type_textWithSideImage h3{margin-top:1px;}

.type_accordionBlock {
                width:720px;
                margin:0 0 2px !important;
                float:left;
                font-family: arial;

}


.accordionTitle .type_accordionBlock {
                font-size:14px;
                height:32px;
                margin-bottom:1px !important;
}

.contentBlock.type_accordionBlock.collapsed .accordionTitle,
.contentBlock.type_accordionBlock.expanded .accordionTitle {
                cursor:pointer;
                font-family: arial;
                font-weight:normal!important;
                font-size:12px;
                text-decoration:none;
                text-transform:uppercase;
                line-height:30px;
                padding: 1px 0 1px 15px !important;
                height:30px;
                margin:0 !important;
                position: relative;
                right: 21px;
}

.contentBlock.type_accordionBlock.collapsed .accordionTitle{
                background: url(../../../jw/_common/images/accordion-sprite-3L.png) no-repeat 0 0 !important;
                color:#FFF !important;
                font-family: arial;
                position: relative;
                right: 21px;
}

.contentBlock.type_accordionBlock.collapsed .accordionTitle:hover{
                background: url(../../../jw/_common/images/accordion-sprite-3L.png) no-repeat 0 -32px !important;
                color:#FFF !important;
                font-family: arial !important;
                position: relative;
                right: 21px;
}

.contentBlock.type_accordionBlock.expanded .accordionTitle{
                background: url(../../../jw/_common/images/accordion-sprite-3L.png) no-repeat 0 -64px !important;
                color:#ffffff !important;
                font-family: arial !important;
}

.type_richText{
margin-top:0;
margin-bottom:8px!important;
}

.accordionTitle {
                padding:0 18px 5px 0;
                font-style:normal;
}


.accordionContent {
               /* margin: 15px 0 20px 15px!important;*/
                margin: 15px -6px 20px !important;
                width: 718px;
}

.accordionContent li {
                margin-left: 15px;
}

.imageHolder-left {padding-right:12px;}

.contentBlock.type_textWithSideImage .imageHolder-left{margin:3px 5px 20px 5px!important;}

.contentBlock.type_textWithSideImage .imageHolder-right{margin:0 15px 20px !important;}

#page_dining .contentBlock.type_textWithSideImage .imageHolder-right,
#page_wedding .contentBlock.type_textWithSideImage .imageHolder-right,
#page_st-johns-chapel .contentBlock.type_textWithSideImage .imageHolder-right,
#page_st-johns-golf .contentBlock.type_textWithSideImage .imageHolder-right{
   margin:0 12px 20px !important;
}

#page_luxury-hotel-conferences .contentBlock.type_textWithSideImage .imageHolder-right{
    margin: 6px 15px 20px !important;
}

.contentBlock.type_twoColumn .blockCollection.column{
    clear: none;
}

#ui-datepicker-div {
    font-size: 11px;
}
.sitemap li ul .erfp-resto, .sitemap li ul .meeting-erfp, .sitemap li ul .wedding-erfp, .sitemap li ul .st-johns-chapel, .sitemap li ul .amenities {
    margin-left: 14px;
}
#emailtext {
    display: none;
}
#page_meeting-erfp .flexibleFormContainer{
    margin-left: -16px !important;
}
#page_meeting-erfp .flexFormSubmitBlock{
    margin-right: 15px !important;
    margin-right: 13px \9 !important;
}
/*css for pages where accordions are present*/

.accomodations {
    position: relative;
    right: 21px;
    width: 720px;
}
.specails{
    position: relative;
    right: 21px;
    width: 720px;
}
.photogallery{
    position: relative;
    right: 21px;
    width: 720px;
}
#page_wedding .photogallery{
    float: left;
}
#page_meeting #main-content ul li,
#page_meeting #main-content ul li{
    padding-left: 4px;
}
.logo-container{
    clear: both;
    float: right;
    height: 40px;
    display: block;
    margin-top: 18px;
    width: 364px

}
#logo1{
    background: url('http://www.stjohnsgolfconference.com/templates/jw/_common/images/footer-logo-1.png') no-repeat;
    float: left;
    width: 152px;
    height: 31px;
    margin-right: 12px;
    margin-top: 3px;
    cursor: pointer;
}
#logo-sep{
    background: url('../../../jw/_common/images/footer-separator.png') no-repeat;
    float: left;
    width: 1px;
    height: 38px;
    margin-right: 12px;
}
#logo2{
    background: url('http://www.stjohnsgolfconference.com/templates/jw/_common/images/footer-logo-2.png') no-repeat;
    float: left;
    width: 180px;
    height: 27px;
    margin-top: 4px;
    cursor: pointer;
}
#footer-wrapper{
    height: 200px;
}
#page_home #main-content p{
    display: block;
    margin: 0;
    margin: 0\9;
}
#page_home h1{
    margin-bottom: 12px;
}
#page_accommodation #main-content p,
#page_st-johns-hotels #main-content p{
    padding-right: 16px;
}
#page_contact-information #main-content p{
    padding-right: 20px;
}
#page_st-john-photo-gallery #main-content p{
    padding-right: 4px;
}
#page_meeting-erfp #main-content p{
    padding-right: 12px;
}
#page_wedding-erfp #main-content p{
    padding-right: 15px;
}
#page_preferred-vendors #main-content p{
    padding-right: 14px;
}
#page_careers-jobs #main-content p{
    padding-right: 6px;
}
#page_accommodation ol, ul{
    padding-right: 15px !important;
}

#page_contact-information .flexibleFormContainer{
    margin-left: 0px;
    margin-top: 38px;
}
#page_wedding-erfp .flexibleFormContainer{
    margin-left: -14px;
}
/*#page_erfp-resto h2, #page_meeting-erfp h2, #page_wedding-erfp h2, #page_st-johns-chapel h2{
    text-transform: uppercase;
}*/

#page_home #condor_text_EditInline_30 {
    /*display: none;*/
}
#page_home #content{
    margin-top: -16px;
}
@media screen and (-webkit-min-device-pixel-ratio:0){
    #page_home #content{
    margin-top: -50px;
}
}

#content-sidebar #TACertificate{
    width: 206px;
    margin: 0 auto;
    margin-top: 20px;
    text-align: center;
}
#content-sidebar #TheKnot{
    margin: 0 auto;
    margin-top: 22px;
    width: 141px;
    margin-bottom: 20px;
}
#TACertificate a, #TheKnot a{
    margin: 0; padding: 0;
}
#content-sidebar #TACertificate a{
    margin-top: 5px;
    display: block;
}
#in-the-know{
margin-top: 52px;
}
#content-sidebar div#BOMichigan{display: table; margin: 10px auto;}