/*
STYLE SETTINGS FOR VARIOUS LAYOUTS
To accomodate varying subnav heights and the presence of
ads in headlinePromoArea, adjust top margin...
#subordinateColumn{
margin:300px 0px 0px 0px;
}
****** 
To add the right sidebar to mainColumnContent...
- include to "mainColumnContentArea2.css"
- set #headlinePromoArea as follows:
  #headlinePromoArea{background-image:url(images/promoArea1_bg_w_2col_cap.gif);}
******
*/

body {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background-color:#FFFFFF;
/*background-image:url(../img/layout/body_bg-survey_message.gif);*/
background-image:url(../img/layout/body_bg.gif);
background-position:top center;
background-repeat:repeat-x;
text-align:center;
}

a:link, a:visited, a:active {
text-decoration:none;
color: #5e98b0; /*2777a1*/
-moz-outline: none;
}

a:hover{
text-decoration:none;
color: #5e98b0;
-moz-outline: none;
}

/*BEGIN: styles for survey link*/
#surveyLink{
height:17px;
padding: 3px 15px 0px 15px;
text-align:center; 
font: normal 10px Verdana, Arial, Helvetica, sans-serif; 
}

#surveyLink a, #surveyLink a:link, #surveyLink a:active, #surveyLink a:visited {
color:#1a394d;
}
/*END: styles for survey link*/

#pageWrapper {
width:1000px;
position:relative;
margin-right:auto;
margin-left:auto;
margin-top:0px;
border:0px;
padding:0px;
background-image:url(../img/layout/wrapper_bg.gif);
background-position:top;
background-repeat:no-repeat;
text-align:left;
}

#homeLink{
width:210px;
height:205px;
position:absolute;
top:0px;
left:55px;
z-index:10;
}

#mainNavigationArea{
width:307px;
position:absolute;
top:205px;
padding:0px 0px 0px 7px;
}

#mainNavigationArea{
width:307px;
position:absolute;
top:205px;
padding:0px 0px 0px 7px;
}

#mainNavigationInterface{
width:312px;
margin: 0px 0px 0px -4px;/*adjust for alignment with logo*/
padding: 12px 0px 0px 0px;
background-image:url(../img/navigation/mainNavigationInterface_bg.gif);
background-position:top center;
background-repeat:no-repeat;
text-align:center;
}

#mainNavigationInterface ul{
margin:0px;
padding:0px;
list-style: none;
text-decoration: none;
}

#mainNavigationInterface li{
margin: 0px 0px 0px 0px;
padding: 8px 0px 0px 0px;
list-style: none;
text-decoration: none;
}

#mainNavigationInterface a:hover img{
filter: alpha(opacity=65);
-moz-opacity: 0.65;
opacity:0.65;
}

#mainNavigationInterface .subNav{
margin: 4px 0px 0px 0px;
padding: 6px 0px 4px 0px;
background-image:url(../img/navigation/subNav_bg.gif);
background-position:top center;
background-repeat:no-repeat;
font: 10px/170% Verdana, Arial, Helvetica, sans-serif;
text-align:center;
text-transform:uppercase;
color:#bfaa7d;
}

#mainNavigationInterface .subNav a:hover{
color:#bfaa7d;
}

#mainNavigationInterface .subNavFooter{
width:190px;
height:2px;
display:block;
margin:0px auto;/*necessary to keep it centered in FF*/
margin-top:6px;/*necessary add top marging while keeping the above working*/
background: url(../img/navigation/subNav_footer.gif) no-repeat bottom center;
text-align:center;
font:2px/2px;
line-height:2px;
}

#mainNavigationInterface .navigationFooter{
margin:1px 0px 0px 0px;
padding:0px 0px 0px 0px;
background-image:url(../img/navigation/mainNavigationInterface_bot.gif);
background-position: center;
background-repeat:no-repeat;
text-align:bottom center;
}

#mainNavigationInterface form{
margin: 0px;
padding: 0px;
}

#mainNavigationInterface  fieldset{
margin: 0px;
padding: 0px;
border:none;
}

#mainNavigationInterface  select{
margin: 3px 0px 0px 0px;
padding: 0px;
border: 1px solid #CCCCCC;
font: normal 11px  Verdana, Arial, Helvetica, sans-serif;
color: #7e7b6a;
text-transform:none;
width: 181px;
}

#mainNavigationInterface  input{
margin: 3px 0px 0px 0px;
padding: 0px;
border: 1px solid #CCCCCC;
font: normal 11px  Verdana, Arial, Helvetica, sans-serif;
color: #7e7b6a;
text-transform:none;
width: 181px;
}

#breadcrumbNavigation{
margin:0px 0px 30px 0px;
padding:0px 0px 0px 0px;
font:10px Verdana, Arial, Helvetica, sans-serif;
text-transform:uppercase;
color:#5e98b0;
}

#logoTextArea{
width:1000px;
height:75px;
}

#logoTextArea img{
margin:5px 0px 0px 314px;
}

#headlinePromoArea{
width:727px;
padding:6px 5px 27px 268px;
background-image:url(../img/layout/headlinePromoArea_bg_2col.gif);
background-repeat:no-repeat;
background-position: bottom right;
line-height:10px;/*necessary b/c an   is needed in that space*/
}

#contentWrapper{
/*
Ensures the background img for the mainColumn run 
at least as long as the subordinateColumn
*/
background-image:url(../img/layout/contentWrapper_1col_bg.gif);
background-repeat:repeat-y;
}

#subordinateColumn{
width:312px;
margin:300px 0px 0px 0px;/*gets adjusted to accomodate nav div & headlinePromoArea*/
padding:0px;
float:left;
background-image:url(../img/layout/subordinateColumn_bg.gif);
background-repeat:repeat-y;
}

#subordinateColumnTopPromoArea{
background-image:url(../img/layout/subColTopPromoArea_bg.gif);
background-repeat: repeat-y;
background-position: -12px 0px;
margin:0px 0px 0px 12px;
padding:5px 0px 5px 0px;
}

#subordinateColumn .columnCap{
margin:0px;
padding:0px;
display:block;
}

#subordinateColumn h3{
width:312px;
height:49px;
margin: 10px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background-image:url(../img/layout/subordinateColumn_h3_bg.gif);
background-repeat:no-repeat;
font: normal 15px Georgia, "Times New Roman", Times, serif;
vertical-align:middle;
text-align:center;
vertical-align:middle;
}

.subordinateColumnPromo{
margin: 0px 0px -12px 12px;
padding: 0px 0px 0px 0px;
}

.subordinateColumnContent{

margin: 0px 0px 0px 13px;
padding: 5px 10px 8px 23px;
font-family: Georgia, "Times New Roman", Times, serif;
}

/*
.subordinateColumnContent{
margin: 10px 10px 10px 32px;
font-family: Georgia, "Times New Roman", Times, serif;
}
*/

.subordinateColumnContent-altColor{
background-color:#ebe4d7;
}

.subordinateColumnContent h4{
margin: 0px 0px 0px 0px;
padding: 5px 0px 0px 0px;
font-size: 12px;
line-height: 130%;
color:#817362;
}

.subordinateColumnContent h5{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font:9px normal Verdana, Arial, Helvetica, sans-serif;
text-transform:uppercase;
color:#817362;
}

.subordinateColumnContent h5 .eventDateLabel{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-weight: bold;
text-transform:uppercase;
}

.subordinateColumnContent p{
margin:8px 0px 12px 0px;
padding:0px;
font-size: 11px;
line-height: 170%;
color:#404040;
}

.subordinateColumnContent a:link, .subordinateColumnContent a:visited, .subordinateColumnContent a:active {
color:#2777a1;
}

.subCol-RecipePromo{
margin-top:15px;
margin-left:10px;
font-family:normal 12px/14px Georgia, "Times New Roman", Times, serif;
color: #2777a1;
}

.subCol-RecipePromo p{
margin: 0px;
padding: 0px;
text-align:center;
}

/* BEGIN - Dining Guide Navigation styles SIDEBAR VERSION */
#subCol-DGN-wrapper{

margin: 5px 0px 0px 12px;
}

#subCol-DGN-wrapper form{
margin: 0px;
padding: 0px;
}


#subCol-DGN-browse{
width:300px;
padding: 5px 0px 0px 0px;
}

.subCol-DGN-title{
margin: 5px 0px 2px 20px;
}

#subCol-DGN-browse select{
width: 260px;
margin: 0px 0px 3px 20px;
padding: 4px;
border: 1px solid #CCCCCC;
font: normal 12px Georgia, "Times New Roman", Times, serif;
color: #7e7b6a;
text-transform:none;
}

#subCol-DGN-search{
width:300px;
margin: 15px 0px 0px 0px;
padding: 5px 0px 5px 0px;;
border-top: 1px solid #dfd4be;
background-image:url(../img/layout/subCol-DGN-dark_bg.gif);
}

#subCol-DGN-search input{
width: 205px;
margin: 0px 0px 0px 20px;
padding: 4px;
border: 1px solid #CCCCCC;
font: normal 12px Georgia, "Times New Roman", Times, serif;
color: #7e7b6a;
text-transform:none;
float:left;
}

#subCol-DGN-search .goButton{
width: 30px;
height: 25px;
margin: 0px 0px 0px 4px;
padding:0px;
border:0px;
float:left;
}

#subCol-DGN-advancedSearch{
width:300px;
padding: 4px 2px 0px 0px;
background: url(../img/layout/home-DGN_advancedSearch_bg.gif) no-repeat top left;
text-align:right;
font: normal 10px Georgia, "Times New Roman", Times, serif;
text-transform:uppercase;
color:#DFD4BE;
}

#subCol-DGN-advancedSearch a:link, #subCol-DGN-advancedSearch a:active, #subCol-DGN-advancedSearch a:visited{
color:#DFD4BE;
}
/* END - Dining Guide Navigation styles */



#eliciousSubscriptionArea{
/*width:310px;*/
/*margin: 0px 0px 0px 15px;*/
padding:0px;
font: normal 12px/14px Georgia, "Times New Roman", Times, serif;
color:#7a7a7a;
}

#eliciousSubscriptionArea form{
margin: 0px;
padding: 0px;
}

#eliciousSubscriptionArea .headline{
font: bold 18px Georgia, "Times New Roman", Times, serif;
}

#eliciousSubscriptionArea .subheadline{
font: bold 11px Verdana, Arial, Helvetica, sans-serif;
color : #2777a1;
}

#eliciousSubscriptionArea p{
margin:5px 0px 5px 0px;
padding:0px 0px 0px 0px ;
line-height: 130%;
}

#eliciousSubscriptionArea input{
width: 200px;
padding: 2px;
border: 1px solid #CCCCCC;
font: normal 14px Georgia, "Times New Roman", Times, serif;
color: #7e7b6a;
text-transform:none;
display:inline;
vertical-align:top;
}

#eliciousSubscriptionArea .goButton{
width: 27px;
margin: -1px 0px 0px 0px;
border:0px;
vertical-align:top;
}



/*BEGIN MAIN COLUMN*/
#mainColumn{
width:688px;
margin:0px;
padding:0px;
float:left;
}

#mainColumnContentArea1{
width:628px;
padding: 25px 20px 20px 20px;
float:left;
}

#mainColumnContentArea1PromoTopRight{
width:130px; 
height:100px;
margin:-25px 0px 0px 0px;
float:right;
background-color:#ffffff;
}

#mainColumnContentArea1 h1{
margin:0px;
padding:0px;
}

#mainColumnContentArea1 h2{
margin: 20px 0px 4px 0px;
padding: 0px 0px 0px 0px;
font:normal 19px Georgia, "Times New Roman", Times, serif;
color:#403c39;
}

#mainColumnContentArea1 h2 a:link, #mainColumnContentArea1 h2 a:visited, #mainColumnContentArea1 h2 a:link{
color:#403c39;
}

#mainColumnContentArea1 h3 .eventDateLabel{
font-weight: bold;
}

#mainColumnContentArea1 p{
margin: 0px 0px 10px 0px;
font: 14px/22px Georgia, "Times New Roman", Times, serif;
color:#404040;
}

/* ill effects ul li styles within spans used for meta type data in this section
#mainColumnContentArea1 ul li{
font: 14px/22px Georgia, "Times New Roman", Times, serif;
color:#404040;
}
*/

#mainColumnContentArea1 .articleMetaData{
margin: -8px 0px 15px 0px;
padding: 0px 0px 0px 0px;
font: normal 10px  Verdana, Arial, Helvetica, sans-serif;
text-transform:uppercase;
color:#ccb193;
}

#mainColumnContentArea1 .readMoreLink{
font-size: 10px;
font-weight: normal;
text-transform:uppercase;
margin-bottom:5px;
}

#mainColumnContentArea1  a:hover{
text-decoration:none;
color: #5e98b0;
-moz-outline: none;
}

#mainColumnContentArea1 p a:hover{
border-bottom: 2px dotted #ccb193;
}

#mainColumnContentArea1 h2 a:hover{
border-bottom: 2px dotted #ccb193;
}

.horizontalDividerDotted{
height:2px;
overflow:hidden;
clear:both;/*allows it to be used regardless of floats set above*/
background-image:url(../img/layout/horDividerDotted-dfd5be_bg.gif);
background-repeat:repeat-x;
}

.cursorHand{
cursor: hand;
}

#footerArea{
clear:both; 
/*
NOTE: clear:both; is necessary for placement of the footerArea div 
and for the extnesion of the contentWrapper div around both
mainColumnContentArea1 and mainColumnContentArea2 so that the background 
image of the vertical column lines extends the distance of the taller 
mainColumnContentArea div
*/
margin:0px 21px 0px 313px; 
padding:5px 10px 10px 10px; 
border-top:1px solid #dfd4be; 
background-color:#FFFFFF;
}

#footerArea p{
margin: 8px 0px 2px 0px;
padding:0px;
font: 10px/14px Verdana, Arial, Helvetica, sans-serif;
text-align:center;
}

#footerArea .sectionLinks{
color:#2b4759;
text-transform:uppercase;
}
#footerArea .sectionLinks a{color:#2b4759;}
#footerArea .sectionLinks a:link{color:#2b4759;}
#footerArea .sectionLinks a:active{color:#2b4759;}
#footerArea .sectionLinks a:visited{color:#2b4759;}
#footerArea .sectionLinks a:hover{color:#5e98b0;}

#footerArea .siteLinks{
color:#5e98b0;
text-transform:uppercase;
}
#footerArea .siteLinks a{color:#5e98b0;}
#footerArea .siteLinks a:link{color:#5e98b0;}
#footerArea .siteLinks a:active{color:#5e98b0;}
#footerArea .siteLinks a:visited{color:#5e98b0;}
#footerArea .siteLinks a:hover{color:#5e98b0;}

#footerArea .policyLinks{
color:#bfaa7d;
}
#footerArea .policyLinks a{color:#bfaa7d;}
#footerArea .policyLinks a:link{color:#bfaa7d;}
#footerArea .policyLinks a:active{color:#bfaa7d;}
#footerArea .policyLinks a:visited{color:#bfaa7d;}
#footerArea .policyLinks a:hover{color:#5e98b0;}


#newsByline {
margin: 30px 0px 0px 0px;
padding: 2px 0px 0px 0px;
clear:both;
border-top: 1px dashed #dfd4be;
text-align:right;
font: normal 10px/18px Verdana, Arial, Helvetica, sans-serif;
color:#ccb193;
}

/*BEGIN - article view page specific*/
#articleFooter{
padding: 0px 0px 0px 0px;
}

#articleFooter .articleTools{
float:left;
vertical-align:middle;
padding: 2px 0px 2px 0px;
}

#articleFooter .articleTools a:link{
vertical-align:middle;
}

#articleFooter .articleEventDate{
padding: 2px 0px 2px 0px;
float:right;
vertical-align:middle;
font: normal 10px/18px Verdana, Arial, Helvetica, sans-serif;
text-transform: uppercase;
color:#ccb193;
}

#articleRelatedMenuLink{
padding: 0px 20px 0px 20px;
margin: 10px 0px 20px 0px;
font: 12px Verdana, Arial, Helvetica, sans-serif;
}

#articleRelatedMenu{
padding: 0px 20px 0px 20px;
margin: 10px 0px 20px 0px;
font: 10px/12px Verdana, Arial, Helvetica, sans-serif;
}

#articleRelatedMenu p{
padding:0px 0px 0px 0px;
font: 10px/14px Verdana, Arial, Helvetica, sans-serif;
}

#articleRelatedMenu .menuTitle{
margin:5px 0px 5px 0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
}
#articleRelatedMenu .courseTitle{
margin:10px 0px 5px 0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
}

#articleRelatedRestaurants{
padding: 10px 0px 0px 20px;
font: 10px Verdana, Arial, Helvetica, sans-serif;
}

#articleRelatedRestaurants p{
padding: 0px 0px 15px 0px;
font: bold 10px Verdana, Arial, Helvetica, sans-serif;
}

#articleRelatedRestaurants .relatedRestaurantColumn1{
width:150px;
height:175px;
margin:0px 0px 0px 30px;
float:left;
text-align:center;
}

#articleRelatedRestaurants .relatedRestaurantColumn2{
width:150px;
height:175px;
margin:0px 30px 0px 0px;
float:right;
text-align:center;
}
/*END - article view page specific*/