/*
*************************************************


*************************************************
*/

/*-------------------------------------------    
General Selectors
-------------------------------------------*/
* { 
	margin: 0; 
	padding: 0; 
	line-height: 1.5; 
}
body { 
	color: #333; 
	font: font-family: Tahoma, Arial, Helvetica, sans-serif; 
	background-color: #fff; 
}

/* block level */
h1 { 
	font-size: 30px; 
	line-height: 1.2; 
	margin: 0 0 0.4em; 
}
h2 { 
	color: #727272; 
	font-size: 22px; 
	margin: 0 0 0.8em; 
}
h3 { 
	color: #727272; 
	font-size: 20px; 
	margin: 0 0 1em; 
}
h4 { 
	font-size: 18px; 
	margin: 0 0 0.4em; 
}
h5 { 
	font-size: 16px; 
	margin: 0 0 0.4em; 
}
h6 { 
	font-size: 14px; 
	margin: 0 0 0.4em; 
}

/* For h2.beta headers that were changed to h5.  Should match .beta style */
div.description-wrap h5{ 
	color: #37455c; 
	font-size: 20px; 
	font-weight: bold; 
	text-transform: none; 
	letter-spacing: 1px; 
	margin-bottom: 5px; 
	font-family: Georgia, 'Times New Roman', serif; 
}

/* For h2.beta headers that were changed to h3.  Should match .beta style */
div.description-wrap h3{ 
	color: #37455c; 
	font-size: 20px; 
	font-weight: bold; 
	text-transform: none;
	letter-spacing: 1px; 
	margin-bottom: 5px; 
	font-family: Georgia, 'Times New Roman', serif; 
}

.spacer { 
	clear:both; 
	height:1px; 
	font-size:1px; 
	line-height:1px; 
} 
.alpha { 
	color: #3a3a3a; 
	font-size: 40px; 
	font-weight: normal; 
	margin-bottom: 0.9em; 
	padding: 0 0 10px; 
	border-bottom: 1px solid #c8c8c8; 
}
.alpha strong { 
	color: #49c3f6; 
	line-height: 1; 
	font-weight: normal; 
}
.heading-wrap .alpha, .map-wrap .alpha { 
	margin-bottom: 0.2em; 
	padding: 0; 
	border: none; 
}
.beta { 
	color: #37455c; 
	font-size: 20px; 
	font-weight: bold; 
	text-transform: none; 
	letter-spacing: 1px; 
	margin-bottom: 5px; 
	font-family: Georgia, 'Times New Roman', serif; 
}
.special .beta { 
	font-size: 12px; 
}
.special .beta a { 
	display: block; 
	line-height: 1.2; 
	margin-bottom: 2px; 
}
.heading-wrap .beta { 
	color: #333; 
}
.heading-wrap .beta strong { 
	color: #35b2e7; 
	font-size: 15px; 
	font-weight: normal; 
	text-transform: none; 
}
.gamma { 
	font-size: 18px; 
	font-weight: normal; 
	margin-bottom: 0.4em; 
}
.delta { 
	color: #3a3a3a; 
	font-size: 15px; 
	font-weight: bold; 
	line-height: 1.3; 
	margin-bottom: 0.2em; 
}
.sub .delta { 
	clear: left; 
}
.tab-container .delta { 
	display: block; 
	font-weight: normal; 
	line-height: 1; 
	margin-bottom: 0.6em; 
}
.tab-container .delta a { 
	line-height: 1.1; 
}
.epsilon { 
	font-size: 15px; 
	font-weight: normal; 
}
.epsilon a { 
	color: #666 !important; 
}
.zeta { 
	color: #666; 
	font-family: Arial, sans-serif; 
	font-size: 13px; 
	font-weight: normal; 
	line-height: 1.1; 
	margin-bottom: 0.2em; 
}
.home .zeta { 
	margin-bottom: 0.4em; 
}
.book-online .zeta { 
	color: #fff; 
	font-size: 12px; 
	margin-bottom: 1em; 
}
.zeta a { 
	color: #c33; 
	line-height: 1.1; 
}
.eta { 
	color: #666; 
	font-size: 11px; 
	font-weight: normal; 
	font-style: italic; 
}
.theta { 
	color: #6ca9c1; 
	font-size: 14px; 
	font-weight: normal; 
	text-transform: uppercase; 
	letter-spacing: 1px; 
	margin-bottom: 0.5em; 
	border-top: 1px solid #ccc; 
	padding-top: 8px; 
}
.split .node .theta { 
	margin-top: 19px; 
}
.share-div .theta { 
	display: block; 
	color: #333; 
	border: none; 
	margin-bottom: 0.6em; 
}
.iota { 
	color: #777; 
	font-family: Arial, sans-serif; 
	font-size: 11px; 
	font-weight: bold; 
	text-transform: uppercase; 
	line-height: 1.1; 
}
.kappa { 
	color: #1c7eca; 
	font-size: 15px; 
	font-family: Arial, sans-serif; 
	text-transform: uppercase; 
	letter-spacing: 1px; 
	margin: 0 0 1em; 
	border-bottom:1px solid #e7e7e7;
}
.lambda { 
	color: #3a3a3a; 
	font-size: 11px; 
	text-transform: uppercase; 
}
strong.lambda { 
	display: block; 
	margin: 0 0 5px; 
}
p, ul, dl, ol { 
	font-size: 13px; 
	margin: 0 0 1.6em; 
}
.main ol, .sub ol { 
	margin-left: 25px; 
}
.main ul, .sub ul { 
	margin-left: 15px; 
}
blockquote { 
	margin: 0 0 1.2em;
}




/* inline */
em { font-style: italic; }
strong { font-weight: bold; }
a { color: #cd2b3a; text-decoration: none; }
a:hover, a:focus { color: #7f000c; text-decoration: underline; }

/*img { display: block; margin: 0 0 20px 0; }*/
img.ad { border: 1px solid #d8d8d8; }
.description-wrap img { float: left; margin: 0 15px 15px 0; }
a img { border: none; }
input, textarea { color: #666666; font: italic 12px Georgia, 'Times New Roman', serif; }
input:focus, textarea:focus { color: #3d3d3d; }
label { display: block; }
form .inline label { display: inline !important; vertical-align: middle; }
form .full { width: 100%; }
sub, sup { line-height: 0.5; }
abbr { border: none; }

/*-------------------------------------------    
Global combinations
-------------------------------------------*/
.logo a, #main-nav .nav-things-to-do, #main-nav .nav-plan-your-trip, #main-nav .nav-philly-now , .sponsors li a, .submit-search, .submit-find-hotels, .submit-go, .submit-go-alt, .submit-find-a-flight, .submit-find-a-rental-car, .submit-find-event-tix, .controls .next, .controls .previous, .get-directions, .view-on-map, .map-locations, .ir-book-your-stay-now, .ir-make-a-reservation, .social-wrap a { 
	display: block;
	background-color: transparent;
	background-position: 0 0;
	background-repeat: no-repeat; 
}

/*\*/ .logo a, #main-nav .nav-things-to-do, #main-nav .nav-plan-your-trip, #main-nav .nav-philly-now , .header-controls .direction a, .controls .next, .controls .previous, .directions a *, .map-locations, .social li a, .sponsors li a, .ir-uwishunu-mini, .ir-book-your-stay-now, .ir-make-a-reservation, .social-wrap a { overflow: hidden; } /**/

#header:after, #content:after, .header-caption p:after, .header-controls:after, .breadcrumbs:after, .map-wrap:after, .adjunct:after, .local-search:after, .newsletter:after, .split:after, .feature:after, .split-alt:after, .actions:after, .split-third:after, .slideshow:after, .controls:after, .controls ul:after, .honors:after, .summary-alt li:after, .coda:after, .coda ul:after, .social div:after, #footer:after, #footer ul:after, .social-wrap:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; }

.move { position: absolute; left: -9999px; }
.hide, .to-print { display: none; }


/*-------------------------------------------    
Structure
-------------------------------------------*/
#content-bg {  }
#content-wrap { min-width: 959px; max-width: 983px; margin: 0 auto 45px; background: #fff; }
.no-coda #content-wrap { min-height: 450px; margin-bottom: 0; }
#content { width: 958px; margin: 0 auto; padding: 8px 0 0; background: #fff; }

.map-wrap, .heading-wrap { border-bottom: 1px solid #c8c8c8; }
.landing .heading-wrap { padding: 0 90px; }
.map-wrap { margin-bottom: 2.5em; }
.heading-wrap { text-align: center; margin-bottom: 10px; }
.landing-alt .heading-wrap { margin-bottom: 20px; }
.search-results .heading-wrap { text-align: left; margin-bottom: 25px; padding: 0; }

.secondary { float: left; width: 184px; margin: 0 50px 0 0; }

.main { float: left; width: 724px; }
.landing .main { width: 587px; }
.main-full, .landing .main-full { width: 958px; }

.landing .sub { float: right; position: relative; top: -30px; width: 356px; }
.landing-alt .sub { top: 0; }
.article .sub { top: 0; }
.search-results .sub { top: 2.8em; }

.split, .split-alt, .split-third { clear: both; margin: 0 0 1.5em; }
.node { width: 48%; float: right; }
.split-alt .node { width: 174px; }
.split div.first, .split-alt div.first { float: left; }
.split-alt div.first { width: 530px; }
.split-third .node { float: left; width: 32%; margin-left: 2%; }
.split-third .first { margin-left: 0; }
form .split {  margin: 0 0 1.5em; }
form .split p { float: left; width: 48% !important; margin: 0 0 5px 4%; }
form .split p.first { margin-left: 0; }
form .split p select { width: 80%; }

.coda-wrap { 
	clear: both; 
	padding: 0 0 2px; 
	border-top:10px solid #2C2F30; 
	background:#1C7ECA;  
}

.coda { 
	position: relative; 
	width: 958px; 
	background: #fff; 
	margin: 0 auto; 
	padding: 10px 0 0; 
	border-top: 1px solid #c8c8c8; 
}

#footer-wrap { 
	clear: both; 
	background: #2C2F30;
	padding: 10px 0px;
	text-align: center;
}

#by{
	font-family: Arial;
	font-size: 80%;
	color: #E6224A;
	padding: 10px 0px;
	text-align: center;
}

#by a{
	color: #E6224A;
	text-decoration: underline;
}

#footer { width: 957px; min-height: 235px; margin: 0 auto; padding: 26px 0 10px; }


/*-------------------------------------------    
Header
-------------------------------------------*/
#header-image { min-height: 550px; background: #1b2940; background-repeat: no-repeat; background-position: center top;}
#header-wrap { background: #37455c url(/env/m/screen/bg-header-wrap.gif) repeat-x 0 bottom; padding: 15px 0 10px;}
#header-image #header-wrap { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.82); padding-bottom: 0; }
#header, #header-message { position: relative; width: 958px; margin: 0 auto; }

.logo { float: left; margin: 0 0 1px;}
.logo a { width: 258px; height: 55px;}
.home .logo a { color: #fff; width: 258px; height: 55px; }
.logo a:hover, .logo a:focus { background-position: 0 -69px; }
.home .logo a:hover, .home .logo a:focus { background-position: 0 -81px; }

.header-caption { text-align: right; width: 400px; margin: 0 auto; padding-left: 558px; position: relative; top: 50px; }
.header-caption p { margin-bottom: 10px; float: right; clear: right; }
.header-caption p.pictured { margin-bottom: 0; }
.header-caption span { clear: both; float: right; color: #333; font-size: 40px; padding: 4px 13px 7px; line-height: 1; }
.header-caption a.primary { display: block; clear: both; float: right; position: relative; font-size: 60px; line-height: 1; background:  padding: 0 13px 10px; }
.header-caption strong, .link-through strong { clear: both; color: #fff; font-size: 12px; font-weight: normal; text-transform: uppercase; letter-spacing: 1px; background: #333; padding: 9px 16px; }
.header-caption strong a, .link-through strong a { font-size: 16px; text-transform: none; font-style: italic; letter-spacing: 0; }

div.link-through { position: absolute; left: 50%; bottom: 68px; width: 980px; height: 24px; margin-left: -480px; text-align: right; }
.link-through strong { background: #c33; }
.link-through strong a { font-weight: bold; font-style: italic; font-size: 14px; color: #fff; }
.link-through strong:before { content: "\00BB"; margin-right: 3px; font-size: 20px; font-weight: normal; }

#county-nav{color: #49beef; padding-top: 20px;}
#county-nav a, .survey, .survey a { color: #49beef; font-family: Arial, sans-serif; font-size: 11px; text-transform: uppercase; font-weight: bold; }
.survey a { font-size: 10px; }
#county-nav a:hover, #county-nav a:focus, .survey a:hover, .survey a:focus { color: #49beef; text-decoration: none; }

#county-nav, #main-nav ul { margin-bottom: 0; }
#county-nav li, #main-nav li { list-style-type: none; float: left; }

.survey { color: #48bdee; font-size: 10px; float: right; text-align: right; width: 345px; margin: 0; letter-spacing: 1px; }

#search {
	left: 700px;
	position: relative;
	top: -20px;
	width: 240px;  
}
.home #search { margin-top: 0px; margin-bottom: 5px; }
#search p { float: right; margin: 0; border:1px solid #e82126; }
#searchtext { float: left; width: 100px; min-height: 16px; border:none; height: 20px;}
.submit-search { float: right; width:30px; height: 20px; border:0; color:#fff; background:#e82126;}
.submit-search:hover, .submit-search:focus { background-position: 0 -24px; cursor: pointer; }

.nav-wrap { clear: both; }
}

#main-nav { float: right; width: 700px; margin: 0px; clear:both; }
#main-nav .header-nav { display: none; }
#main-nav .nav-things-to-do { 
	font-size: 15px;
	font-weight: bold;
	font-family: Arial; 
	color: #FFF; 
	margin-left: 5px; 
	padding-left: 15px;
	padding-right: 5px;
	background: url(/env/images/bluearrow.png) no-repeat; 
	background-position: left;
}
#main-nav .nav-things-to-do:hover, #main-nav .nav-things-to-do:focus #main-nav .nav-things-to-do:active {
	background: url(/env/images/hovernav.png) no-repeat;
	background-position: left; 
}

#header-message-wrap { color: #fff; text-align: center;  repeat-x 0 bottom; }
#header-message { padding: 20px 0 24px; }
#header-message p { font-size: 15px; margin-bottom: 6px; }
p.welcome { text-transform: uppercase; letter-spacing: 1px; }
p.welcome strong { text-transform: none; }
p.welcome em { font-weight: bold; font-style: normal; }
p.message-cta { display: inline; background: #c33; padding: 6px 9px; }
p.message-cta a { color: #fff; font-style: italic; text-decoration: none; }
p.message-cta a:hover, p.message-cta a:focus { text-decoration: underline; }
a.hide-message { color: #fff; font-family: Arial, sans-serif; font-size: 10px; text-transform: uppercase;  margin: 0 0 0 34px; padding: 0 0 0 18px; }

/*-------------------------------------------    
Coda
-------------------------------------------*/
.coda .featured { padding: 14px 20px 12px; border: 1px solid #c8c8c8; margin-bottom: 0; }
.coda .featured li { float: left; list-style-type: none; width: 168px; margin: 0 0 0 19px; }
.coda .featured li.first { margin-left: 0; }
.coda .featured .concise-alt li { margin: 0 0 5px; }
.coda .featured a { display: block; }
.coda .featured a.ir-uwishunu-mini { margin: -6px 0 5px; }
.coda .featured img { margin: 0 0 8px; border: 3px solid #ccc; }

.coda h2 { margin: 0 0 3px; padding: 0 20px 5px; border-bottom: 3px solid #ccc; }


.coda .ad { float: left; margin: 12px 0 0 42px; border: 2px solid #d8d8d8; }


/*-------------------------------------------    
Footer
-------------------------------------------*/
.sponsors { 
	float: left; 
	width: 645px; 
}
.dossier { 
	float: right; 
	width: 280px; 
}
#footer * { 
	color: #fff; 
	font-family: Arial, sans-serif; 
	font-size: 12px; 
}
#footer strong, #footer a { 
	font-size: 11px; 
	text-transform: uppercase; 
}
#footer strong { 
	letter-spacing: 0.3px; 
}
#footer a { 
	color: #49beef; 
	font-weight: bold; 
}
.sponsors p { 
	margin-bottom: 2.5em; 
}

#footer ul { 
	clear: both; 
}
#footer .dossier ul { 
	border-bottom: 1px solid #333e4e; 
	padding-bottom: 0.5em; 
	margin-bottom: 0.5em; 
}
#footer .dossier li { 
	line-height: 1; 
}
#footer li { 
	float: left; 
	list-style-type: none; 
}

.sponsors li { 
	position: relative; 
	margin: 0 33px 0 0; 
}
.logo-gptmc a { 
	top: 14px; 
	width: 117px; 
	height: 110px; 
	margin-left:30px; 
}
.logo-uwishunu a { 
	top: 14px; 
	width: 159px; 
	height: 82px;  
}
.logo-forever-independent a { 
	top: 0; 
	width: 96px; 
	height: 99px;  
}
.logo-visit-pa a { 
	top: 8px; 
	width: 88px; 
	height: 85px; 
}
.dossier p { 
	clear: both; 
}
.dossier li {
	margin: 0 7px 0 0; 
	padding: 0 11px 0 0; 
}
.dossier li.last { 
	background: none; 
	padding-right: 0; 
	margin-right: 0; 
}