@import url("reset.css");

body { font-family: "Lucida Grande", Arial; font-size:11px; background:url(../images/body.jpg) #a0bacc repeat-x; color:#333;}
p { line-height:1.5em; padding:5px 5px; font-weight:normal}
.main_wrapper { width:958px; height:auto; margin:auto; border:solid 4px #6da7d1; border-top:none; -moz-border-radius-bottomleft:10px; -webkit-border-bottom-left-radius:10px; -moz-border-radius-bottomright:10px; -webkit-border-bottom-right-radius:10px; }

.topnav { font-size:10px; font-weight:bold; width:100%; height:18px; background:#6da7d1; text-align:center; padding:7px 0 0 0; color:#fff}
.topnav a { color:#fff; text-decoration:none; padding:7px 2px;}



#second_nav { width:100%; height:34px; background:#dee9f5; -moz-opacity:0.7;filter:alpha(opacity=70); opacity:.7; font-size:11px; }
#second_nav td { vertical-align:middle; padding-left:3px;}
#second_nav div { float:right; padding:5px 10px 0 0;}
#second_nav select { width:150px; }

#header { width:100%; height:auto}
.logo { position:absolute; z-index:1; margin:5px 0 0 10px;}
.header { height:215px; width:100%}


.mainnav { width:100%; height:43px; text-align:center}
.mainnav img { float:left}


#center { width:100%; background:#fff; height:auto; margin:auto; }

#center .left { width:30%; float:left; height:auto; padding:15px;}
#center .center { width:30%; float:left; height:auto; padding:15px;}
#center .right { width:30%; float:left; height:auto; padding:15px;}

.bbox { background:url(../images/big_box.jpg) no-repeat; width:284px; height:228px; padding:5px; font-size:11px; color:#333; text-align:center }
.sbox { background:url(../images/small_box.jpg) no-repeat; width:284px; height:67px; padding:5px; margin-top:10px; }
.mbox { background:url(../images/medium_box.jpg) no-repeat; width:297px; height:110px; padding:5px; margin-top:10px; }
.bbox p { text-align:left}


.arrivals_but { float:left; height:22px; }
.departures_but { float:left; height:22px;}
.airports { clear:both; font-size:13px; color:#a0bacc; font-weight:bold; padding:3px;}
.airports a {color:#a0bacc; text-decoration:none;}
.airports a.active {color:#0046ae; text-decoration:underline;}
.selection { clear:both; padding:5px;}
.selection select { width:130px;}
.flightnr td { vertical-align:middle; padding:0 5px;}
.flightnr input { width:100px;}

.arrivals td.recent { font-size:16px; font-weight:bold; color:#0046ae; text-align:left; padding: 5px;}
.arrivals td.recent a { color:#0046ae; text-decoration:none}
.arrivals td.see_all { font-size:12px; font-weight:bold; color:#6ea8d0; text-align:right; padding:5px;}
.arrivals td.see_all a { color:#6ea8d0; text-decoration:none}
.arrivals .show_arrivals td { padding:6px 5px;}
.arrivals .show_arrivals tr.black td { background:#eee;}
.arrivals .show_arrivals tr.white td { background:#fff;}

.weather_img { width:92px; height:61px; float:left;}
.weather_details { float:left}
.weather_details td { vertical-align:middle; padding:5px;}
.weather_details .date { font-size:11px; color:#0046ae; font-weight:bold}
.weather_details .grade { font-size:31px; color:#0046ae; font-weight:bold}
.weather_details .details { font-size:11px;}


.airport_links table { width:100% }
.airport_links td { padding:3px; border-bottom:solid 1px #cacaca }
.airport_links a { color:#333; text-decoration:none}
.airport_links a:hover { text-decoration:underline}

.massport_news td.recent { font-size:16px; font-weight:bold; color:#0046ae; text-align:left; padding: 2px;}
.massport_news td.see_all { font-size:12px; font-weight:bold; color:#6ea8d0; text-align:right; padding:2px;}
.massport_news td.see_all a { color:#6ea8d0; text-decoration:none}
.massport_news .show_news td { padding:6px 5px;}
.massport_news .show_news tr.black td { background:#eee;}
.massport_news .show_news tr.white td { background:#fff;}

.accordion { width:100%; border:solid 1px #eee;}
.accordion td { vertical-align:middle; height:32px;}
.accordion_toggle { width:100%; height:32px; background:url(../images/accordion_inactive_bg.jpg) repeat-x}
.accordion_toggle_active {width:100%; height:32px; background:url(../images/accordion_active_bg.jpg) repeat-x} 
.accordion_toggle h1 { font-size:14px; padding:0 0 0 5px; color:#999999}
.accordion_content  { width:100%; height:168px; }
.accordion_content h1 { font-size:11px; padding:10px 10px;}
.accordion_content p { padding: 0 10px;}
.accordion_content ul { margin:10px 30px;}
.accordion_content ul li { padding:3px 0px;}
.accordion_content a { text-decoration:none; color:#333;}

.adv_space { width:100%; height:67px; background:url(../images/adv_space_bg.jpg) repeat-x;-moz-border-radius-bottomleft:10px; -webkit-border-bottom-left-radius:10px;
-moz-border-radius-bottomright:10px; -webkit-border-bottom-right-radius:10px; padding-top:6px; text-align:center}

#footer { width:960px; margin:auto; text-align:center; line-height:1.5em; color:#fffefe; clear:both}
#footer a { text-decoration:none; color:#fffefe;}


/*******************  master-homepage *******************/
#master-homepage .header { background:url(../images/home_img.jpg) no-repeat;}
#master-homepage .mainnav { background:url(../images/mainnav_blue.jpg) repeat-x;}
#master-homepage .accordion_toggle_active h1 { color:#0046ae}
#master-homepage .accordion_content { background:url(../images/master-homepage_accordion-content.jpg) no-repeat; }
#master-homepage .accordion_content h1 { color:#e55202}
#master-homepage .accordion_content li { list-style-image:url(../images/orange_arrow.jpg)}


/*******************  about_massport_home *******************/
#about_massport_home .topnav a:hover { background:#0046ae}
#about_massport_home .header { background:url(../images/about_massport_home_img.jpg) no-repeat;}
#about_massport_home .mainnav { background:url(../images/mainnav_blue.jpg) repeat-x;}
#about_massport_home .title,.read_more{ color:#0046ae}
#about_massport_home .accordion_toggle_active h1 { color:#0046ae}
#about_massport_home .accordion_content { background:url(../images/accordion-content.jpg) no-repeat; }
#about_massport_home .accordion_content h1 { color:#0046ae}
#about_massport_home .accordion_content li { list-style-image:url(../images/blue_arrow.jpg)}

/*******************  doing_business_home *******************/
#doing_business_home .topnav a:hover { background:#e45202}
#doing_business_home .header { background:url(../images/about_massport_home_img.jpg) no-repeat;}
#doing_business_home .mainnav { background:url(../images/mainnav_orange.jpg) repeat-x;}
#doing_business_home .title,.read_more{ color:#e45202}
#doing_business_home .massport_news td.recent {color:#e45202}
#doing_business_home .accordion_toggle_active h1 { color:#e45202}
#doing_business_home .accordion_content { background:url(../images/accordion-content.jpg) no-repeat; }
#doing_business_home .accordion_content h1 { color:#e45202}
#doing_business_home .accordion_content li { list-style-image:url(../images/orange_arrow.jpg)}

/*******************  environment_home *******************/
#environment_home .topnav a:hover { background:#55a61d}
#environment_home .header { background:url(../images/about_massport_home_img.jpg) no-repeat;}
#environment_home .mainnav { background:url(../images/mainnav_green.jpg) repeat-x;}
#environment_home .title,.read_more{ color:#55a61d}
#environment_home .massport_news td.recent {color:#55a61d}
#environment_home .accordion_toggle_active h1 { color:#55a61d}
#environment_home .accordion_content { background:url(../images/accordion-content.jpg) no-repeat; }
#environment_home .accordion_content h1 { color:#55a61d}
#environment_home .accordion_content li { list-style-image:url(../images/green_arrow.jpg)}

/*******************  hanscom_worcester_home *******************/
#hanscom_worcester_home .topnav a:hover { background:#d8aa00}
#hanscom_worcester_home .header { background:url(../images/about_massport_home_img.jpg) no-repeat;}
#hanscom_worcester_home .mainnav { background:url(../images/mainnav_yellow.jpg) repeat-x;}
#hanscom_worcester_home .title,.read_more{ color:#d8aa00}
#hanscom_worcester_home .massport_news td.recent {color:#d8aa00}
#hanscom_worcester_home .accordion_toggle_active h1 { color:#d8aa00}
#hanscom_worcester_home .accordion_content { background:url(../images/accordion-content.jpg) no-repeat; }
#hanscom_worcester_home .accordion_content h1 { color:#d8aa00}
#hanscom_worcester_home .accordion_content li { list-style-image:url(../images/yellow_arrow.jpg)}

/*******************  inthecommunity_home *******************/
#inthecommunity_home .topnav a:hover { background:#722887}
#inthecommunity_home .header { background:url(../images/about_massport_home_img.jpg) no-repeat;}
#inthecommunity_home .mainnav { background:url(../images/mainnav_purple.jpg) repeat-x;}
#inthecommunity_home .title,.read_more{ color:#722887}
#inthecommunity_home .massport_news td.recent {color:#722887}
#inthecommunity_home .accordion_toggle_active h1 { color:#722887}
#inthecommunity_home .accordion_content { background:url(../images/accordion-content.jpg) no-repeat; }
#inthecommunity_home .accordion_content h1 { color:#722887}
#inthecommunity_home .accordion_content li { list-style-image:url(../images/purple_arrow.jpg)}

/*******************  logan_home *******************/
#logan_home .topnav a:hover { background:#0073d0}
#logan_home .header { background:url(../images/logan_home_img.jpg) no-repeat;}
#logan_home .mainnav { background:url(../images/mainnav_bleu.jpg) repeat-x;}
#logan_home .massport_news td.recent {color:#0073d0}
#logan_home .accordion_toggle_active h1 { color:#0073d0}
#logan_home .accordion_content { background:url(../images/logan_home_accordion_content.jpg) no-repeat; }
#logan_home .accordion_content h1 { color:#0073d0}
#logan_home .accordion_content li { list-style-image:url(../images/blue_arrow.jpg)}

/*******************  news_room_home *******************/
#news_room_home .topnav a:hover { background:#950534}
#news_room_home .header { background:url(../images/about_massport_home_img.jpg) no-repeat;}
#news_room_home .mainnav { background:url(../images/mainnav_vis.jpg) repeat-x;}
#news_room_home .title,.read_more{ color:#950534}
#news_room_home .massport_news td.recent {color:#950534}
#news_room_home .accordion_toggle_active h1 { color:#950534}
#news_room_home .accordion_content { background:url(../images/accordion-content.jpg) no-repeat; }
#news_room_home .accordion_content h1 { color:#950534}
#news_room_home .accordion_content li { list-style-image:url(../images/vis_arrow.jpg)}

/*******************  portofboston_home *******************/
#portofboston_home .topnav a:hover { background:#0198ab}
#portofboston_home .header { background:url(../images/portofboston_home_img.jpg) no-repeat;}
#portofboston_home .mainnav { background:url(../images/mainnav_turq.jpg) repeat-x;}
#portofboston_home .title,.read_more{ color:#0198ab}
#portofboston_home .massport_news td.recent {color:#0198ab}
#portofboston_home .accordion_toggle_active h1 { color:#0198ab}
#portofboston_home .accordion_content { background:url(../images/portofboston_home_accordion_content.jpg) no-repeat; }
#portofboston_home .accordion_content h1 { color:#0198ab}
#portofboston_home .accordion_content li { list-style-image:url(../images/turq_arrow.jpg)}

/*******************  tobinbridge_home *******************/
#tobinbridge_home .topnav a:hover { background:#007e66}
#tobinbridge_home .header { background:url(../images/tobinbridge_home_img.jpg) no-repeat;}
#tobinbridge_home .mainnav { background:url(../images/mainnav_ver.jpg) repeat-x;}
#tobinbridge_home .title,.read_more{ color:#007e66}
#tobinbridge_home .massport_news td.recent {color:#007e66}
#tobinbridge_home .accordion_toggle_active h1 { color:#007e66}
#tobinbridge_home .accordion_content { background:url(../images/tobinbridge_home_accordion_content.jpg) no-repeat; }
#tobinbridge_home .accordion_content h1 { color:#007e66}
#tobinbridge_home .accordion_content li { list-style-image:url(../images/ver_arrow.jpg)}

/*******************  visit_boston_home *******************/
#visit_boston_home .topnav a:hover { background:#c9282d}
#visit_boston_home .header { background:url(../images/visit_boston_home_img.jpg) no-repeat;}
#visit_boston_home .mainnav { background:url(../images/mainnav_red.jpg) repeat-x;}
#visit_boston_home .title,.read_more{ color:#c9282d}
#visit_boston_home .massport_news td.recent {color:#c9282d}
#visit_boston_home .accordion_toggle_active h1 { color:#c9282d}
#visit_boston_home .accordion_content { background:url(../images/accordion-content.jpg) no-repeat; }
#visit_boston_home .accordion_content h1 { color:#c9282d}
#visit_boston_home .accordion_content li { list-style-image:url(../images/red_arrow.jpg)}

/*******************  BASIC PAGE TEMPLETE *******************/
#basic_page .topnav a:hover { background:#0046ae}
#basic_page .header { background:url(../images/about_massport_home_img.jpg) no-repeat;}
#basic_page .mainnav { background:url(../images/mainnav_blue.jpg) repeat-x;}
#basic_page .adv_space { height:10px;}
#basic_page .left { width:20%}
#basic_page .center { width:50%; border-left:solid 1px #dfeaf1}
#basic_page .right { width:20%;}
#basic_page .image { float:right; padding:5px;}
#basic_page p { font-size:11px; font-weight:normal;}
#basic_page .center h1.title { font-size:19px; color:#0046ae; padding:10px 0px; }
#basic_page .center h2.subtitle { font-size:10px; text-transform:uppercase; padding:0 ; }

#basic_page .right .content { background:#dfeaf1; width:100%; padding:10px 5px;}
#basic_page .right .content table { margin:auto; width:180px;}
#basic_page .right .content h1 { font-size:17px; color:#fff;}
#basic_page .right .content td { vertical-align:middle; background:#fff; padding:5px; border-bottom:solid 1px #ccc; font-size:12px;}
#basic_page .right .content .adv_right { margin:auto; width:180px;}

/*******************  LEFT NAVIGATION  *******************/
#vertmenu { font-family:Calibri; font-size: 13px; width: 100%; padding: 0px; margin: 0px; }
#vertmenu ul { list-style: none; margin: 0px; padding: 0px; border: none; }
#vertmenu ul li { margin: 0px; padding: 0px; } 
#vertmenu ul li a { font-size: 13px; display: block; border-top: 1px solid #ccc; padding: 7px 4px; text-decoration: none; color: #666666; width:160px;}
#vertmenu ul li a:hover, #vertmenu ul li a:focus { color: #0046ae; background-color: #edf2f9;}
#vertmenu ul li ul { margin-left:15px;}
#vertmenu ul li ul li a { padding: 5px 0px; border:none}
#vertmenu ul li ul li a:hover, #vertmenu ul li ul li a:focus { color:#0046ae;  background:none;}
