/* ======================================================================
   New Header Elements
   ====================================================================== */

body {
padding:0;
margin:0;
/*background:#e8e0cd;*/
background:white;
}

.header { 
background: url('https://s3.amazonaws.com/nycsubway.org/images/logo/t02.jpg'); 
background-position: center; 
background-size: cover; 
width: 100%; 
height: 200px; 
position: absolute;
top:0;
left:0;
}

.headerad {
position: absolute;
top:5px;
right:10px;
line-height:90px;
padding:0px;
margin:0px;
width:728px;
height:90px;
}

.sitename {
   position: absolute; 
   bottom:32px;
   left:2px;
   color: white; 
   font-family: Verdana, Helvetica, Sans-Serif; 
   font-weight:bold;
   font-size:xx-large;
   opacity:1.0;
   letter-spacing: -1px;  
   padding: 5px; 
   line-height:20px;
}

.breadcrumb {
   position: absolute; 
   top:2px;
   left:2px;
   color: white; 
   font-family: Verdana, Helvetica, Sans-Serif; 
   font-weight:bold;
/*   font-size:xx-large;*/
   opacity:1.0;
   letter-spacing: -1px;  
   padding: 5px; 
   line-height:20px;
}
.breadcrumb a {
   color: white; 
}

/* ======================================================================
   New Search Elements
   ====================================================================== */

.top-search{
position: absolute;
bottom:6px;
left:2px;
height:21px;
line-height:21px;
}

#searchform #s{
color: #49494b;
font-size: 12px;
width: 325px;
height: 21px;
margin: 0px 0px 5px 0px;
padding: 2px 35px 2px 8px;
border: 0;
background: #f0efeb;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

#searchform #searchsubmit{
position: absolute;
top: 0px;
right: 0px;
width: 25px;
height: 25px;
border: 0px;
background: url(https://www.nycsubway.org/style/SearchIconTransparent.png) no-repeat transparent 2px 2px;
}

.clearfix:after {
    display:block;
    clear:both;
}
 
/* ======================================================================
   New Menubar Elements
   ====================================================================== */

.menu-wrap {
width:100%;
font-family: Verdana, Helvetica, Sans-Serif; /* changes menu font, cascades */
font-weight:bold;
font-size:14px;
background:#e8e0cd;
top:0;
left:0;
margin-top:200px;
} 
 
.menu {
width:100%;
}
 
.menu li { /* list item */
margin:0px;
list-style:none;
}
 
.menu a { /* link in a list item */
color:#5C3317; /* chocolate */
text-decoration:none;
}
 
.menu li:hover > a, .menu .current-item > a { /* when hovering over a list item */
text-decoration:none;
background:#5C3317;  /* chocolate */
color:white;
}
 
.menu .arrow {
font-size:11px;
line-height:0%;
}
 
/*----- Top Level -----*/
.menu > ul > li {
padding:0px;
display:table-cell;
/*inline-block;*/
position:relative;
}
 
.menu > ul > li > a {
padding:5px;
display:inline-block;
}
 
.menu > ul > li:hover > a, .menu > ul > .current-item > a {
background:#5C3317;
}
 
/*----- Bottom Level -----*/
.menu li:hover .sub-menu {
    z-index:1;
    opacity:1;
}
 
.sub-menu {
    width:500px;
/*160%;*/
    padding:10px;
    position:absolute;
    top:100%;
    left:0px;
    z-index:-1;
    opacity:0;
    transition:opacity linear 0.15s;
    box-shadow:0px 2px 3px rgba(0,0,0,0.2);
    background:#e8e0cd;
}
 
.sub-menu li {
    display:block;
    font-size:12px;
}
 
.sub-menu li a {
    padding:10px 10px;
    display:block;
}
 
.sub-menu li a:hover, .sub-menu .current-item a {
    background:#5C3317;
    color:white;
}

/* ======================================================================
   OpenClosed Table
   ====================================================================== */

table.OpenClosedTable {
background-color: #8BA870;
border: solid black 1px;
color:black;
font-size: 10pt;
font-family: verdana, geneva, sans-serif;
margin-bottom: 0pt;
padding-left: 0pt;
padding-right: 0pt;
padding: 0px;
border-collapse: collapse;
}

table.OpenClosedTable th {
border: none;
padding: 0px;
}

table.OpenClosedTable td {
border: none;
padding: 0px;
}

table.OpenClosedTable tr {
background-color: #CFDBC5;
border: none;
padding: 0px;
}

table.OpenClosedTable tr.alt2 {
background-color: #8BA870;
border: none;
padding: 0px;
}

table.OpenClosedTable tr.label {
background-color: #f9efe9;
border: none;
padding: 0px;
}

table.OpenClosedTable td {
background-color: #CFDBC5;
border: none;
padding: 0px;
}

table.OpenClosedTable td.alt2 {
background-color: #8BA870;
border: none;
padding: 0px;
}

table.OpenClosedTable td.label {
background-color: #f9efe9;
border: none;
padding: 0px;
}

table.OpenClosedTable A:link, A:active   {
text-decoration: underline;
color: blue;
}

table.OpenClosedTable A:visited  {
text-decoration: underline;
color: darkblue;
}

.LineSymbolSmall {
float:left;
font-size:small;
margin-right:2px;
border-radius:3px;
border:1px solid black;
color:white;
font-family:geneva, sans-serif;
font-weight:bold;
padding:2px;
line-height:10px;
width:12px;
text-align:center;
}

.LineSymbolLarge {
float:left;
font-size:xx-large;
margin-right:5px;
border-radius:3px;
border:1px solid black;
color:white;
font-family:geneva, sans-serif;
font-weight:bold;
padding-top:10px;
padding-bottom:10px;
padding-right:20px;
padding-left:11px;
line-height:20px;
width:15px;
text-align:center;
}