﻿/* =PAGE STRUCTURE
   ----------------------------------------------------*/

*{margin: 0;}


/* error messaging -----------------------------------------*/
#error {margin: 12px 0; padding: 4px 0; background: #FFDFDF url(../images/icons/error.gif) no-repeat 6px 50%; color: #cc0000; border: 1px solid #EFA4A4;}
#error ul {list-style: none; margin: 0; padding: 0 30px; font-weight: bold;}
#action {margin: 1.2em 0; padding: .25em 0; background: #EDFFDF url(../images/icons/action.gif) no-repeat 6px 50%; color: #009900; border: 1px solid #B6EFA4;}
#action ul {list-style: none; margin: 0; padding: 0 30px; font-weight: bold;}

body
{   
    background: #d7d7d7 url(../images/backgrounds/back_grade.gif) repeat-x top left; 
    margin: 0; 
    padding: 0;
	text-align: center;
    font: 12px Verdana, Arial, San-Serif;
    color: #6e6e6e;
}


.PageText
{
    font: 12px Verdana, Arial, San-Serif;
    color: #6e6e6e;
}

p{margin-bottom: 1em;}

input
{font: 12px Verdana, Arial, San-Serif; color: #6e6e6e;}
    
img {border: 0;}

img.contentImage
{float: right; margin: 10px 30px 30px 30px;}

h1, h2, h3, h4, h5
{font-weight: bold;
    font-family: "New Century Schoolbook", Century,"Times New Roman", Times, Serif;
    color: #ce1920;}
    
h1 strong, h2 strong, h3 strong, h4 strong, h5 strong
{font-weight: normal; color: #969696;}

h1{margin-bottom: 20px;font-size: 24px;}

h2{margin: 10px 0 4px 0; font-size: 20px;}

h3{margin-bottom: 1em;padding-bottom: 0.3em; font-size: 15px;color: #6e6e6e; border-bottom: dashed 1px #6e6e6e;}
    
.clearBoth
{clear: both;}

.morelinkArrows
{vertical-align: text-top;}

.horizontalDivider
{background: #fff url(../images/backgrounds/horizontal_divider.gif) repeat-x top left;
    width: 996px; height: 29px;
    margin: 0 auto; padding: 0;}
    
#pageWrapper {
	background: url(../images/backgrounds/back_target.gif) no-repeat top left; 
	margin: 0; 
	padding: 0; 
	text-align: center;
	width: 100%; 
	height: 900px; 
    }
    
#containerMain
{   
    width: 1000px;
    margin: 0 auto 20px auto;
    background: #fff;
    }
   
    
/* =LINKS
   ----------------------------------------------------*/

a {color: #4675a1; text-decoration: none; padding-bottom: 2px; border-bottom: 1px dashed #4675a1;}
a:hover, a active, a visited {color: #ce1920; border-bottom: 1px dashed #ce1920;}

a {color: #4675a1; text-decoration: none; padding-bottom: 2px; border-bottom: 1px dashed #4675a1;}
a:hover {color: #ce1920; border-bottom: 1px dashed #ce1920;}    


/* =HEADER
   ----------------------------------------------------*/


#header
 {
    width: 939px;
    height: 100px;
    text-align: left;
    padding: 24px 21px 0 40px;
    }
    
.brandingLogo
 {
    float: left;
    }

#headerInput
{
    width: 700px;
    height: 100px;
    margin-left: -700px;
    float: right;
    }
    
.brandingDate
 {
    float: right;
    padding: 0;
    color: #969696;
    clear: both;
    }
    
.brandingSearch
 {
    float: right;
    font-family: "New Century Schoolbook", Century,"Times New Roman", Times, Serif;
    font-size: 14px;
    color: #969696;
    padding: 15px 0 14px 0;
    }
    
.searchBox
{
    width: 120px;
    margin: 0 25px 0 10px;
    vertical-align: middle;
    }
    
.brandingSearch span
{
    padding: 3px 10px 0 0;
    }
    
.searchButton
{
    vertical-align: middle;
    padding-left: 0;
    }
    
#brandingMast
 {
    margin: 0 auto;
    z-index: 1;
    }
    
/* =GLOBAL NAV
   ----------------------------------------------------*/



.chromestyle
{
    background: transparent url(../images/backgrounds/global_nav_left.gif) no-repeat top left;
    float: right;
    height: 32px;
    font-weight: bold;
    font-size: 14px;
    font-family: "New Century Schoolbook", Century,"Times New Roman", Times, Serif;
    color: #666565;
    padding: 0;
    padding-left: 6px;
}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromestyle ul{
    height: 32px;
    background: transparent url(../images/backgrounds/global_nav_right.gif) no-repeat top right;
    margin: 0;
    padding: 0;
    text-align: right; /*set value to "left", "center", or "right"*/
}

.chromestyle ul li{
display: inline;
}

.chromestyle ul li a{
color: #494949;
margin: 0;
text-decoration: none;
border-bottom: 0;
}

.chromestyle li
{
    float: left;
    padding: 7px 14px 7px 14px;margin: 0;
    border-right: 1px solid #999; /*right border*/
    border-left: 1px solid #eee; /*left border*/
    }

li.last 
{border-right: 0}

li.first
{border-left: 0}

.chromestyle ul li a:hover{
color: #ce1920;
border: 0; /*THEME CHANGE HERE*/
}

.chromestyle ul li a[rel]:after{ /*HTML to indicate drop down link*/

/*content: " " url(downimage.gif); /*uncomment this line to use an image instead*/
}


/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position: absolute;
top: 0;
right: 0;
margin-top: 4px;
border: 1px solid #999; /*THEME CHANGE HERE*/
border-bottom-width: 0;
font:normal 11px Verdana;
line-height:18px;
z-index:100;
background-color: #fff;
width: 165px;
visibility: hidden;
}

.dropmenudiv a{
width: auto;
display: block;
text-indent: 3px;
border-bottom: 1px solid #999; /*THEME CHANGE HERE*/
padding: 2px 5px 2px 14px;
text-decoration: none;
font-weight: bold;
color: #666565;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #F0F0F0;
color: #ce1920;
border-bottom: 1px solid #999;
}

    

/* =LOCAL NAV
   ----------------------------------------------------*/


.localNav
{
    width: 974px;
    height: 38px;
    background: #d7d7d7 url(../images/backgrounds/local_nav_grade.gif) repeat-x top left;
    margin: 0 auto;
    padding: 0 0 0 22px;
    text-align: center;
    }

.localNav ul
{
margin: 0 auto;
padding: 0;
float: left;
border-width: 1px 0;
background: #666 url(../images/backgrounds/local_nav_red_grade.gif) center center repeat-x;
}

.localNav ul li{
display: inline;
}



.localNav ul li a{
float: left;
font-family: "New Century Schoolbook", Century,"Times New Roman", Times, Serif;
font-size: 12px;
color: white; /*text color*/
padding: 6px 10px 10px 10px;
text-decoration: none;
letter-spacing: 0.05em;
border-right: 1px solid #a60203; /*right border*/
border-left: 1px solid #e68081; /*left border*/
border-bottom: 0;
}


.localNav ul li a:visited{
color: white;
}

.localNav ul li a:hover, .localNav ul li .current{
color: white !important; /*text color of selected and active item*/
padding-top: 7px; /*shift text down 1px for selected and active item*/
padding-bottom: 8px; /*shift text down 1px for selected and active item*/
background: #666 url(../images/backgrounds/local_nav_red_grade_2.gif) center center repeat-x;
}

/* =SUB NAV - CITY PAGE NAV
   ----------------------------------------------------*/

#subnavContainer
{width: 201px;height: 100%;
    margin-bottom: 20px;
    float: left;}

#subNav
{   background: #fff url(../images/cities/subnav_back.gif) bottom center no-repeat;
    width: 201px; height: 100%;
    font-family: "New Century Schoolbook", Century,"Times New Roman", Times, Serif;
    font-size: 17px;
    overflow: hidden;
    margin-bottom: 20px;
    }
    
#subNav ul{padding: 0;margin: 10px 7px 20px 7px;}
    
#subNav ul li
{list-style: none none outside;
    text-align: left;padding: 5px 0;border-bottom: solid 1px #f95e64;}
    
#subNav ul li a
{border: 0;padding: 0 10px;display: block;}
    
#subNav a
{color: #c3c3c3;}

#subNav a:hover
{color: #fff;}

#subNav li.subnavActive
{background: #6e6e6e url(../images/cities/subnav_active.gif) center center no-repeat;border: 0;}

#subNav a.subnavActive
{color: #fff;}

#navTopper
{width: 201px; height: 184px;}

#utilityNav
{background: #fff url(../images/backgrounds/city_blue_top.gif) top center no-repeat;
    width: 201px; height: 100px; padding-top: 10px;margin-top: 20px;}
    
#utilityNav ul
{background: #fff url(../images/backgrounds/city_blue_bot.gif) bottom center no-repeat;
    padding: 0 17px 10px 17px;
    text-align: left;}

#utilityNav ul li
{list-style: none none outside;
    padding: 5px 0;}

#utilityNav img
{vertical-align: middle;padding-right: 3px;}
    
/* =CONTENT
   ----------------------------------------------------*/

#content
{
    width: 920px;
    height: 100%;
    padding: 30px 40px 20px 40px;
    }
    
#primaryColumn
{
    width: 598px;
    float: right;
    text-align: left;
    line-height: 2em;
    }
    
#secondaryColumn
{
    width: 282px;
    float: left;
    text-align: left;
    }
    
#secondaryColumn img
{
    padding-bottom: 6px;
    }
    
#secondaryColumn>h2:first-child
{
    margin-top: 0;
    }   
    
#contentPartners
{
    text-align: left;
    width: 920px;
    height: 100%;
    padding: 0 40px 20px 40px;
    } 

/* =CONTENT - GENERAL
   ----------------------------------------------------*/
#contentContactForms {
	width: 840px;
	margin: 0 16px 20px 40px;
	padding: 25px 40px;
	line-height: 1.8em;
	text-align: left;
}

#contentGeneral  
    {/*background: #fff url(../images/backgrounds/network_content.gif) top left no-repeat;*/
    width: 537px; height: 100%;
    float: left;text-align: left;
    margin: 0 16px 20px 40px;padding: 25px 40px;
    line-height: 1.8em;}  
    
/*#contentGeneral span
    {font-size: 16px;line-height: 1.8em;}*/

#networkSecondarycolumn
    {width: 282px;height: 500px;
     float: left;text-align: left;
     margin: 10px -282px 20px 20px;
     }

/* =CONTENT - CITY PAGES
   ----------------------------------------------------*/
    
#contentCitypage
{
    width: 920px;
    height: 100%;
    padding: 0 40px 20px 40px;
    }
    
#contentCitymain
{
    background: #fff url(../images/backgrounds/city_content_sm.gif) center top no-repeat;
    width: 375px; height: 100%;
    float: left;text-align: left;
    line-height: 1.9em;
    margin: 0 16px 20px 13px;padding: 25px;
    }
    
#contentCitymain h1
{margin: 0 0 10px 0;}
    
#contentCityinfo
{width: 282px; height: 100%;
    margin-right: -283px;
    float: left;}
    
#contentCitycontact
{
    background: #fff url(../images/backgrounds/city_contact_top.gif) top center no-repeat;
    width: 282px; height: 100%;
    padding-top: 10px;
    }
    
.cityContact
{background: #fff url(../images/backgrounds/city_contact_bot.gif) bottom center no-repeat;
    height: 100%; text-align: left; padding-bottom: 10px;}
    
#contentCityinfo h3
{margin: 0 15px; color: #fff; border-bottom: dashed 1px #fff; text-align: left;}

.cityContact p
{margin: 1em 15px; color: #fff;line-height: 1.5em;}

.cityContact p span
{color: #ffcc00; font-weight: bold; padding-right: 1em;}

.cityContact a
{color: #ffcc00; font-weight: bold; border: 0;}
.cityContact a:hover
{color: #fff; border: 0;}

a.smLink
{color: #fff;font-size: 10px; border-bottom: dashed 1px #fff;}
a:hover.smLink
{color: #ffcc00;border-bottom: dashed 1px #ffcc00;}

.smmoreArrows
{padding-left: 0.5em;vertical-align: middle;}

#contentPersonaltouch
{
    width: 282px; height: 168px;
    margin-top: 10px;
    text-align: left;
    }
    
#contentPersonaltouch h3
{padding-top: 10px;}

#contentPersonaltouch p
{display: block;
    width: 115px; color: #fff; text-align: left; margin: 1em 20px;}
    

#contentCityfull
{
    background: #fff url(../images/backgrounds/city_content_lg_b.gif) center top no-repeat;
    width: 655px; height: 100%;
    float: left;
    margin: 0 -706px 0 13px;
    padding: 25px;
    text-align: left;
    line-height: 1.8em;
    }
    
#contentCityfull h1, #contentCityfull p, #contentCityfull ul
{margin: 0 0 10px 0;}

#contentCityfull ul li
{list-style: disc none outside; padding: 0;}

#contentCityfull ul    
{ margin: 0 20px 2em 20px;padding: 0;}

#contentCityfull span
{color: #ce1920; font-weight: bold; font-size: 13px;}

#contentMap
{float: right; margin: 0 30px 30px 0; text-align: center; border: 0;}

#contentMap img
{padding-bottom: 5px; border: 0;}

#contentMap span
{color: #ce1920; text-decoration: underline; font-style: italic; border: 0; font-weight: normal;}

#contentMap a
{border: 0;}

#contentFloorplan
{width: 659px; height: 100%;}


/* =COMPILED CONTACT PAGE   
   ----------------------------------------------------*/ 
td.contactCity
{width: 145px;
    font-family: "New Century Schoolbook", Century,"Times New Roman", Times, Serif;font-size: 18px; font-weight: bold;} 
td.contactInfo
{padding-left: 10px; font-weight: bold;}
td.contactInfo a, td.contactInfo a:link, td.contactInfo a:visited
{color: #6d6c6a; border:0;text-decoration: underline;}    
td.contactInfo a, td.contactInfo a:hover, td.contactInfo a:active
{color: #ce1920; border:0;text-decoration: underline;} 
td.contactDetail
{padding-top: 5px;}
td.contactSpacer
{height: 2.5em;}
 
/* =RAD STYLES FOR BODY CONTENT
   ----------------------------------------------------*/

.contentLink a {color: #4675a1; text-decoration: none; padding-bottom: 2px; border-bottom: 1px dashed #4675a1;}
.contentLink a:hover, a active, a visited {color: #ce1920; border-bottom: 1px dashed #ce1920;}

.LinkNoUnderline a {color: #4675a1; text-decoration: none;}
.LinkNoUnderline a:hover {color: #ce1920; text-decoration: none;}

.UnderlinedText
{font: 12px Verdana, Arial, San-Serif;color: #6e6e6e;text-decoration: underline;}

.BoldedText
{color: #6e6e6e;font-weight: bold;font: 12px Verdana, Arial, San-Serif;}

.RedText
{font: 12px Verdana, Arial, San-Serif;color: #ce1920;}

.RedBoldText
{color: #ce1920;font-weight: bold;font: 12px Verdana, Arial, San-Serif;}

/* =FOOTER
   ----------------------------------------------------*/

#footer
{
    text-align: left;
    width: 920px;
    height: 100%;
    padding: 11px 20px 27px 20px;
    font-size: 9px;
    color: #969696;
}

#footer span
{
    float: left;
    }
    
#footer ul
{
    float: right;
    list-style-type: none;
    }
    
#footer li
{
    list-style-type: none;
    display: inline;
    padding: 0 11px;
    border-right: solid 1px #969696;
    }
    
#footer li.last
    {border: 0;}

#footer a
{color: #666565; border: 0; text-decoration: underline;}
    
#footer a:link
{color: #666565; border: 0; text-decoration: underline;}

#footer a:hover, #footer a:active
{color: #ce1920;}


/* =CONCIERGE PAGE
   ----------------------------------------------------*/

.columnA
{
    width: 200px;
    float: left;
    text-align: left;
    line-height: 1.7em;
    }

.columnA p
{
    margin-top: 1em;
    }
    
.columnB
{
    width: 142px;height: 333px;
    float: left;
    margin: 0 0 20px 10px;padding: 10px 15px 0 15px;
    font-size: 11px;
    text-align: left;
    line-height: 1.5em;
    }
    
.columnB p
{margin-top: 1em;}

.columnB a
{border: 0; font-weight: bold;}

.columnB a:hover
{border: 0;}
    
#contentWeather
{background: #fff url(../images/general/concierge_weatherbox.jpg) no-repeat top left;}

#contentHotels
{background: #fff url(../images/general/concierge_hotelbox.jpg) no-repeat top left;}

#contentDirections
{background: #fff url(../images/general/concierge_directionsbox.jpg) no-repeat top left;}

#contentAir
{background: #fff url(../images/general/concierge_airbox.jpg) no-repeat top left;
    margin-right: -173px;}
    
/* =CONTACT FORMS
   ------------------------------------------------------------*/
input[type="checkbox"] + label {	/* styles the label element that is to the right of a checkbox when RepeatStyle="flow" */
	padding: 0 15px 0 5px;	  /* adds left & right padding to label so checkbox elements & their labels aren't smooshed together */
	display: -moz-inline-box;
	display: inline-block;
	width: 100px;
}

input[type="radio"] + label {	/* styles the label element that is to the right of a checkbox when RepeatStyle="flow" */
	padding: 0 15px 0 5px;	  /* adds left & right padding to label so checkbox elements & their labels aren't smooshed together */
	display: -moz-inline-box;
	display: inline-block;
	width: 150px;
}

.hDivider {
	border-bottom: dashed 1px #4675a1;
	margin: 10px 0 10px 0;
	text-align: center;
}

.LargeFieldSet {
	padding: 10px;
}

.smallprint { font-size: 10px; }

fieldset em { color: #ff0000; }
    
    
/*  PAGING ----------------------------------------------------*/    
.PagingWrapper
{
    background-color: #fff;
    margin: 5px 5px 5px 5px;
    padding: 5px 1px 1px 1px;
}


.PagingPagerRow
{
    padding: 1px 5px 5px 10px;
    text-align: left;
    vertical-align: middle;
}

.PagingPagerRow p
{
    float: right;
    padding: 5px 0px 5px 5px;
    clear: both;
}

.PagingTable
{
    padding: 5px;
}

/*  PAGING ----------------------------------------------------*/    