@charset "UTF-8";
/* CSS Document */
/* ----------------------------------------------------------------------- */
/* ---- This style sheet is for devices with screen width of 320 pixels -- */
/* ---- or less, such as iPhone 3G S, iPod Touch, MDPS Android, etc. ----- */
/* ---- Only changes to rules listed here should be made.  Default sheet:  */
/* ---- mXFL2011template.css   ------------------------------------------- */
/* ----------------------------------------------------------------------- */

/* ******** FAMILYLIFE header style !!DO NOT CHANGE!! ********* */
header {
	background: url(images/flmbg-blue1-68h.png) repeat-x;
	padding: 10px 15px;
	height: 48px;
	width: auto;
}
#hLeft {
	float: none;
	height: 48px;
	width: 220px;
	background: url(images/mFLwht320.png) no-repeat;
}
#hRight {
	float: none;
	display: block;
	min-width: 198px;
	visibility: hidden;
}
/* *** End header style **********/

/* NOTE: The h3 tag should only be used for navigation *****/
body {
	font-size: 12px;
}

h3 {
	font-size: 18px;
	line-height: 30px;
	text-transform: uppercase;
	margin: 0px 0px;
	padding: 0;
	color: #fff;
	text-shadow: #036 1px 1px 3px;
	font-weight: bolder;
	overflow: hidden;
}
h5 {
	font-size: 16px;
}
h6 {
	font-size: 12px;
}
p {
	margin: 5px 0px;
	font-size: 12px;
}

#featureBox a {
	margin: 6px 0px 0px 5px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
}
#featureBox a div {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

/* Navigation styles *****************************************/
.CollapsiblePanel {
	margin: 0px;
	padding: 0px;
}
.CollapsiblePanelTab {
	/* [disabled]border-bottom: solid 1px #004c7c; */
	margin: 0px;
	padding: 10px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	background: url(images/flmbg-blueOFF50.png) repeat-x;
	height: 30px;
	width: auto;
}
/* An anchor tag can be used inside of a CollapsiblePanelTab so that the
 * keyboard focus ring appears *inside* the tab instead of around the tab.
 */
.CollapsiblePanelTab a {
	color: black;
	text-decoration: none;
}
.CollapsiblePanelOpen .CollapsiblePanelTab {
	background: url(images/flmbg-blueON50.png) repeat-x;
}
.CollapsiblePanelClosed .CollapsiblePanelTab {
	background: url(images/flmbg-blueOFF50.png) repeat-x;
}
.CollapsiblePanelTabHover,  .CollapsiblePanelOpen .CollapsiblePanelTabHover {
	background: url(images/flmbg-blueON50.png) repeat-x;
}
.CollapsiblePanelFocused .CollapsiblePanelTab {
	/* [disabled]background: url(images/flmbg-blueON50.png) repeat-x; */
}
.CollapsiblePanelContent {
	margin: 0px;
	padding: 0px;
}
.CollapsiblePanelContent a {
	background: #fff;
	color: #006da0;
	text-decoration: none;
	display: block;
	margin: 0;
	padding: 10px 8px;
	border-bottom: 2px solid #eee;
	font-size: 18px;
}
.CollapsiblePanelContent a:hover, .CollapsiblePanelContent a:active, .CollapsiblePanelContent a:focus {
	background: #fff3e8;
	color: #f47b29;
}
.CollapsiblePanelContent a.mCatHead {
	background: #006da0 url(images/mArrows.png) no-repeat right center;
	color: #fff;
	font-size: 15px;
}
.CollapsiblePanelContent a.mCatHead:hover, .CollapsiblePanelContent a.mCatHead:active, .CollapsiblePanelContent a.mCatHead:focus {
	background: #fff3e8 url(images/mArrows.png) no-repeat right center;
	color: #f47b29;
}
/* End CollapsiblePanel styles *********/

/* NOTE: This must match styles for the CollapsiblePanelTab **/
a.moNav {
	display: block;
	background: url(images/flmbg-blueOFF50.png) repeat-x;
	text-decoration: none;
	padding: 10px;
	height: 30px;
	width: auto;
}
a.moNav:hover, a.moNav:active, a.moNav:focus {
	background: url(images/flmbg-blueON50.png) repeat-x;
}
/* End Navigation styles *****/

#mPreFoot {
	background: url(images/flmbg-blue2-40h.png) repeat;
	/* [disabled]height: 40px; */
	height: auto;
	text-align: center;
	width: auto;
}
#mPreFoot a {
	display: inline-table;
	height: 28px;
	width: 31%;
	font-size: 12px;
	line-height: 28px;
	margin: 5px 1px;
	text-shadow: #004c7c 1px 1px 2px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
mFooter {
	padding: 6px 10px;
}
mFooter h2 {
	font-size: 18px;
}
.copyright {
	font-size: 10px;
	text-shadow: #fff 1px 1px 1px;
}
#mainNav ul li {
	width: 24%;
}
#mainNav a {
	color: #fff;
	display: block;
	text-align: center;
	width: 100%;
	height: 30px;
	border-right: 1px solid #009fc0;
	/* [disabled]background: url(images/flmbg-blue4-60h.png) repeat-x center center; */
	margin: 0px 0px 0px 1px;
}
#mainNav h6 {
	position: absolute;
	visibility: hidden;
	left: -600px;
}
#mainNav img {
	visibility: visible;
	position: relative;
	left: 0px;
	width: 100%;
	margin: 10px 0px;
}

.sectionTitle h2 {
	font-size: 16px;
	text-shadow: #0094c0 1px 1px 2px;
}

a.dLinks {
	font-size: 13px;
	padding: 15px 16px;
}
a.mEventLink {
	font-size: 13px;
	padding: 15px 16px;
}

#mEvents a {
	font-size: 18px;
}

.sectionTitleW img {
	width: 75%;
}

#TableDescription {
	width: 320px;
}
a.getawayLocation {
	background: url(images/touch4map60h.png) no-repeat right center;
	padding: 5px;
}
.getthere {
	font-size: 9px;
	margin: 2px 0px 4px;
}
a.getawayPhone {
	padding: 5px;
}
.gRegisterB {
	margin: 4px 2px;
	padding: 3px;
}
.roomRateB {
	margin: 4px 2px;
	padding: 3px;
}