/*Overall Styles*/
body { background: #6891c7 url(../media/shell/back-strip.gif) repeat-x fixed 0 top; margin: 0; padding: 0; }
#shell-left-back { position: fixed; left: 0; bottom: 0; }
#shell-right-back { position: fixed; right: 0; bottom: 0; }
#shell-middle-back { background-image: url(../media/shell/back-middle.gif); text-align: center; position: fixed; bottom: 0; width: 100%; height: 113px; }
/*Index Page Styles*/
#shell-header { text-align: center; padding-top: 10%; }
/*Main Body Styles*/
#main-body { background-color: #86a7d2; background-image: url(../media/shell/back-strip-main.gif); background-repeat: repeat-x; background-position: 0 top; color: black; font-size: 12px; font-family: Calibri, tahoma, Verdana, Arial, Helvetica, sans-serif; position: relative; width: 780px; margin: 0 auto; text-align: left; padding: 10px; border: dashed 1px #a9c9ea; }
h1 {
	font-size: 22px;
	color: #FFFFFF;
}
h2 {
	font-size: 17px;
	color: #FFFFFF;
}
h3 {
	font-size: 14px;
	color: #FFFFFF;
	font-style: italic;
	text-align: center;
}
img.main { float: right; background-color:#eeeeee; margin: 10px 0 10px 10px; border:dashed 1px #a9c9ea; }
a { color: white; text-decoration: underline; }
a:visited { color:#e7e7e7; text-decoration:underline; }
a:hover { color: #004e8a; text-decoration:underline; }
a:active { color: green; font-weight: bold; text-decoration: underline overline; }

#mo-main { color: white; font-size: 20px; font-family: inherit; font-weight: bold; text-align: center; position: absolute; top: 68px; width: 100%; visibility: hidden      }
#mo-faq { color: white; font-size: 20px; font-family: inherit; font-weight: bold; text-align: center; position: absolute; top: 68px; width: 100%; visibility: hidden      }
#mo-gallery { color: white; font-size: 20px; font-family: inherit; font-weight: bold; text-align: center; position: absolute; top: 68px; width: 100%; visibility: hidden      }
#mo-activ { color: white; font-size: 20px; font-family: inherit; font-weight: bold; text-align: center; position: absolute; top: 68px; width: 100%; visibility: hidden      }
#mo-events { color: white; font-size: 20px; font-family: inherit; font-weight: bold; text-align: center; position: absolute; top: 68px; width: 100%; visibility: hidden      }
#mo-bookings { color: white; font-size: 20px; font-family: inherit; font-weight: bold; text-align: center; position: absolute; top: 68px; width: 100%; visibility: hidden      }
#mo-facilities { color: white; font-size: 20px; font-family: inherit; font-weight: bold; text-align: center; position: absolute; top: 68px; width: 100%; visibility: hidden      }
#mo-buttons { padding-top: 27px;position:relative }
/*Secure Booking Styles*/
#secure-body { background-color: #86a7d2; background-image: url(../media/shell/back-strip-main.gif); background-repeat: repeat-x; background-position: 0 top; color: black; font-size: 12px; font-family: Calibri, tahoma, Verdana, Arial, Helvetica, sans-serif; position: relative; width: 580px; margin: 0 auto; text-align: left; padding: 10px; border: dashed 1px #a9c9ea; }
.secure-small {	font-size: 11px; font-family: Calibri, tahoma, Verdana, Arial, Helvetica, sans-serif; font-weight: bold; }
select,input,textarea { color: black; font-size: 12px; font-family: Calibri, tahoma, Verdana, Arial, Helvetica, sans-serif; font-weight: bold; border: dashed 1px #a9c9ea; }

/* CTA
----------------------------------------------------------------------------------*/

.cta {
background:#8FB5FF;
border:1px dashed #FFFFFF;
float:left;
font-size:14px;
margin-right:10px;
padding:5px;
text-align:center;
width:200px;
margin-bottom:20px;
}

.book-now {
float:right;
margin-right:16px;
margin-top:34px;
display:inline;
}