/* NOTE*******

	:first-of-type - THIS IS A SPECIAL CLASS THAT ONLY SAFARI CAN READ.  THIS NEEDS TO BE CHANGED OUT WITH THE BROWSER SNIFF BECAUSE FUTURE BROWSERS WILL NOT SUPPORT THIS
	
*******/



/*--- Shell ------------------------------------------------------*/
	
	body { color:#427ed6; margin: 0; padding:0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; background:#4583dd url(../img/design/bg.gif) repeat-x; background-attachment: fixed;}
	
	#home #dropPromos { position: absolute; margin: 275px 0 0 20px; z-index: 99999999;}	
	#dropPromos { position: absolute; margin: 0px 0 0 0px; z-index: 99999999;}	
			
	#shell {width:931px; background:#fff; margin:0 auto; padding: 0; position:relative;}
	a { text-decoration: underline; color:#d33e0f;}
	a:hover { text-decoration: none;}
	
	.fauxColumns { width:50%; float:left;}
	.threeCols { border-right: 1px solid #ccc; text-align: center; width:181px; float:left; margin: 30px 20px 0 0; padding:0 20px 0 0px;}
	#groups .threeCols { margin: 30px 14px 30px 0; padding: 0 14px 0 0;}
	.threeColsLast { border: none; margin-right: 0; padding: 0;}
	.threeCols p { height: 120px;  margin: 15px 0 0 0;}
	#groups .threeCols p { height: 50px; margin: 15px 0 0 0;}
	.threeCols a { display: block; color:#0a2a63; font-weight: bold; text-decoration: none; background: #fff url(../img/design/btn_general.jpg); text-align: center; border: 1px solid #97b9ec; font-size: 12px; height: 20px; width: 179px; padding: 7px 0 0 0; margin: 0 0 4px 0;}
	.threeCols a:hover { border: 1px solid #092b5e;  }
	.threeCols  h2 {font-size:12px; letter-spacing:normal; text-align:center;}
	.threeCols img { margin:0 0 10px 0;}
	.threeCols .logo { display: block;   margin: 0 0 10px  0;}
	.threeCols span#logo { display: block; height: 90px; margin: 0 0 0px 0;}
	.threeCols span#logo img.logo2 { margin: 0; padding: 0;  }
	.threeCols span#logo a   { border: none; background: none; margin: 0; padding: 0;}
	.threeCols span#logo a:hover   { margin: 0; padding: 0;}
	
	.standout { color:#ed2b0b; }
	
	.imgLeft { margin: 0 20px 20px 0; float:left;}
	.imgRight { margin: 0 0 20px 20px; float:right;}
	.clearBoth { clear:both;}
	.noMargin { margin:0;}
	.noBorder { border:none;}
	.noPadding { padding:0;}
	.forPrint { position:absolute; left:-2500px;}
	.imgLogo1 {padding:0 0 62px 0; }
	.imgLogo2 {padding:0 0 36px 0; }
	
	
/*--- Head ------------------------------------------------------*/
	
	#h_shell { position: absolute; z-index: 999; width:931px; display: block;  background:url(../img/design/titlebarbg.png); height: 152px;}
	
	#h_usabilityNav { /*margin: 36px 0 0 535px;*/ top:36px; left: 392px;  width: 522px;  position: absolute; /*float: right; */ text-align: right;  position: absolute; z-index: 999; font-size:11px;}
	#h_usabilityNav ul {margin:0px; padding:0 23px 0 0;}
	body:first-of-type 	#h_usabilityNav ul {  margin:0 10px 0 0; padding:0 13px 0 0;}
	#h_usabilityNav li { display:inline;margin: 0 0px 0 15px;line-height: 35px;}	
	#h_usabilityNav li a { color:#417ed6; text-decoration: none;}
	#h_usabilityNav li#navItem4  { font-weight: bold; font-size: 12px; margin-left: 35px; }
	#h_usabilityNav li a:hover { text-decoration: underline;}
	
	a.rfp {	width:140px;height:30px;display:block; text-decoration: none; font-weight: bold;	background: url(../img/rfp.jpg) no-repeat;text-align:center;line-height:30px;position:absolute;	top:483px; margin: 0 0 0 450px;}
	a.rfp:hover { color:#0b2d5c;}
	
	
	
	#h_logoArea { background:url(../img/design/spacer.gif); position: absolute; margin: 8px 0 0 0; width: 250px; height: 80px;}
	#h_logoArea img {}
	#h_logoArea a {display: block; width: 250px; height: 80px;}		
	
	#h_banner { padding: 90px 0 0 0; height: 333px; background:#143b75;}
	#home #h_banner {height:329px;}
	/*#cp #h_banner { padding: 90px 0 0 0; height: 339px; background:#143b75 url(../flash/img1.jpg) 0 90px ;}*/
	#cp.cp398 #h_banner {background:url(../img/headers/dining.jpg) 0 90px ;}
	#cp.cp399 #h_banner {background:url(../img/headers/disney1.jpg) 0 90px ;}
	#cp.cp380 #h_banner {background:url(../img/headers/disney2.jpg) 0 90px ;}
	#cp.cp396 #h_banner {background:url(../img/headers/disney3.jpg) 0 90px ;}
	#cp.cp397 #h_banner {background:url(../img/headers/seaworld.jpg) 0 90px ;}
	#cp.cp399 #h_banner {background:url(../img/headers/disney5.jpg) 0 90px ;}
	#cp.cp400 #h_banner {background:url(../img/headers/disney6.jpg) 0 90px ;}
	
	#photogallery #h_banner { padding: 47px 0 0  0; height: auto;}
	#h_banner img { display:block;}  
	
	#header_pf {display:none; position: absolute; margin: 210px 0 0 580px; height: 44px; width: 304px; background:url(../img/design/header_pf.gif);}

	#h_nav { position: absolute;  z-index: 9999999; padding: 0; margin:15px 0 0 0;  top:-6px;  font-size: 11px;}
	#h_nav ul { margin:0; padding:0;}
	#h_nav li { float:left; list-style:none; margin:0  5px; padding:0;  position:relative; }
	#h_nav li#ourResorts a { background:url(../img/design/btn_ourresorts.gif) no-repeat; top: -4px; position: absolute; display: block; width: 75px; height: 12px;}
	#h_nav li#ourResorts ul  { margin: 4px 0 0 0;}
	#h_nav li#ourResorts ul li a { background-image: none; top: auto; position: relative; display: block; width: 185px; height: 100%;}
	#h_nav li#ourResorts ul li a:hover { background-color: #4583dd; }
	#h_nav li#ngroups { margin: 0 0 0 112px;}
	#h_nav:first-of-type li { margin: 0 3px;}
	#h_nav li a { position: relative; margin: 0 4px; padding:5px 8px; font-weight: bold; color:#164fa3; text-decoration: none; text-transform:uppercase;}
	#h_nav li a:hover { color:#fff; }
	
	#gallery { }

#h_nav .current { color:#d33e0f;}

	
	/* Drop Downs ------------------------------------------------------*/
	#h_nav .drops { width: 200px; display:none; line-height:20px;  margin:0px; padding:0; position:absolute; z-index:9999; background-color:#10356c; top:14px;left:4px; }
	#h_nav .drops li{ float:none;  list-style-type:none; margin:0;}
	#h_nav .drops a { text-transform: none;display:block; background-color:#10356c; padding: 0 0 0 5px; height:20px; margin: 5px; width:auto; color:#fff;}
	#h_nav .drops a:hover {text-decoration:none;  border:none; background-color:#4583dd; }
	
	#h_nav li:hover .drops, #h_nav li.over .drops {display:block; background:#10356c;}
	#h_nav li:hover a, #h_nav li.over a {background:#10356c; color:#fff;}


	#cp_sectionlinks, #cp_sectionlinkssupbpage { width: 220px; border-left: 1px solid #ccc; float: right; margin: 0 0 15px 15px; }
	#cp_sectionlinks ul, #cp_sectionlinkssupbpage ul {padding:8px 0px 8px 15px; margin:0px;}
	#cp_sectionlinks li, #cp_sectionlinkssupbpage li { line-height: 180%; background:url(../img/design/icon_starbullets2.gif) no-repeat 0px 2px; list-style:none; padding:0px 0px 20px 35px; margin:0px;}
	/*#cp_sectionlinks li a {background:url(../img/design/icon_starbullets2.gif) no-repeat 2px 2px;}*/




	
/*--- Print Header ------------------------------------------------------*/  
	
	#printHeader { display:none;}
	
/*--- Body ------------------------------------------------------*/
	
	#b_shell { padding: 50px 20px 0px 20px; display: block; }
	
	#content_l { width: 200px; display: block;  float: left; }
	
	#photogallery #content_l,
	#calendar #content_l 
	{ display: none; }
	
	#home #content_l { margin: 0; padding: 0; float: none; width: auto;} 
	#home #content_l #cta_gallery, 
	#home #content_l #cta_gasnew { display: none;}
	#home #content_l #cta_rotate { position: absolute; margin: 170px 0 0 20px; }
	
	#cta_gasnew { display: none;}
	
	#cta_gallery { margin: 20px 0 10px 0; padding: 20px 0 0 0; width: 183px; height:49px; }
	#cta_gallery a {background:url(../img/design/cta_gallery.jpg) 1px 1px no-repeat; padding: 1px; display: block; width: 183px; height:49px;  border: 1px solid #97b9ec; }
	#cta_gallery a:hover { border: 1px solid #092b5e; }
	
	#cta_gas {width:192px; height:142px;}
	#home #cta_gas {float:right; margin:0 0 20px 10px;}
	
	/*#cta_freegaslink  { position: absolute; margin: 15px 0 0 657px; display: block; height: 142px; width: 193px;   }
	#cta_freegaslink a  { display: block; height: 142px; width: 193px;}
	#cta_freegas { float: right; margin: 0 0 0 10px;}*/
	
	#content_r { float: left; margin: 0 0 20px 20px; padding: 0 20px 20px 20px; width: 630px; border-left: 1px solid #ccc; }
	#home #content_r, #calendar #content_r { float: left; margin: 0 0 20px 0px; padding: 0 20px 0px 20px; width: 850px; border: none; }
	#photogallery #content_r { display: none;}
	
	#content_r h1 { margin: 0 0 15px 0;padding: 0px;}
	#content_r h2 {}
	
	h1 { font-size: 29px; color:#092b5e;letter-spacing: -1px;}
	h2 { font-size: 14px; color:#092b5e;letter-spacing: -1px; margin: 40px 0 0 0;}
	p { line-height: 180%; margin:0 0 15px 0; }
	hr { line-height: 100%; border-top: 1px solid #ccc; border-bottom: none; height: 1px; clear: both;}
	#content_r li { line-height: 180%;}
	
/*--- This is where you add the new div to make the magic happen on the home page ---------------*/
	#div1, #div2, #div3, #div4, #div5, #div6{ display:none; height: 250px; height: 260px; }
	#div1 { display: block;}
	
	#divtoggles { /* background:  url(../img/design/homedivbg.gif) no-repeat right;*/ border-right: 1px solid #ccc;  height: 272px; float:left; padding: 0; margin:0 40px 0 0;list-style-type: none; width: 210px;}
	ul#divtoggles  { padding: 0 0 20px 0;  }
	#divtoggles li { text-align: right; line-height: 330%;  margin: 0px 10px 0 0;}
	#divtoggles li#cta { border-top: 1px solid #ccc;}
	#divtoggles a { font-weight:bold;  padding: 6px 21px 5px 0; text-decoration: none; font-size: 11px;color:#427ed6;  }
	#divtoggles a:hover { color:#164fa2;  }
	
	#cta_rotate { border-top: 1px solid #ccc; width: 187px; height: 90px;  padding: 15px 0 0 0;}
	#cta_rotate2 { position: relative; border-top: 1px solid #ccc; width: 187px; height: 90px;  padding: 15px 0 0 0;}
	
	#divtoggles a.classoff {   }
	#divtoggles a.classon { color:#164fa2;color:#d33e0f;  background: url(../img/design/icon_bullet.gif) right no-repeat;    }
	#divtoggles #navOurResorts a.classon{background:none;}
	#navOurResorts {display:block;background: url(../img/design/our-resorts_toggle.jpg) 15px 5px no-repeat; text-indent:-999px; }

	#content_r h4 {margin:0 0 12px 0; padding:0; font-size:14px; letter-spacing:-1px; color: #092b5e}
	#pgal  {  }
	#pgal a {  display: block; width: 110px; float:left;  padding: 0 0 40px 0;}
	#pgal img  { border: none;  margin: 10px 10px 10px  0; }
	#pgal h2 { clear: both; margin: 0 0 10px 0; border-bottom: 1px solid #ccc; }

	#attractiontext {width: 300px;}
	#epcot { width: 175px; margin-left: 300px; text-align:right;}
	
	
	div.twoCols {width:45%; float:left;}
	ul.twoCols {width:45%; float:left; list-style-type:square; margin:0; padding:0 0 0 40px; display:block;}
	div.twoColsMK {width:170px; float:left;}
	div.twoColsMK2 {width:210px; float:left;padding:0 0 0 20px;}
	ul.twoColsMK {width:45%; float:left; list-style-type:square; margin:0; padding:0 0 0 20px; display:block;}
	div.twoColsEP {width:430px; float:left;}
	div.twoColsEP2 {width:150px; float:left;padding:0 0 0 20px;}
	div.twoColsAK {width:375px; float:left;}
	div.twoColsAK2 {width:210px; float:left;padding:0 0 0 20px;}
	div.twoColsDD {width:300px; float:left;}
	div.twoColsDD2 {width:150px; float:left;padding:0 0 0 20px;}
	div.twoColsDQ {width:170px; float:left;}
	div.twoColsDQ2 {width:210px; float:left;padding:0 0 0 20px;}
	div.twoColsHS {width:350px; float:left;}
	div.twoColsHS2 {width:150px; float:left;padding:0 0 0 20px;}	
	ul.twoColsEP {width:45%; float:left; list-style-type:square; margin:0; padding:0 0 0 40px; display:block;}
	.clearBoth {clear:both;}
	.colsMarginRight {margin-right:15px; padding: 0 15px 0 0; border-right: solid 1px #000;}

	
/*--- Search Box ------------------------------------------------------*/

	#ibeShell { position: absolute; margin: -30px 0 0 40px; background:url(../img/design/ibebg.png); height: 58px; width: 854px;  position: absolute; z-index: 999;}
	#ibeShell form {  margin: 20px 0 0 120px;}
	#ibeShell h2 { display: block; font-weight: normal; float: left; margin: 3px 20px 0 0; padding: 0; letter-spacing: normal;}
	#ibeShell h2 strong { font-weight: bold;}
	#ibeShell select { font-size: 14px;}

	
	#searchbox3 {  position: absolute; z-index: 999;top: 398px; width: 815px;margin: 0 0 0 80px;}
	#searchbox3 a { font-size: 9px;}

	#searchbox3 #resTitles {display:block;  margin: 0; padding: 0;}
	#searchbox3 .lblChckIn {margin:0 102px 0 120px;  }
	#searchbox3 .resRoomSpacer {margin:0 26px 0 31px; }
	#searchbox3 .resKidsSpacer { margin: 0  10px 0 10px;}
	#searchbox3 .resAdultsSpacer{margin:0 19px 0 0px;}
	#searchbox3 .resSubmit { vertical-align:top;  background:#3052b2; font-size: 11px; font-weight: bold; border: 1px solid #fff; color: #fff;}
	#searchbox3 .resMonth {width:60px; margin: 0 0 0 10px}
	#searchbox3 .resDay {width:42px; }

	#searchbox3 #anchor {position:absolute;}
	
	select {font-size: 10px; margin:1px 0 0px 0;  }
	.resYear {width:55px; }
	.resNights, .resRooms, .resAdults, .resKids {width:50px; margin: 0 0 0 10px }
	#anchor img {border:none;}
	#searchArrival {float:left; width:175px; display:block; } 
	
	#photogallery #searchbox3 { top: 525px}
	
	
	
/*--- Footer ------------------------------------------------------*/
	
	#f_shell {clear: both;text-align: center; margin: 10px auto 0 auto;}
	
	#f_bar { height: 250px; background:#10356c url(../img/design/fbarbg.gif); text-align: center;}
	#f_bar ul {  width:911px; padding: 15px 0 0  20px; margin: 0; list-style: none;}
	#f_bar ul li {  width: 250px; text-align: center; float: left; /*margin: 0 124px 0 0;*/ margin: 0 60px 0 0;  }
	#f_bar ul li#last {   padding:0; margin: 0; }
	#f_bar ul li a img { background:#fff; padding: 3px; border: 5px solid #4583dd;}
	#f_bar ul li a:hover img { border-color: #061f43; }
	#f_bar ul li a span  {  width: 250px; text-decoration: none; color: #fff; font-weight: bold; font-size: 12px; float: left; cursor: hand; }
	#f_bar ul li a:hover span { }
	
	#f_nav { margin: 0; padding: 10px 0; font-size: 11px; }
	#f_nav ul { margin:0px; padding:0px;}
	#f_nav li { display: inline;margin: 0 5px;}
	#f_nav li a { margin: 0 10px; color:#1d5b87;}
	#f_nav li a:hover { color:#d33e0f; }		
	#f_nav hr { color:#000066; }
	
	address { margin-left: 5px;}
	
	#f_sig { text-align:center; margin: 20px auto; padding: 0 0 20px 0;}
	
/*----SPECIAL CASES -----------------------------------------------*/

.hide {visibility:hidden;}
#flashcontent {position:relative; z-index:30; top:0; left:0;}
	#cta_dropdown { font-size: 10px;}

 /* classes which define the calendar styles */
.inputFormButton { font-size: 10px; color: #000; background-color:#CCC; border-style:1px; }
.titleSpecial { font-size: 12px; font-weight: bold; color: #000; }
A.linkSpecial { font-size: 12px; text-decoration: underline; }
A.linkSpecial:hover { font-size: 12px; text-decoration: none; }
.titleEvent { font-size: 12px; font-weight: bold; }
.eventLine { font-size: 12px; }
.monthYear { font-size:16px; font-weight: bold; }
.daysOfWeek { font-size: 11px;font-weight: bold; }
.gridMain { font-size: 11px; }
.todayColorIn { color: #CC0000; background-color: #FFFFCC; } /* font color for the current date for current month */
.inMonthFaceIn { color: #000; background-color: #FFFFCC; } /* font color for days in the display month for current month */
.outMonthFaceIn { color: #333333; background-color: #FFFFCC; } /* font color for days not in the display month for current month */
.todayColorOut { color: #CC0000; background-color: #999; } /* font color for the current date for days in the display month */
.inMonthFaceOut { color: #000; background-color: #999; } /* font color for days in the display month for days in the display month */
.outMonthFaceOut { color: #333; background-color: #999; } /* font color for days not in the display month for days in the display month */
.linkDayInCell { font-size: 11px; }
.dropDownInCalendar { font-size: 12px; background-color:#fff; border: 1px #666 solid; }
.allEventsLink { font-size: 12px; }
.textOutsideCalendar { font-size: 12px; }
.calendardetail { font-size: 12px; line-height: 15px; color: #000; padding-right: 5px; padding-left: 5px; }