/*  -- general styles-- */
* { padding:0; margin:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; line-height:160%;} 
img { border:0;	padding:0; margin:0; }
body { background-image:url(images/back.gif); text-align:center; font-weight:normal; }
p, li, th, td {	color:#333;	font-weight:normal;	padding: 10px 20px 0 20px; }
li { padding: 10px 20px 0 4px; }
br {font-size:11px; line-height:160%; padding:0; margin:0; }
h1 { font-size:11px; padding: 20px 20px 0 20px; font-weight:bold; color:#444; }
h2 { font-size:13px; font-weight:bold; color:#333; margin: 0; padding: 10px 20px 10px 20px; }
h3 { font-size:12px; font-weight:bold; color:#444; margin: 0; padding: 10px 20px 0px 20px; }
a { color:#004881; }
a:hover { color:#d44; text-decoration:underline; }
#mainBody { position:relative; width:760px; top:10px; }
.quote { font-style:italic; }
.byline { margin-left:30px; }

/* -- header styles-- */
#header { background-image:url(images/logobar.jpg); background-repeat:no-repeat; background-color:#000000; width:760px; height:155px; margin:0; padding:0; }
#tagline { position:absolute; top: 6px; left: 0px; padding:0; width:270px; margin:0; text-align:center; color:#fff; font-size:14px; line-height:100%; }
#tagline span { font-size:6px; color:#fff; }

#mainNav { position:absolute; top: 122px; left:120px; padding:0; width:620px; margin:0; list-style:none; text-align:left; margin:0; }
#mainNav li { padding:0; float:left; margin-right:15px; line-height:100%; }
#mainNav .menu { float:left; font-size:12px; color:#fff; font-weight:bold; text-decoration:none; line-height:100%; padding:11px 10px 10px 10px; margin:0; display:block; }
#mainNav .menu span { font-size:12px; font-weight:bold; line-height:100%;  color:#000; text-decoration:none; }
#mainNav .menu:hover, #mainNav .menu:hover span { color:#000; text-decoration:none; }
#mainNav .menu:hover { background-color:#ddd;}


#tNav { position:absolute; top: 8px; right:20px; padding:0; width:600px; margin:0; list-style:none; text-align:left; }
#tNav li { padding:0; float:right; margin-left:15px; line-height:100%; }
#tNav a { font-size:10px; color:#8dc63f; font-weight:bold; text-decoration:none; line-height:100%; padding:0; margin:0; }
#tNav a span { font-size:10px; font-weight:bold; line-height:100%;  color:#fff; text-decoration:none; }
#tNav a:hover { color:#fff; text-decoration:underline;}

#logoOverlay { position:absolute; top:27px; left:0px; }

/* -- home page styles-- */
#section1 { background-image:url(images/homeback1.jpg); background-repeat:repeat-x; background-color:#fff; padding-bottom:20px; position:relative; }
#section1 #area1 { margin: 0px 410px 0 0; text-align:left; }
#section2 { background-image:url(images/homeback2.jpg);	background-repeat:repeat-x;	background-color:#cdca99; padding-bottom:20px; position:relative; text-align:left; height:200px; }
#section2 #area1 { position:absolute; left:0px; top:0px; width:250px; text-align:left; }
#section2 #bar1 { background-image:url(images/bar.gif); background-repeat:no-repeat; position:absolute; left:250px; top:20px; height:154px; width:2px; }
#section2 #bar2 { background-image:url(images/bar.gif); position:absolute; left:500px; top:20px; height:154px; width:2px; }
#section2 #area2 { position:absolute; left:255px; top:0px; width:250px; text-align:left; }
#section2 #area2 img { margin: 20px 0px 0px 20px; }
#section2 #area3 { position:absolute; left:510px; top:0px; width:250px; text-align:left; }


/* -- subpage styles --*/

#subcontent{ position:relative; top:0; left:0; background-image:url(images/subback.gif); background-repeat:repeat-y; text-align:left; width:760px; margin:0; padding:0;}

#subcontent #leftcol { position:absolute; left:0px; top:0px; margin: 0; padding:0; width:126px; }
#subcontent #leftcol p { padding:0; margin:0; }
* html #subcontent #leftcol .menu  /* this is recognized by IE only */
  {
  width: 146px;  /* total width, only for IE5.x/Win */
  w\idth: 136px; /* content width for other IE */
  }
* html #subcontent #leftcol .rooms .menu  /* this is recognized by IE only */
  {
  width: 146px;  /* total width, only for IE5.x/Win */
  w\idth: 126px; /* content width for other IE */
  }
* html #subcontent #leftcol .rooms p  /* this is recognized by IE only */
  {
  width: 146px;  /* total width, only for IE5.x/Win */
  w\idth: 136px; /* content width for other IE */
  }
#subcontent #leftcol .menu { font-size:10px; color:#888; font-weight:bold; text-decoration:none; line-height:100%; padding:6px 0px 6px 10px; margin:0; width:136px; display:block; }
#subcontent #leftcol .menu span { font-size:10px; font-weight:bold; line-height:100%;  color:#8dc63f; text-decoration:none; }
#subcontent #leftcol .menu:hover, #subcontent #leftcol .menu:hover span { color:#000; text-decoration:none; }
#subcontent #leftcol .menu:hover { background-color:#ddd;}
#subcontent #leftcol .rooms p { background-color:#cee5f3; border-top: 1px solid #a5cfe9; border-bottom: 1px solid #a5cfe9; font-weight:bold; color:#888; padding: 6px 0 6px 10px; width:136px; line-height:100%; }
#subcontent #leftcol .rooms .menu { padding: 5px 0 5px 20px; width:126px; background-color:#e5f1f9;}
#subcontent #leftcol .rooms .menu:hover { background-color:#ddd;}

#subcontent #rightcol { position:absolute; top:0; right:0; width:387px; margin:0; padding:0; }

#subcontent #centercol { margin: 0 407px 0px 166px; padding:0;}
#subcontent #centercol h1 { font-size:20px; font-weight:normal; padding:0px 0 5px 0; margin:0px; }
#subcontent #centercol h3 { color:#004881; padding: 15px 0 0 0; font-size:11px; font-weight:bold; }
#subcontent #centercol p { padding:10px 0 5px 0; margin:0px; line-height:170%; }
#subcontent #centercol p span { color:#0078c1; font-weight:bold;}
#subcontent #centercol hr{ border:none; border-bottom:1px solid #fff; }
#subcontent #centercol ul { padding:0 0 0 15px; margin:0; list-style:disc;}
#subcontent #centercol ul li { padding:0 10px 0 3px; margin:0; }

#subcontent #rightcol ul { padding:0 0 0 167px; margin:0; list-style:disc;}
#subcontent #rightcol ul li { padding:0 10px 0 3px; margin:0; color:#fff; }
#subcontent #rightcol ul li span{ color:#000; }
#subcontent #rightcol .limage { float:left; }
#subcontent #rightcol h2 { text-align:center; color:#004881; font-size:14px; font-weight:bold; padding:20px 0 0 0; margin:0px; }
#subcontent #rightcol h3 { color:#004881; padding: 15px 0 0 152px; font-size:11px; font-weight:bold; }
#subcontent #rightcol p { color:#000; padding: 5px 0 0 157px; font-size:10px; font-weight:normal; }
#subcontent #rightcol .address { text-align:center; font-size:12px; color:#333; padding:5px 30px 5px 30px; margin:0px; line-height:170%; }
#subcontent .right { float:right; margin: 10px 20px 20px 20px; padding:0; position:relative; clear:right;}
#subcontent .block { display:block; clear:both; float:none; padding:0; margin:0;}
#subcontent .left { float:left; margin: 0px 20px 20px 0px; padding:0; position:relative;}
#subcontent .staff { float:left; margin:10px; padding:0; text-align:center; position:relative; width:145px;}
#subcontent .staff h3 { margin-top:0px; font-weight:normal; }
#subcontent .staff p { margin-top:0px; }
#subcontent .staff1 { margin:0; padding:0; clear:both; text-align:left;}
#subcontent .staff1 img { margin-left:20px;}
#subcontent .staff1 h3 { margin-top:0px; clear:both; font-weight:normal; }
#subcontent .staff1 p { margin-top:0px; }
#subcontent .callout { margin:10px 20px 20px 20px; padding:0 0 10px 0; position:relative; width:220px; color:#333; background-color:#d7c4b1; border: 1px solid #9d080d; float:right; clear:right; }
#subcontent .highlight { margin:10px 20px 10px 20px; padding:0 0 10px 0; position:relative; color:#333; background-color:#d7c4b1; border: 1px solid #9d080d; }
#body_maps #subcontent #rightcol,#body_promo #subcontent #rightcol, #body_hotels #subcontent #rightcol, #body_tour #subcontent #rightcol, #body_floorplan #subcontent #rightcol, #body_about #subcontent #rightcol, #body_jrnew #subcontent #rightcol, #body_wdecker #subcontent #rightcol, #body_invest #subcontent #rightcol, #body_jobs #subcontent #rightcol, #body_contact #subcontent #rightcol, #body_ccfloorplan #subcontent #rightcol { width:227px; }
#body_maps #subcontent #centercol,#body_promo #subcontent #centercol, #body_hotels #subcontent #centercol, #body_tour #subcontent #centercol, #body_about #subcontent #centercol, #body_jrnew #subcontent #centercol, #body_wdecker #subcontent #centercol, #body_invest #subcontent #centercol, #body_jobs #subcontent #centercol, #body_contact #subcontent #centercol { margin: 0 247px 0px 166px;  }
#body_floorplan #subcontent #centercol { margin: 0 20px 0px 166px;  }
.map {text-align:center; margin:30px 0 0 0; padding:0; }
.map a {text-decoration:none; font-weight:bold; }

/*.menu:hover { color: #fff; background-color: #000;	}*/

#subhead { background-image:url(images/subheadback.jpg); background-repeat:no-repeat; height:64px; text-align:left; color:#fff; margin: 0; padding: 0;}
#subhead p {color:#fff; padding-top:5px; }
#subhead a { color:#fff; }
#subhead a:hover { color:#ffab49; }
#subtitle { color:#fff; font-size: 22px; font-weight:normal; padding: 5px 20px 5px 20px; }
#subNav { padding:10px 0 20px 0; width:250px; margin:0; list-style:none; text-align:left; }
#subNav li { padding:0; margin:10px 0 0 0; }
#subNav .sub { margin-left:20px; }

/* -- footer styles --*/
#footer { background-color:#7f7f7f; position:relative; top:0px; width:760px; height: 195px; padding:10px 0 0px 0; text-align:center; font-size:10px; clear:both; }
#footer img {position:absolute; right:10px; top:10px; }
#footer p { color:#fff; padding: 5px 0 0 0; margin:0;}
#footer a { color:#fff; font-size:10px; }
#footer a:hover { color:#004881; }
	
/* -- navigation highlights --*/
#body_calder #subcontent #leftcol #navCalder { color:#000; background:#fccfb6; }
#body_calder #subcontent #leftcol #navCalder span{ color:#000; }
#body_floorplan #subcontent #leftcol #navFloorplan { color:#000; background:#c0cee1; }
#body_ccfloorplan #subcontent #leftcol #navCcfloorplan span{ color:#000; }
#body_ccfloorplan #subcontent #leftcol #navCcfloorplan { color:#000; background:#c0cee1; }
#body_floorplan #subcontent #leftcol #navFloorplan span{ color:#000; }
#body_carroll #subcontent #leftcol #navCarroll { color:#000; background:#c8e6c5; }
#body_carroll #subcontent #leftcol #navCarroll span{ color:#000; }
#body_edison #subcontent #leftcol #navEdison { color:#000; background:#bfdfdb; }
#body_edison #subcontent #leftcol #navEdison span{ color:#000; }
#body_rittenhouse #subcontent #leftcol #navRittenhouse { color:#000; background:#d9ebb7; }
#body_rittenhouse #subcontent #leftcol #navRittenhouse span{ color:#000; }
#body_keystone #subcontent #leftcol #navKeystone { color:#000; background:#e0dcb9; }
#body_keystone #subcontent #leftcol #navKeystone span{ color:#000; }
#body_interview #subcontent #leftcol #navInterview { color:#000; background:#d3cfcb; }
#body_interview #subcontent #leftcol #navInterview span{ color:#000; }
#body_magellan #subcontent #leftcol #navMagellan { color:#000; background:#d3d4df; }
#body_magellan #subcontent #leftcol #navMagellan span{ color:#000; }
#body_sky #subcontent #leftcol #navSky { color:#000; background:#c0cee1; }
#body_sky #subcontent #leftcol #navSky span{ color:#000; }
#body_think #subcontent #leftcol #navThink { color:#000; background:#feeca6; }
#body_think #subcontent #leftcol #navThink span{ color:#000; }
#body_zone #subcontent #leftcol #navZone { color:#000; background:#dcaa9e; }
#body_zone #subcontent #leftcol #navZone span{ color:#000; }
#body_cityview #subcontent #leftcol #navCityview { color:#000; background:#c0cee1; }
#body_cityview #subcontent #leftcol #navCityview span{ color:#000; }
#body_maps #subcontent #leftcol #navMaps { color:#000; background:#c0cee1; }
#body_maps #subcontent #leftcol #navMaps span{ color:#000; }
#body_hotels #subcontent #leftcol #navHotels { color:#000; background:#c0cee1; }
#body_hotels #subcontent #leftcol #navHotels span{ color:#000; }
#body_tour #subcontent #leftcol #navTour { color:#000; background:#c0cee1; }
#body_tour #subcontent #leftcol #navTour span{ color:#000; }
#body_food #subcontent #leftcol #navFood { color:#000; background:#c0cee1; }
#body_food #subcontent #leftcol #navFood span{ color:#000; }
#body_tech #subcontent #leftcol #navTech { color:#000; background:#c0cee1; }
#body_tech #subcontent #leftcol #navTech span{ color:#000; }
#body_meet #subcontent #leftcol #navMeet { color:#000; background:#c0cee1; }
#body_meet #subcontent #leftcol #navMeet span{ color:#000; }
#body_events #subcontent #leftcol #navEvents { color:#000; background:#c0cee1; }
#body_events #subcontent #leftcol #navEvents span{ color:#000; }
#body_jrnew #subcontent #leftcol #navJrnew { color:#000; background:#c0cee1; }
#body_jrnew #subcontent #leftcol #navJrnew span{ color:#000; }
#body_wdecker #subcontent #leftcol #navWdecker { color:#000; background:#c0cee1; }
#body_wdecker #subcontent #leftcol #navWdecker span{ color:#000; }
	
#body_what #mainNav #navWhat,
#body_food #mainNav #navWhat,
#body_tech #mainNav #navWhat,
#body_meet #mainNav #navWhat,
#body_events #mainNav #navWhat,
#body_floorplan #mainNav #navCity,
#body_ccfloorplan #mainNav #navCira,
#body_ciracentre #mainNav #navCira,
#body_calder #mainNav #navCity,
#body_carroll #mainNav #navCity,
#body_edison #mainNav #navCity,
#body_rittenhouse #mainNav #navCity,
#body_keystone #mainNav #navCity,
#body_interview #mainNav #navCity,
#body_sky #mainNav #navCity,
#body_cityview #mainNav #navCity,
#body_maps #mainNav #navCity,
#body_promo #mainNav #navCity,
#body_hotels #mainNav #navCity,
#body_tour #mainNav #navCity,
#body_think #mainNav #navCity,
#body_zone #mainNav #navCity,
#body_magellan #mainNav #navCity 
{ color:#8dc63f; background-color:none; }

#body_ccfloorplan #mainNav #navCira,
#body_ciracentre #mainNav #navCira
{ color:#516d33; background-color:none; }

#body_what #mainNav #navWhat:hover,
#body_food #mainNav #navWhat:hover,
#body_tech #mainNav #navWhat:hover,
#body_meet #mainNav #navWhat:hover,
#body_events #mainNav #navWhat:hover,
#body_floorplan #mainNav #navCity:hover,
#body_ccfloorplan #mainNav #navCira:hover,
#body_ciracentre #mainNav #navCira:hover,
#body_calder #mainNav #navCity:hover,
#body_carroll #mainNav #navCity:hover,
#body_edison #mainNav #navCity:hover,
#body_keystone #mainNav #navCity:hover,
#body_interview #mainNav #navCity:hover,
#body_sky #mainNav #navCity:hover,
#body_cityview #mainNav #navCity:hover,
#body_maps #mainNav #navCity:hover,
#body_promo #mainNav #navCity:hover,
#body_hotels #mainNav #navCity:hover,
#body_tour #mainNav #navCity:hover,
#body_think #mainNav #navCity:hover,
#body_zone #mainNav #navCity:hover,
#body_magellan #mainNav #navCity:hover 
{ color:#8dc63f; }

#body_ccfloorplan #mainNav #navCira:hover,
#body_ciracentre #mainNav #navCira:hover
{ color:#516d33; background-color:none; }
	
	
#body_about #tnav_about a,
#body_jobs #tnav_jobs a,
#body_contact #tnav_contact a,
#body_invest #tnav_invest a
{ color:#fff; text-decoration:none; }

#body_about #tnav_about a:hover,
#body_jobs #tnav_jobs a:hover,
#body_contact #tnav_contact a:hover,
#body_invest #tnav_invest a:hover
{ color:#fff; text-decoration:none; }

