/* Start of CMSMS style sheet 'Style' */
/* CSS */
/* Global Styles */

/* Colors

Body Blue - #dcf0fb
Deep Blue - #1B7CC4
Dark Blue - #56A1D5
Light Blue - #ACD6F2
Nav Blue - #DEEDFA

*/

/*////////////////////////////////////*/
/* ---- =RESET --*/

* { font-weight: inherit; font-family: inherit; font-style: inherit; font-size: 100%; border: 0 none; outline: 0; padding: 0; margin: 0; background: transparent; text-decoration: none; }
img { overflow: hidden; display: block; }
ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
table { border-collapse: collapse; border-spacing: 0; }

/*////////////////////////////////////*/
/* ---- =GLOBALS --*/

body { font: normal normal normal 0.79em Arial, Helvetica, sans-serif; color: #444444; background: #56A0D3; }
h1, h2, h3, h4, h5, h6 { line-height: 1.3em; font-weight: normal; }
p { line-height: 1.6em; }
h1, h2, h3, h4, h5, h6 { color: #56A0D3; }
h1 { font-size: 2.8em; }
h2 { font-size: 1.8em; }
h3 { font-size: 1.5em; }
h4 { font-size: 1.2em; }
h1, h2, h3, h4, h5, h6, p, ol, table { margin-bottom: 25px; }
strong { font-weight: bold; }
em { font-style: italic; }
small { font-size: 0.8em; }
input, textarea, select { padding: 4px; color: #444444; font-family: Arial, Helvetica, sans-serif; border: solid 2px #ACD6F2; background: #fff; }
input:hover, input:active, input:focus, textarea:hover, textarea:active, textarea:focus, select:hover, select:active, select:focus { border-color: #56A1D5; background: #ACD6F2; }
a { color: #fff; cursor: pointer; }
.content a { color: #1B7CC4; text-decoration: underline; }
.content ul { margin-bottom: 25px; }
.content ol { list-style-position: inside; }
.content li { margin-bottom: 5px; padding-left: 15px; background: url(../images/bgBullet.gif) no-repeat scroll left 5px; }
.content ol li { background: none; }
.content img { margin: 0 0 25px 25px; padding: 3px; float: right; border: solid 2px #56A1D5; }
.imgL { margin: 0 25px 25px 0; padding: 3px; float: left; border: solid 2px #56A1D5; }
.imgR { margin: 0 0 25px 25px; padding: 3px; float: right; border: solid 2px #56A1D5; }
td { padding: 10px; text-align: center; }
thead td { background: #1B7CC4; color: #fff; border: solid 1px #fff; border-bottom: 0; }
tbody td { background: #ACD6F2; border: solid 1px #fff; border-bottom: 0; }
tfoot td { background: #56A1D5; color: #fff; border: solid 1px #fff; }

/*////////////////////////////////////*/
/* ---- =CLASSES --*/

/* universal clearfix hack */
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

.clear { clear: both; overflow: hidden; height: 0px; margin-top: -1px; }
.hidden { position: absolute; left: -9999em; }
.dn { display: none; }
.bn { background: none !important; }
.ti { text-indent: -9999em; }
.tac { text-align: center; }
.mb0 { margin-bottom: 0 !important; }
.mb10 { margin-bottom: 10px !important; }

/*////////////////////////////////////*/
/* ---- =MAIN --*/

.outer { float: left; width: 100%; background: #78B5E1; }
.outerHome { background: #56A1D5 !important; }
.wrapper { margin: 0 auto; padding: 0 5px 0 6px; width: 989px; background: url(../images/bgWrapper.png) repeat-y scroll left top; }
.top { float: left; width: 989px; line-height: 50px; background: #56A1D5 url(../images/bgArrowNews.gif) no-repeat scroll 257px center; }
.topTitle { padding-left: 40px; float: left; display: block; width: 217px; background: #DCF0FB; color: #56A1D5; }
.contactInfo { padding-left: 20px; float: right; background: #2e8fd6; color: #fff; }
.contactInfo li { margin-right: 20px; float: left; }
.phone { font-size: 1.4em; }
.newsTicker { margin-left: 25px; float: left; display: inline; width: 400px !important; }
.newsTicker li { padding-left: 25px; float: left; width: 375px !important; display: none; }
.bodyL { float: left; width: 257px; }
a#btnMidL { padding-left: 40px; float: left; display: block; width: 217px; line-height: 50px; background: #DCF0FB url(../images/bgArrowDark.gif) no-repeat scroll right center; border-bottom: solid 5px #fff; color: #56A1D5; }
a#btnMidL.on { background: #1B7CC4; color: #fff; }

/* ---- =FEEDBACK --*/

.feedback { margin-bottom: 40px; padding-bottom: 40px; float: left; width: 652px; border-bottom: solid 5px #56A1D5; }
.feedback dd { margin-bottom: 15px; float: left; width: 652px; }
.feedback label { padding: 5px 12px 0 0; float: left; width: 140px; }
.feedback input { float: left; width: 488px; }
.feedback textarea { float: left; width: 488px; height: 100px; }
.feedback select { float: left; width: 500px; }

.ml152 { margin-left: 152px !important; }

/* ---- =SIGN UP --*/

.signUp { padding: 20px 40px; float: left; display: none; width: 177px; background: #56A1D5; color: #fff; }
.signUp dd { margin-bottom: 5px; float: left; width: 177px; }
.signUp label { padding: 5px 10px 0 0; float: left; width: 47px; }
.signUp input { float: left; width: 108px; border-color: #1B7CC4; }
.signUp select { float: left; width: 120px; border-color: #1B7CC4; }

.lblWide { width: 177px !important; }

.alertList { margin: 10px 0; float: left; width: 177px; }
.alertListOption { margin-bottom: 3px; float: left; width: 177px; }
.alertListOption input { margin-top: 1px; padding: 0 !important; width: 17px !important; }
.alertListOption label { padding: 0 0 0 5px !important; width: 155px !important; }


a.btn, input.btn { padding: 10px 15px; float: left; background: #fff; color: #56A1D5; border: dotted 1px #1B7CC4; font-weight: bold; text-decoration: none; }
.error { border-color: #ff0000 !important; }
.sent, .loading { display: none; }
.loading { margin-top: 7px; float: right; width: 25px; height: 25px; background: url(../images/loading.gif) no-repeat scroll right center; }
.sent { margin-top: 15px; float: left; width: 177px; }

.logo a { float: left; width: 257px; height: 250px; background: url(../images/logo.gif) no-repeat scroll center center; text-indent: -9999px; }
.bannerCntr { float: left; width: 732px; height: 300px; background: #56A1D5; position: relative; border-bottom: solid 5px #fff; }
.banner { float: left; width: 732px; height: 300px; overflow: hidden; }
.banner p { margin-bottom: 0; padding-left: 50px; float: left; width: 682px; line-height: 50px; color: #fff; font-size: 1.2em; }
.bannerNav { position: relative; float: right; display: inline; width: 150px; height: 20px; z-index: 999; margin: -35px 10px 0 0; }
.bannerNav a { margin-right: 10px; float: left; display: block; width: 20px; height: 20px; background: url(../images/btnBannerPager.gif) no-repeat scroll left top; text-indent: -9999em; }
.bannerNav a.activeSlide { background-position: left bottom; }

/* ---- =NAV --*/

.nav { float: left; width: 257px; }
.nav li { margin-bottom: 1px; float: left; width: 257px; }
.nav a { padding: 20px 30px 20px 40px; ; float: left; width: 187px; background: #DEEDFA; color: #56A1D5; }
.nav li.on { padding: 20px 30px 20px 40px; ; float: left; width: 187px; background: #1B7CC4; color: #fff; }
.nav a.on, .nav a:hover.on { background: #56A1D5; color: #fff; }
.nav a:hover { background: #f4fafe url(../images/bgArrowNav.gif) no-repeat scroll right center; }

.bodyR { float: left; width: 732px; }
.content { padding: 20px 40px; float: left; width: 652px; }
.footer { float: left; width: 100%; background: #56A0D3; border-top: solid 5px #fff; color: #fff; }
.footerInner { margin: 0 auto; padding: 20px; width: 960px; text-align: center; }
.footerInner li { display: inline; }

.navFooter li { display: inline; }

.wrapperHome { margin: 0 auto; width: 550px; }
.wrapperHome ul { margin: 380px 0 0 45px; float: left; display: inline; font-size: 1.5em; text-transform: uppercase; }
.wrapperHome li { margin-right: 30px; float: left; }
.wrapperHome a:hover { color: #ACD4F1; }

.wrapperHomeInner { padding-bottom: 10px; float: left; width: 550px; min-height: 550px; height: auto !important; height: 550px; background: url(../images/bgHome.gif) no-repeat scroll left top; }

a.btnHome { float: left; width: 350px; height: 350px; background: #1B7CC4; }
a:hover.btnHome { background: #56A1D5; }
a.btnHome span { float: left; padding: 0 25px; width: 300px; line-height: 50px; font-size: 1.5em; }
.logoHome { float: left; width: 300px; height: 350px; background: #fff url(../images/logo.gif) no-repeat scroll center center; text-indent: -9999px; }

/*////////////////////////////////////*/
/*////////////////////////////////////*/
/*////////////////////////////////////*/
/*////////////////////////////////////*/
/* ---- =MICRO --*/

/*////////////////////////////////////*/
/* ---- =LAYOUT --*/

.wrapperMicro { float: left; width: 100%; background: #ACD4F1 url(../images/bgBodyMicro.gif) repeat-x scroll left top; }

/*////////////////////////////////////*/
/* ---- =NAV --*/

.navMicroCntr { margin-top: 20px; float: left; width: 100%; }
.navMicro { margin: 0 auto; padding-left: 80px; width: 920px; background: url(../images/bgLogoW.gif) no-repeat scroll left top; }
.navMicro li { margin-right: 5px; float: left; }
.navMicro a { padding-left: 15px; float: left; background: url(../images/btnNavMicroL.gif) no-repeat scroll left top; line-height: 50px; }
.navMicro a span { padding-right: 15px; float: left; background: url(../images/btnNavMicroR.gif) no-repeat scroll right top; }
.navMicro a:hover { background-position: 0 -225px; }
.navMicro a:hover span { background-position: 100% -225px; }
.navMicro a.on { background-position: 0 bottom; }
.navMicro a.on span { background-position: 100% bottom; }

/*////////////////////////////////////*/
/* ---- =CAROUSEL --*/

.carouselCntr { float: left; width: 100%; }
.carousel { margin: 20px 0 40px 0; width: 100%; overflow: hidden; }
.carousel li { width: 100%; height: 100%; }
.slide02Content { padding-right: 20px; float: left; width: 360px; height: 240px; overflow: auto; }
.fr { float: right !important; }
.slide03Content { padding-right: 20px; float: left; width: 430px; height: 350px; overflow: auto; }
.slide04Content { padding-right: 20px; float: left; width: 665px; height: 370px; overflow: auto; }
.slide05Content { padding-right: 20px; float: left; width: 460px; height: 160px; overflow: auto; }
.slide06Content { padding-right: 20px; float: left; width: 270px; height: 370px; overflow: auto; }
.slide * { color: #fff; }
.slide h1 { text-transform: uppercase; }
.slide h2 { font-size: 1.6em; }
.slide p { font-size: 0.9em; }
.slide { margin: 0 auto; width: 1000px; height: 500px; }
.slideWrap { float: left; padding: 30px 50px 0 50px; width: 900px; height: 470px; }
.slide01 { background: url(../images/imgBrochure01.jpg) no-repeat scroll center top; }
.slide02 { background: url(../images/imgBrochure02.jpg) no-repeat scroll left top; }
.slide03 { background: url(../images/imgBrochure03.jpg) no-repeat scroll left top; }
.slide04 { background: url(../images/imgBrochure04.jpg) no-repeat scroll left top; }
.slide05 { background: url(../images/imgBrochure05.jpg) no-repeat scroll left top; }
.slide06 { background: url(../images/imgBrochure06.jpg) no-repeat scroll left top; }
.slide07 { background: url(../images/imgBrochure07.jpg) no-repeat scroll center top; }
.slide01, .slide07, .slide08 { padding: 0 !important; width: 1000px !important; height: 500px !important; }

.timetable { margin: 0 auto 0 auto; padding: 50px; width: 896px; height: 396px; background: #dcf0fb; border: solid 2px #fff; }
.timetableInner { padding-right: 20px; float: left; width: 876px; height: 396px; overflow: auto; }

.timetableInner td p { margin-bottom: 0 !important; }
.timetableInner a { color: #1B7CC4 !important; }

/*////////////////////////////////////*/
/* ---- =SCROLL --*/

.jScrollPaneContainer { position: relative; overflow: hidden; z-index: 1; }
.jScrollPaneTrack { position: absolute; cursor: pointer; right: 0; top: 0; height: 100%; background: #ACD6F2; }
.jScrollPaneDrag { position: absolute; background: #fff; cursor: pointer; overflow: hidden; }
.jScrollPaneDragTop { position: absolute; top: 0; left: 0; overflow: hidden; }
.jScrollPaneDragBottom { position: absolute; bottom: 0; left: 0; overflow: hidden; }
a.jScrollArrowUp { display: block; position: absolute; z-index: 1; top: 0; right: 0; text-indent: -2000px; overflow: hidden; /*background-color: #666;*/
	height: 9px; }
a.jScrollArrowUp:hover { /*background-color: #f60;*/
}
a.jScrollArrowDown { display: block; position: absolute; z-index: 1; bottom: 0; right: 0; text-indent: -2000px; overflow: hidden; /*background-color: #666;*/
	height: 9px; }
a.jScrollArrowDown:hover { /*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover { /*background-color: #f00;*/
}
/* End of 'Style' */