@import "../css/reset.css";

body{margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; line-height: 1.5em; font-size: 12px; color: #5c5c5c; background-color: #3b3b3b;}
p{margin-bottom: 10px;}
hr{margin: 20px auto; background: #dfdfdf; color: #dfdfdf; line-height: 1px;border: none;}
a{text-decoration: none; color: #006a18; font-weight: bold; }
em{font-style: italic; }

#wrapper{width:952px; margin:0 auto; padding:0; text-align:center;}
#container{float:left; text-align:left; background: transparent url(/media/layout/contentbg.gif) top right repeat-y; padding: 0 12px;}
#detailsPage{padding-left: 10px;}
#detailsPage img{float: right; margin-left: 5px; margin-bottom: 5px; border: 1px solid #333333;}
#detailsPage ul{margin: 10px 0 10px 30px;}
#detailsPage ul li{padding: 3px 0;}


h1{font-size: 30px; color: #6f6f6f; line-height: 1em;margin-bottom: 15px;}
h2{font-size: 25px; color: #6f6f6f; line-height: 1em;margin-bottom: 15px;}
h3{font-size: 20px; color: #193d21; line-height: 1em;margin-bottom: 10px;}
h4{font-family: Times; color: #a54546; font-size: 16px; line-height: 1em;/*letter-spacing: 2px;*/}
h4 a{color: #a54546;}

#livewebBox h4{ padding: 15px 0 0 15px;}

#headerArea{background: transparent url(/media/layout/header.gif) top right no-repeat; height: 440px; padding-top: 10px;}

#headerArea-lowerlevel{background: #f4f1e2; height: 75px; padding-top: 10px; margin: 10px 10px 30px 10px; box-shadow: 5px 5px 5px #ababab; -moz-box-shadow: 5px 5px 5px #ababab; -webkit-box-shadow: 5px 5px 5px #ababab;}



#leftColumnMain{float:left; width:278px;}
#rightColumnMain{float:left; width:650px;}
#bodyArea{padding:0 20px;}
#footer{background-color:#FFF; padding-top:30px;}
#discover-sc {float:right; margin-right:10px;}

#navColumn{width: 252px; float: left;padding: 0px 15px;}
	#navRight{float: right; text-align: right; padding: 10px 15px 0px 0px; width: 626px}
	#navRight h2{float: right; font-size: 14px;}
	
#navColumn div{margin-bottom: 15px;}
	#navColumn a{font-weight: bold; color: #000;}
	#navColumn a.newsTitle{display: block;}
	#navColumn h2{margin-bottom: 10px;}

.error{color: red;}
.black{color: black;}
.gold{color: gold;}
.red{color: red;}

.floatRight{float: right;margin: 0px 0px 10px 10px;}
.floatLeft{float: right;margin: 0px 10px 10px 0px;}

.booknow{background: #060; color: #fff; padding: 8px; margin: 10px 0px; font-size: 20px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;}


strong{font-weight: bold;}

.returnAll{text-decoration: underline;}

.specialCode{color:#7c0000; font-weight: bold;}
#thanks{padding-top: 15px;}

#contentStuff{margin-left: 25px; margin-right: 25px;}
.entry{margin-bottom: 20px;}

#emailers dl{font-size: 12px;}
#emailers dl dt{margin-top: 10px; font-weight: bold;}
#emailers a{color: #851e1e;}
#emailers {margin-top: 15px;}


/* navigation */
	#topMenu {list-style: none; color: #6f6f6f; padding-right: 25px}
		#topMenu li{ float: right; padding-left: 25px; padding-top: 7px; padding-bottom: 0px; line-height:.8em;}
		#topMenu li.facebook{ padding:0 0 0 25px;}
		#topMenu li a:hover{text-decoration: underline;}
		#topMenu li a{color: #000; text-decoration: none;}
	
	#logo{text-align:center; display: block; height: 138px; width: 272px;}
	
	#mainNav{ list-style: none; font-family: Helvetica; text-transform: uppercase; color:  #606060; font-size: 125%; /*letter-spacing: 2px;*/ margin-left: 0px;}
		#mainNav a{text-decoration: none; color: #606060;font-weight: normal;}
		#mainNav li{border-bottom: 1px solid #c3c3c3; padding: 1px 0;}
		#mainNav li a{width: 252px; display: block; height: 38px; line-height: 42px; padding-left: 10px;}
		#mainNav li a:hover{background: transparent url(/media/layout/navbg.gif) top left repeat-y; color: #a54546}


/*--- Slideshow ---*/
	#slideshow-container { position: relative; margin-left: 15px; background: url("/media/layout/flashbg.gif") no-repeat scroll left top transparent; padding: 10px 12px;}
	#slideshow { position: relative; height: 334px; padding: 10px; }
	/*#slideshow div { display: none; }*/
	#slideshow div div { display: block; }
	#slideshow div img { display: block; }
	#slideshow p {position: absolute; left:0; bottom:100px;}
		#slideshow-nav { position: absolute; right: 21px; bottom: 30px; z-index: 99; font-size: 10px; color: #333; padding: 0 8px; background-color: #fff; filter: alpha(opacity=65); -moz-opacity: .65; opacity: .65; list-style: none; }
			#slideshow-nav li { display: block; float: left; margin-right: 4px; }
				#slideshow-nav a { color: #333; padding: 4px; }
				#slideshow-nav a:hover { color: #a28557; }
				
	#headderTagWrapper{position: absolute; left: 12px; bottom: 40px; z-index: 10000;}
		.headerTag{margin-bottom: 10px;float: left; clear: both;}
		.headerTag a{ background:#000; color:#FFF; font-size: 16px; font-family:Georgia, "Times New Roman", Times, serif; padding: 5px 15px; z-index: 20; color: #fff; line-height: 35px; border-top: 1px #FFF solid; border-right: 1px #FFF solid; border-bottom: 1px #FFF solid; }
		.headerTag p {padding-left:10px;}
		.headerTag a:hover{ text-decoration:underline;}
	
	
label, textarea{ display:block; margin-top:10px; }

/* ################ */

/*newsletterbox*/
#newsletterSignup{padding-top: 15px;}
	#newsletterSignup #submit{background-color: #ffffff; border: 2px solid #bfbfbf;}
	#newsletterSignup label, #newsletterSignup input{float: left; margin-right: 5px;}
	#newsletterSignup label{font-weight: bold;  padding-top: 5px;}

#newsletterBox{border: 1px solid #dfe1e0; color: #333333; width: 417px; background: #e3e9dd url(/media/layout/flag.gif) bottom right no-repeat; padding: 10px;float: left;}
	#newsletterBox h3, #livewebBox h3{color: #0f4305; font-family: Times; font-size: 25px; margin-bottom: 5px;/*letter-spacing: 2px;*/}
	#newsletterBox label{float: left; margin: 5px 10px 0px 10px;}
	#newsletterBox div{float: left;}

#flashMovie{ float: left;  margin-left: 10px; padding-top: 11px; padding-right:15px; background: transparent url(/media/layout/flashbg.gif) top left no-repeat; width:605px; height: 358px;}
#flashMovie #movie{padding-right: 12px;}


.nav_categories{list-style-type: none;}

#footer ul{margin: 0 auto; text-align: center;}
#footer ul li{display: inline; padding: 0 10px;}
#footer dl{ margin: 0 auto; text-align: center;}

#footerBottom{background: transparent url(/media/layout/contentbottom.gif) top left no-repeat; height: 20px; width: 952px;}



/*photogallery stuffedge*/
	#photoGallery{ text-align: center;}
	#photoGallery img{border: 5px solid #e3e3e3; margin-right: 25px;}

	.photo-entry{width: 188px; text-align: center; float: left; margin: 0px 15px 30px 0px; overflow: hidden;}


/*weather box */
	.weatherBox dt{float: left; margin-left: 25px;}
	.weatherBox{text-align: center; width: 125px; float: left; margin-bottom: 25px;}
	.weatherBox h3{font-weight: bold; font-size: 15px; color: #333333;}
	#weatherTitle{text-align: center; margin-bottom: 25px;}
	#weatherDetails{clear: both;}

/*contactPage*/
	#contactForm label{ width: 70px; float: left; margin: 2px; line-height: 25px;}
	#contactForm input, #contactForm textarea{margin: 2px; width: 300px; padding: 2px;border: 1px solid #333333; font-size: 16px;}
	#contactForm textarea{height: 200px;}
	#contactForm{width: 650px; margin: 0 auto;}
	#contactForm #contact{float: left;}
	#contactForm #contact #submit{ margin-left: 76px;}
	.formArea{width: 300px; float: left;}

	#contactForm .addresses{margin: 30px 0px 0px 80px; float: left; background-color: #ffffff; padding: 10px; font-size: 16px; line-height: 1.25; width: 215px;}


/***stuffage for the map **/

/*directions */
	#directionsDetails { width: 25%;  float: left;}
		#directionsDetails p{}
		#directionsDetails h4{margin-top: 20px;}
		#directionsDetails span{font-weight: bold; }

/* Directiosn */
	#get-directions {float:left; width:200px; margin-left:25px;}
	#get-directions input {width:250px;margin-bottom: 10px;}
	#map_canvas {width: 580px; height: 500px; float:left; margin-top:25px; margin-bottom:25px; border-style:solid; border-color:#99CCFF; border-width: 5px;}
	
	/* Directions Map */
		.map-header { width: 825px; margin-bottom: 15px; }
		.map-header h2 { float: left; }
		.map-header ul { float: right; margin-top: 10px; }
		.map-header ul li a { padding-top: 4px; height: 15px;}
		#directionsMap { width: 633px; height: 450px; border: 2px solid gray; margin-left: 23px; }
		#largeMap { width: 70%; height: 450px; border: 2px solid gray; margin-right: 27px; float: right; }
		#largeMapLegend { padding: 0 15px; margin: 10px 0 0 57px; }
		#largeMapLegend img { float: left; padding-right: 13px; }
		#largeMapLegend p { float: left; padding-right: 12px; width: 180px; margin: 0; }
		.infoWindow { width: 480px; }
		.infoWindow img { display: block; float: left; margin-right: 5px; }
		.infoWindow h3 { margin: 0 0 3px 0; }
		.infoWindow p { margin: 0 0 3px 0; padding: 0; }
		.listem{margin-top: 15px;}
		#mapLocations h4{font-size: 14px; text-decoration: underline;}
		#mapLocations {margin: 0 0 0 10px; list-style: none; }
		#mapLocations li a{color: #707070; font-weight: bold;}
		#mapLocations li a:hover{text-decoration: underline;}

/*quick-quote*/
	#freeform label{font-size: 14px;margin-bottom: 3px;}
	#freeform input, #freeform select, #freeform textarea{padding: 2px;margin-bottom: 10px;}
	a#step2btn, a#step1btn, #freeform input#submit {background: #060; font-size: 16px; color: #fff; padding: 5px;margin-top: 10px;float: left; margin-right: 15px;border: 1px solid #060; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px;}
	
	#freeform input#submit{padding:4px 3px 3px 3px;}
	#quickquoteCourses li{width: 200px; float: left; margin: 30px 0px 0px 0px; list-style-type: none;}
	#requests{width: 500px; height: 300px;}

/*-- LODGING --*/
	.hotel{border-bottom: 1px solid #dfdfdf;padding-bottom: 15px;}

 /*--- All Courses Page ---*/
 
 
	/* COURSE GRID */
		#courses table{width: 100%;}
		#courses td, #courses th { padding:8px; text-align:center; line-height:14px; }
		#courseGrid th{font-size: 10px;vertical-align: bottom;}
		#courses tbody td a {font-weight: normal;}
		#courses thead th { font-weight: normal; vertical-align: bottom; }
		#courses .courseName{ text-align:left; }
		#courses .courseName img{float: left; margin-right: 8px;}
		
		#course td.ranking, #courseGrid td.ranking{ width: 90px;text-align: center; font-size: 9px;}
		#courses td img{display: block;}
		
		#courses tbody td { padding-right:10px; }
		#courses thead th, #courses tbody td, #courses tbody th { border-bottom:1px solid #777;}
		#courses tr:hover { background-color:#f8f7e0; }
		
		.starRatings ul li{list-style-type:none;}
		
		.ratesFrom{width: 15%;}
		.arrows{float: right;}

/* Video */
	.video-top { padding-bottom: 10px;  }
	.video-list-tabs { margin: 10px 0 20px 0; list-style: none; padding: 0; border-bottom: 1px solid #fff; float: left; width: 90%; }
		.video-list-tabs li { border-bottom: 1px solid #ccc; padding: 5px 10px; float: left; margin: 0 5px; }
		.video-list-tabs li a { font-size: 16px; }
	.video-list-tabs { float: left; padding-right: 20px; }
	
	.video-list { padding: 0; list-style: none; }
		.video-list li { padding: 0 10px 10px; float: left; width: 175px; }
			.video-list li a { padding: 5px; border: 1px solid #ccc; background: #fff; display: block; height: 145px; }
				.video-list li a b { padding: 2px 0 5px; line-height: 12px; display: block; text-align: center; }
	.current_tab { display: block; }


/*-- UTILITY CLASSES --*/
.clear{ clear: both; overflow: hidden; height: 1px; }
.alignRight { float: right; margin: 0 0 10px 10px; }
.alignLeft { float: left; margin: 0 10px 10px 0; }