/*  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
		SHELL
		Includes: Shell (div that acts as a container for every div in the site)
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */		
		body { margin:0 0 15px 0; padding:0px; background: #700101 url(../img/bg.gif) repeat-x fixed; font-family: Arial, Helvetica, sans-serif;}		
		#shell { width: 702px; margin-right: auto; margin-left: auto;}
		a { color: #720303; }
		a:hover {text-decoration: none;}
		.fauxColumns {width:50%; float:left;}
		.imgLeft {margin-right:20px; float:left;}
		.imgRight {margin-left:20px; float:right;}
		.clearBoth {clear:both;}
		.events {background:#820303; border-bottom:1px solid #9A0101; margin:0 0 10px 0; padding: 0 0 10px 0;}
		#b_contentArea .events h1{background:#6F0A0A; color:#DEDCA8; font-size:12px; line-height:25px; border-bottom:1px solid #9A0101; padding:0 0 0 10px; margin:0px;} 
		#b_contentArea .events h1 span { letter-spacing: normal; color: #FFFF00; font: oblique bold 16px Arial, Helvetica, sans-serif;	padding-bottom: 5px;}
		.events p{color:#fff; margin: 10px 15px 10px 15px; padding:0 0 15px 0; border-bottom:2px dotted #fff;}
		.events a {color:#DEDCA8;}
		.events li {color:#DEDCA8;}
		blockquote {margin-right:0px;}
		.subNav{ height: 55px; font-weight: bold; font-size: 10px; line-height: 15px;} 
		
		.subNav ul{margin:0px; padding:0px;}
		.subNav li{ list-style:none; float: left; margin-right: 5px; margin-bottom: 5px;}
		.subNav a{ display: block; text-decoration: none; width: 132px; text-align: center; background: #B9B779;}
		.subNav a:hover { background: #CBC99D;}
		
		#weddingResources .subNav, #weddings .subNav, #tourTravel .subNav, #rfp .subNav, #businessGovt .subNav{height:10px;}
		#groupsTours .subNav{ height: 35px; font-weight: bold; font-size: 10px; line-height: 15px;}
		
		#subSection { width:135px; float:right; border-left: 1px solid #3A0000; margin-left: 15px; padding-left: 15px; height: 200px; margin-top: 10px;}
		#subSection ul{margin:0px; padding:0px;}
		#subSection li{ list-style: square url(none); margin-left: 10px;}
		#subSection a, #subSection a img {border:none; text-decoration:none;}
		#subSection a:hover {text-decoration:underline;}
		#subSection a:hover img {border:none; text-decoration:none;}
		
		.back2top { font: normal 12px/15px Arial, Helvetica, sans-serif; letter-spacing: normal; margin-top: 3px;}
		a.back2top { display: block; float: right; width: 85px; text-align: center; background: #B9B779; color: #660000; text-decoration: none;}
		a.back2top:hover { color: #FFFFFF; background: #700101;}
		
/*  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
		HEAD
		Includes: Navigation, Logo, CTAs (located in header area), Phone Numbers, Search Box (located in header area)
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */		
		#h_shell { background: url(../img/h_shell_bg.jpg) no-repeat; height: 110px;}
		#h_usabilityNav { background: url(../img/usability_nav_bg.gif) no-repeat; height: 19px; width: 395px; margin-left: 305px; font: 9px/18px Arial, Helvetica, sans-serif;}
		#h_usabilityNav ul{ margin:0px 3px 0px 0px; padding:0px; text-align: right;}
		#h_usabilityNav li{ display: inline; border-left: 1px solid #FFFFFF; padding-left: 5px; margin-left: 3px;}
		#h_usabilityNav li a{ color: #FFFFFF; text-decoration: none;}
		#h_usabilityNav li a:hover{ text-decoration: underline;}
		#h_logoArea { width: 230px; float: left; padding-left: 23px;}
		#h_logoArea img {border:none;}		
		#h_banner { width: 702px; clear: both; background: none;}
		#h_banner img {display:block;}
		#h_nav { font: bold 11px Georgia, "Times New Roman", Times, serif; overflow: auto; width: 420px; float: right; padding-top: 15px;}
		#h_nav ul{ margin:0px; padding:0px; text-align: center;}
		#h_nav li{ display: block; line-height: 30px; background: url(../img/nav_div_bg.gif) no-repeat right 50%; list-style: none; float: left; margin-right: 10px;	padding-right: 10px;}
		#h_nav li a{ color: #dedca8; text-decoration: none;}
		#h_nav li a:hover{ text-decoration: underline;}
		#h_pNum { color: #FFFFFF; font-weight: bold; font-size: 13px; position: absolute; top: 85px; width: 677px; line-height: 21px; padding-left: 25px;}
			
/*  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
		BODY
		Includes: Content Text, CTAs (located in body area), Search Box (located in header area)		
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
		#greatercarlisle img { background-color:#700101; padding: 3px 3px 3px 3px; margin: 3px 3px 3px 3px; width: 167px; height:68px; }
		#b_shell { background: #dedca8; padding-top: 15px;} 
		#b_contentArea { min-height:550px; height:auto !important; height:550px; padding-left: 260px; font: 13px/20px Tahoma, Arial, Verdana, sans-serif;color: #4f4d30;	padding-right: 30px;	padding-bottom: 15px;}
		#b_contentArea h1 { color: #3A0000; font: bold 24px Georgia, "Times New Roman", Times, serif; letter-spacing: -1px; margin-left: -20px;	margin-right: -20px;}
		#b_contentArea h1 span { display: block; letter-spacing: normal; font: normal 12px Arial, Helvetica, sans-serif; color: #4F4D30;}
		#b_contentArea h2 { color: #801111; letter-spacing: -1px; border-bottom: 1px solid #B9B779; font: bold 22px "Times New Roman", Times, serif;	clear: both;}		
		#b_contentArea h3 { font: bold 14px/19px Arial, Helvetica, sans-serif; letter-spacing: -1px; background: #4D0000; color: #FFFFFF; padding-left: 5px;}
		#b_contentArea h3 pre { padding: 0px; font: bold 10px/13px Arial, Helvetica, sans-serif; letter-spacing: normal; height: 0px; margin: 0px 0px 0px 7px;	display: inline;}
		#b_contentArea h3 span { font-weight: normal; letter-spacing: normal; font-size: 10px;}
		#b_ctaShell { position: absolute; top: 570px;}
		#b_ctaShell ul{ margin: 0px; padding: 0px;}
		#b_ctaShell li{ list-style: none; border-bottom: 1px solid #B9B779;}		
		
/*-- CTAs --------------------------------------------------------------------------------------------*/		
		#ctaGift a, #ctaTell a, #ctaExplore a, #ctaCalendar a, #ctaHotel a,
		#ctaRooms a, #ctaAmenities a, #ctaMeetings a, #ctaMeetingLayout a, #ctaWeddings a, #ctaContact a { display: block; height: 29px; width: 197px; background: url(none); padding-left: 24px;}
		#ctaRooms, #ctaAmenities, #ctaMeetings, #ctaMeetingLayout, #ctaWeddings {display:none;}					
						
		#ctaGift {background: url(../img/cta_giftcertificates.gif) no-repeat 24px top;}		
		#ctaGift a:hover { background: #e1a5a5 url(../img/cta_giftcertificates.gif) no-repeat 24px -29px;}
		#ctaTell {background: url(../img/cta_tellusaboutstory.gif) no-repeat 24px top;}
		#ctaTell a:hover { background: #e1a5a5 url(../img/cta_tellusaboutstory.gif) no-repeat 24px -29px;}
		#ctaExplore {background: url(../img/cta_explorehotel.gif) no-repeat 24px top;}
		#ctaExplore a:hover { background: #e1a5a5 url(../img/cta_explorehotel.gif) no-repeat 24px -29px;}		
		#ctaCalendar {background: url(../img/cta_calendarofevents.gif) no-repeat 24px top;}		
		#ctaCalendar a:hover { background: #e1a5a5 url(../img/cta_calendarofevents.gif) no-repeat 24px -29px;}		
		#ctaHotel {background: url(../img/cta_hotel-tour.gif) no-repeat 24px top;}
		#ctaHotel a:hover { background: #e1a5a5 url(../img/cta_hotel-tour.gif) no-repeat 24px -29px;}
		#ctaRooms {background: url(../img/cta_rooms-tour.gif) no-repeat 24px top;}
		#ctaRooms a:hover { background: #e1a5a5 url(../img/cta_rooms-tour.gif) no-repeat 24px -29px;}
		#ctaAmenities {background: url(../img/cta_amenities-tour.gif) no-repeat 24px top;}
		#ctaAmenities a:hover { background: #e1a5a5 url(../img/cta_amenities-tour.gif) no-repeat 24px -29px;}
		#ctaMeetings {background: url(../img/cta_meetings-tour.gif) no-repeat 24px top;}
		#ctaMeetings a:hover { background: #e1a5a5 url(../img/cta_meetings-tour.gif) no-repeat 24px -29px;}
		#ctaMeetingLayout {background: url(../img/cta_meetings-layout.gif) no-repeat 24px top;}
		#ctaMeetingLayout a:hover { background: #e1a5a5 url(../img/cta_meetings-layout.gif) no-repeat 24px -29px;}
		#ctaWeddings {background: url(../img/cta_wedding-tour.gif) no-repeat 24px top;}
		#ctaWeddings a:hover { background: #e1a5a5 url(../img/cta_wedding-tour.gif) no-repeat 24px -29px;}
		#ctaContact {background: url(../img/cta_contact.gif) no-repeat 24px top;}
		#ctaContact a:hover { background: #e1a5a5 url(../img/cta_contact.gif) no-repeat 24px -29px;}			
		
		#tourWrapper { position:absolute; top:365px; visibility:hidden; width:450px; height:277px; font: bold 12px/27px Arial, Helvetica, sans-serif;	margin: 0 0 0 -65px;	z-index:250; padding: 0;}
		#tourWrapper a { color: #FFE25A; text-decoration:none; padding:0; background: url(../img/close-window-bg.gif) no-repeat; display: block;	height: 28px;	width: 129px;	text-align: center;	position: absolute;	z-index: 120;}		
				
		#resBox { background: url(../img/res_box_bg.jpg) no-repeat; height: 164px; width: 196px; top: 335px; position: absolute; color: #FFFFFF;	font: 10px Arial, Helvetica, sans-serif;	padding-top: 55px;	padding-left: 25px; padding-bottom:10px}
		#resBox img {border:none;}
		#resBox a{ color: #FFFFFF; text-decoration: none;}
		#resBox a:hover { text-decoration: underline;}
		#resBox select{ font: 10px Arial, Helvetica, sans-serif; margin-bottom: 7px;}
		#resBox input{ display:block; border-style: none; background: #4D0000; color: #FFFFFF; margin-top: 5px; margin-bottom: 5px; width: 115px; text-align: center;	height: 20px;	font: bold 9px Verdana, Arial, Helvetica, sans-serif;}		
		
		
/* --- Special Cases ---------------------------------------*/		
		#home #f_sig { text-align:center; margin-top: 15px; display:block;}
		#home #resBox { background: url(../img/res_box_bg.jpg) no-repeat; height: 164px; width: 196px; top: 370px; position: absolute; color: #FFFFFF;	font: 10px Arial, Helvetica, sans-serif;	padding-top: 55px;	padding-left: 25px;}	
		#home #b_ctaShell { position: absolute; top: 605px;}
		#home #b_shell { background: #dedca8; padding-top: 30px;}
		#gallery #b_contentArea { padding: 0 0 15px 245px; }
		#gallery #b_contentArea h1 { margin: 0 0 0 -10px;}
		#weddingResources #ctaWeddings, #weddings #ctaWeddings, #rooms #ctaRooms, #amenities #ctaAmenities, #meetings #ctaMeetings,
		#groupsTours #ctaMeetings, #tourTravel #ctaMeetings, #businessGovt #ctaMeetings, #meetings #ctaMeetingLayout,
		#groupsTours #ctaMeetingLayout, #tourTravel #ctaMeetingLayout, #businessGovt #ctaMeetingLayout {display:block;}
		#home #h_banner {background: url(none) no-repeat;}
		
		#picHoriSimple ul{margin:0; padding:0;}
		#picHoriSimple li{display:inline; margin: 0 12px 0 0; padding: 0 8px 0 0;}
		#picHoriSimple li a{ color: #000; text-decoration: underline; }
		#picHoriSimple li a:hover{color: #b0620e; text-decoration: none;}
		#picHoriSimple .removeMargin {margin:0; border: none;}
		
/*  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
		FOOTER
		Includes: SR/Vantis Signature, Footer Nav, Phone Number, Any Association Logos (AAA, AARP, etc) 
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */				
		#f_shell { width: 692px; margin-right: auto; margin-left: auto; border-top: 1px solid #4F4D30; padding-bottom: 15px;}
		#f_nav, #f_navVert { font-size: 11px; background: #DEDCA8; padding-top: 25px;}
		#f_navVert { padding-top: 11px; float:right; padding-right: 10px;}
		#f_nav ul, #f_navVert ul {margin:0px; padding:0px;}
		#f_nav li{ display: inline; margin-right: 10px;}
		#f_navVert li {list-style:none;}
		#f_nav li a, #f_navVert a { color: #4d0000; text-decoration: none;}
		#f_nav li a:hover, #f_navVert li a:hover {text-decoration:underline;}
		#f_address { color: #FFFFFF; font-size: 11px; text-align: center; margin-top: 5px; margin-bottom: 10px;} 
		#f_address span{ margin-right: 10px;}
		#f_address div{ display:inline}				
		#f_sig { text-align:center;	margin-top: 15px; display:none;}
		
		
#vizsig { margin: 0; }
#vizsig span#text {
	float: none;
	margin: 8px 0 0 5px;
	font-size: 11px;
	font-family: "Trebuchet MS";
	color: #FFFFFF;
}
#vizsig span a {
	float: none;
	margin: 8px 0 0 0;
	font-size: 11px;
	font-family: "Trebuchet MS";
	text-decoration: none;
	color: #FFFFFF;
}
#vizsig span a:hover {
	text-decoration: none;
	vertical-align: middle;
}
#vizsig img {
	float: none;
	padding: 0;
	margin: 0 0 0 8px; /*border: 1px solid #000*/
	vertical-align: middle;
}