@charset "UTF-8";
/*reset */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, s, samp,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td 
{margin: 0;	padding: 0;	border: 0;font-weight: inherit;font-style: inherit;font-family: inherit;vertical-align: baseline;}



/* -- BASICS -- */
body { background: #fff; color:#333; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.5em; font-size: 11px; }
h1{font-size: 30px; text-transform: capitalize; line-height: 1.2em; font-weight: lighter; color:#000; font-family:"Times New Roman", Times, serif;}
h2{font-size: 24px; text-transform: capitalize; line-height: 1.2em; color:#000; font-family:"Times New Roman", Times, serif;}
h3{font-size: 18px; text-transform: capitalize; line-height: 1.2em; color:#000; font-family:"Times New Roman", Times, serif;}
h4{font-size: 14px; text-transform: uppercase; line-height: 1.2em; color:#454343; font-family:"Times New Roman", Times, serif;}
h5{font-size: 12px; text-transform: uppercase; line-height: 1.2em; color:#454343; font-family:"Times New Roman", Times, serif;}
p{margin-top: 6px;}
b, strong{font-weight: bold;}
i, em{font-style: italic;}
h2.blue, h3.blue {color:#0e74bb;}

/* -- LAYOUT -- */ 

#header{width:980px; margin: 0px auto; }
	#masthead{height: 123px; width: 980px; position:relative; }
	#logo{float: left;}
	#bookNow{float: right; margin-top: 10px;}
	#mastheadLinks {float:right; margin-right:10px; margin-top:20px;}
	#mastheadLinks a {color: #000000; font: 12px/14px "Myriad Pro", Verdana, Arial, Helvetica, sans-serif; margin: 0px 10px; font-style: normal; text-decoration: underline; font-weight: normal; }
	#mastheadLinks a:hover {text-decoration:none;}
	
#nav{width: 100%; background: #f1f2e4; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin-bottom: 10px; }
	#nav ul{ width: 980px;text-align: center; margin: 8px auto;}
	#nav ul li{padding:0px 12px; text-align: center; display: inline; color: #ff0000;font-size: 16px;}
	#nav ul li a{text-transform:capitalize; color: #333; text-decoration: none; font-family:"Times New Roman", Times, serif;}
	#nav ul li a:hover{color: #000; text-decoration: underline;}
	
#subnav{width: 100%; margin-bottom: 10px; }
	#subnav ul{list-style:none; padding:20px;}
	#subnav ul li{padding:5px 0px; color: #454343;}
	#subnav ul li a{text-transform:uppercase; color: #454343; text-decoration: none; font-family: "Times New Roman", Times, serif; font-size:14px;}
	#subnav ul li a:hover{color: #0e74bb;}


#footer{width: 980px; margin: 0px auto; text-align: center; border-top: 1px solid #d6d6d6; clear: both; font: 10px/12px Verdana, Arial, Helvetica, sans-serif; color: #464646; padding-top: 8px; height:40px;}
	#footer ul {float: right;}
	#footer ul li {padding:0px 2px; text-align: center; display: inline; font-size: 10px; color: #615f5f;}
	#footer ul li a {color: #615f5f; text-decoration: none;}
	#footer ul li a:hover {color: #0e74bb;}	
	#copyright {float: left;}
			
/* -- CONTENT -- */
#content{width: 980px; margin: 0px auto; position: relative;}
#largePic{background: #000; height: 230px; width: 980px; margin: 10px auto; }
	
	#main{width: 700px; float: left; overflow: hidden;}
	.mainOneThird{float: left; width: 231px; overflow: hidden; padding-bottom: 10px; }
	.mainTwoThird{float: left; width: 462px; overflow: hidden; padding-bottom: 10px;}
	
	.mainOneQuarter{float: left; width: 175px; overflow: hidden; padding-bottom: 10px;}
	.mainThreeQuarter{float: left; width: 525px ;overflow: hidden; padding-bottom: 10px;}
	
	.mainHalf{float: left; overflow: hidden; padding-bottom: 10px; width:45%;}
	.mainFull{float: left; width: 100%; overflow: hidden; padding-bottom: 10px;}
	.mainHalfHome{float: left; overflow: hidden; padding-bottom: 10px;}
	
	.mainOneThird div, mainTwoThird div, .mainOneQuarter div, .mainThreeQuarter div, .mainHalf div, .mainHalfHome div, .mainForty div, .mainSixty div, .mainFull div{padding: 10px; margin: 5px;}

	div.divider{margin: 0px auto; width: 92%; border-bottom: 1px solid #ccc; clear:both;}
	div.dividerWhite{margin: 20px auto -15px auto; width: 90%; border-bottom: 3px solid #fff; clear:both;}
	div.dividerNews{margin:10px auto; width: 92%; border-bottom: 1px solid #ccc; clear:both;}
	
	.imageBorder {padding: 5px; border: 1px solid #dfdfdf; background-color:#FFFFFF;}
	
	#leftBottom {border-right: 1px solid #e2e4e7; padding-right: 5px; margin-right: 5px; width:355px;}
	
	
/* -- RIGHT COLUMN -- */
	#sidebar {width: 270px; float: right; margin-top: -220px; margin-right: 5px; background-image:url(/media/styles/sidebar-trans.png); background-repeat:no-repeat; background-position:top; position:relative; z-index:10; min-height:700px;}
	#sidebar div.pad {padding: 20px;}
	.signup {float: right; margin-top: 7px;}
	.email {height: 16px; margin-top: 10px; padding: 2px 2px 0px 2px; width: 80px;}
	.zip {height: 16px; margin: 10px 3px 0px 5px; padding: 2px 0px 0px 2px; width: 50px;}



/* -- SPECIFIC PAGES -- */
	
	/* -- home --*/ 
	.videoThumb{margin-top: 10px;}
	.homepageImage{width: 300px; float: right; padding: 5px; border: 1px solid #ccc; margin: 0px 0px 10px 10px;}
	
	
	#course { float: right; margin: 0 0 0 16px;}
	#featured_course {float: right; margin: 0 0 0 10px; }
	
	/* -- course details -- */
	.videoCourse {margin: 10px 0 10px 20px; float:right;}
	#courseInfo {margin: 0px 0 10px 20px; float:right;}
	#gallery {margin:0 auto; text-align:center;}
		#gallery ul li {padding: 0 5px; text-align:center; display:inline;}
		
	#buttons {margin:5px auto 0px auto; text-align:center;}
		#buttons ul li {padding: 0 5px; text-align:center; display:inline;}
		
	#buttonsCourses {margin:5px auto 0px auto; text-align:center;}
		#buttonsCourses ul li {padding: 0 2px; text-align:center; display:inline;}
		
	#buttonsCoursesTop {margin:0px auto 0px auto; text-align:center;}
		#buttonsCoursesTop ul li {padding: 0 2px; margin-top:0px; text-align:center; display:inline;}
		#buttonsCoursesTop ul {padding: 0px; margin-top: -20px;}
		
	#scorecard {margin:0 auto; width:450px; padding: 0px; border: 1px solid #dfdfdf; text-align:center;}
		#scorecard ul li {padding: 2px 5px; text-align:center; display:inline-block; width:70px;}
		#scorecard ul.first {font-weight: bold; border-bottom: 1px solid #dfdfdf; padding-bottom:3px; margin-bottom:3px; background-color: #f1f2e5;}
	
	#amenities ul {display:inline-block; margin:0 50px 0 20px; width: 200px; float: left;}
	
	#gallery ul li a img{width: 100px; height: 80px;}
	
	
	/*-- CONTACT FORM ---*/
	#Form{float: left; width: 90%; overflow: hidden; border: 1px solid #cdcdcd; padding: 10px 15px;}
	#Form input, #Form textarea, #Form select{display: block; float: left; padding: 3px;}
	#Form input, #Form textarea, #Form select{border: 1px solid #cdcdcd;}
	
	#Form label{display: block; color: #454343; font-size: 14px; font-weight: normal;line-height: 1.2em;margin-top:5px;padding-bottom: 5px;}
	#Form textarea{height: 217px; width: 250px;}
	#Form textarea.vacation{height: 150px; width: 250px;}
	#Form input.radio{border: 0px;}
	#Form .button{float: right;margin: 5px 15px 0px 0px;background: #454343; color: #fff; cursor:pointer;}
	.formLeft, .formRight{width: 45%; float: left;}
	
	.hiddenFields{display: none;}
	.labelLittle{font-size: 10px; color: #000;line-height: 1em;padding: 0px;}
	
	#Form input.LV_invalid_field{margin-right: 3px; border:1px solid #CC0000;}	
	#Form span.LV_validation_message LV_invalid{color: red;}
	.LV_invalid{color: red; font-size: 10px;margin-top: 3px;padding-left: 3px;}
	
	#Info {float:left; width:30%; margin:10px 20px 0px 0px; padding:0px;}
	#Info a {color:#0e74bb; text-decoration:none;}
	#Info a:hover {color:#000; text-decoration:none;}
	
	/*-- Entertainment pages --*/
	
	#restImage { float: right; margin: 0 0 0 16px;}
	#restImage img { width:200px; }




	/*-- Map --*/
	
	#largemap { width: 700px; height: 375px; overflow: hidden;}
	.maplocations{margin-bottom: 10px; width: 300px; float: left; margin: 0px; padding: 0px;border: 1px solid #ccc;}
	.maplocations ul{width: 300px; height: 150px; list-style-type: none; margin-top: 5px; overflow-y:scroll;}
	.maplocations ul li{padding: 2px 5px;text-decoration: underline;}
	.maplocations ul li a{ cursor:help;}
	.maplocations ul .heading{display: block; color: #01467d; font-size: 14px; font-weight: normal;padding: 5px 0px;line-height: 1.2em;text-decoration: none;}

	.mainFull div#largemap div{padding: 0px; margin: 0px;} 





/* -- MISC -- */

div.clear { overflow:hidden; height:1px; clear:both; }
img.alignRight { float:right; margin:0 0 15px 15px; }
img.alignLeft { float:left; margin:0 15px 15px 0; }
.error { color: red; }

a.readmore{color: #0e74bb; font-size: 14px; font-style: italic; font-weight: bold; text-decoration: none; font-family:"Times New Roman", Times, serif;}
a.readmore:hover {color: #000000; text-decoration: none;}

a.prop{color: #0e74bb;  text-decoration: none;}
a.prop:hover {color: #000000; text-decoration: none;}

a.title{color: #000;  text-decoration: none;}
a.title:hover {color: #0e74bb; text-decoration: none;}

.arrows{color: #000; font-size: 14px; font-style: italic; font-weight: bold; font-family:"Times New Roman", Times, serif;}






/*
	----------------------------
	CSS for ImageBox jQuery Plugin
	____________________________
*/
div#weatherRadarImage{
position:relative;
height:449px;
margin:5px 0 5px 5px;
}
#ImageBoxOverlay { background-color: #000; }
#ImageBoxCaption { background-color: #ffffff; }
#ImageBoxContainer { width: 250px; height: 250px; background-color: #ffffff; }
#ImageBoxCaptionText { font-weight: bold; padding-bottom: 5px; font-size: 13px; color: #000; }
#ImageBoxCaptionImages { margin: 0; }
#ImageBoxNextImage { background-image: url(/media/imagebox/spacer.gif); background-color: transparent; }
#ImageBoxPrevImage { background-image: url(/media/imagebox/spacer.gif); background-color: transparent; }
#ImageBoxNextImage:hover { background: url(/media/imagebox/next_image.jpg) no-repeat right bottom; }
#ImageBoxPrevImage:hover { background: url(/media/imagebox/prev_image.jpg) no-repeat left bottom; }

.baseRadarImage{
	position:absolute;z-index:0;top:0;left:0;
}

.overlayRadarImage{
	position:absolute;z-index:1;top:0;left:0;
}

#mylayer { border: none; }

/*-- WALLPAPERS --*/
	#wallpapers div.wallpaperBox{width: 240px; float: left; text-align: center;padding: 0px; margin-bottom: 15px;}
	#wallpapers img{width: 240px; display: block;}
	#wallpapers h3{margin:5px 0;}

	#wallpaperSignUpForm {border: 1px solid #dcdcdc;}
	#wallpaperSignupForm label{display: block; color: #000; font-size: 13px; font-weight: normal;line-height: 1.2em;margin-top:10px;padding-bottom: 5px;}
	#wallpaperSignupForm input{border: 1px solid #3a380f;font-size: 13px; padding: 2px;}
	#wallpaperSignupForm input.emailInputRadio{border: 0px #fff;}
	#wallpaperSignupForm .button{background: #e8e9dc;color: #3a3a3a; border: 1px solid #3a380f;}
	.wallpapersignup{float: left; width: 30%;} 
	
	
 