body
{
    font-size: 10pt;
    font-family: Arial;
}

/* Skip Navigation CSS */
a.SkipNavigation
{
    position: absolute;
    left: -3em;
    color: #115DA8;
}

p, li, div
{
    margin: 0in;
    margin-bottom: .0001pt;
    list-style-type: none; /* font-family: verdana, Tahoma, Geneva, Arial, Helvetica, sans-serif;*/
    font-family: Arial;
}

h1
{
    font-family: Arial;
}

h4
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    text-align: right;
    text-decoration: none;
    margin-bottom: 3px;
    font-weight: bold;
    color: White;
}

h5
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    text-align: left;
    margin-bottom: 3px;
    font-weight: bold;
    color: White;
}

.menulink, .menulink a
{
    color: white;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    text-decoration: none;
}

a
{
    text-decoration: none;
}

/*.basicFilter
{
    font-size: 8pt;
}

.stext
{
    font-size: 8pt;
}

.basicSubmit
{
    font-size: 8pt;
}

.advancedTerms
{
    font-size: 8pt;
}

.advancedFilters
{
    font-size: 8pt;
}

.submit
{
    font-size: 8pt;
}

hr
{
    color: #2172A1;
}*/

/*.footer
{
    font-weight: bold;
    font-size: 12px;
    color: #fff;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-align: right;
}
.footerlink
{
    font-size: 9px;
    color: #0065a1;
}

.watermark
{
    color: #343434;
    font-size: 11px;
}

.Breadcrumb
{
    width: 100%;
    background-color: #b4d1ef;
    padding-left: 22px;
    font-size: 11px;
    font-weight: bold;
    font-family: Arial;
}
.Breadcrumb a
{
    color: #003388;
}

.searchbutton
{
    background-color: #115da9;
    color: White;
    font-weight: bold;
    border: none;
    padding: 1px 1px 1px 1px;
    margin-left: 1px;
}

.leftMenuBox
{
    background: #B4D3F0 url(/images/search_box.jpg) no-repeat;
}

.leftMenuTitle
{
    color: #003388;
    font-weight: bold;
    font-family: Arial;
    font-size: 11px;
}

.SmallFont0
{
    color: White;
    text-decoration: none;
}
.SmallFont1
{
    color: White;
    text-decoration: underline;
}
.DefaultFont0
{
    color: White;
    text-decoration: none;
}
.DefaultFont1
{
    color: White;
    text-decoration: underline;
}
.LargeFont0
{
    color: White;
    text-decoration: none;
}
.LargeFont1
{
    color: White;
    text-decoration: underline;
}

.upperRightNav
{
    font-family: Arial;
    font-size: 11px;
    padding: 0px 10px 20px 0px;
    color: White;
}*/

.cursorpointer
{
    cursor: pointer;
    cursor: hand;
}

/*.printmenu
{
    background-color: #b4d1ef;
    text-align: left;
    color: #003388;
    font-weight: bold;
    font-family: Tahoma;
    font-size: 10px;
    border-width: 0px;
    vertical-align: bottom;
}

.slavemenu
{
    color: #115DA8;
    font-size: 10px;
    font-weight: bold;
    font-family: Arial;
    background: white; /* shows up on left side, widens with nesting level */
/*text-align: left;
}
.slavemenu .slave_ul_1
{
    background-color: #B4D3F0;
    list-style: none;
    padding: 0px;
    margin: 0px;
}
.slavemenu .slave_item_1
{
    border-top: solid 1px white;
    list-style: list-item;
    text-indent: 0px;
    padding-left: 0px;
    padding-top: 2px;
    padding-bottom: 2px;
}
.slavemenu .slave_item_1 a
{
    color: #115DA8;
}
.slavemenu .slavemenu_select_1
{
    border-top: solid 1px white;
    list-style: list-item;
    text-indent: 0px;
    padding-left: 0px;
    padding-top: 2px;
    padding-bottom: 2px;
    color: #003388;
}

.slavemenu .slavemenu_select_1 a
{
    color: #003388;
}

.slavemenu .slave_ul_2
{
    display: list-item;
    background-color: #115DA8;
    text-decoration: none;
    list-style-type: disc;
    list-style-position: inside;
    display: block;
    padding: 0px;
    margin: 0px;
    color: White;
}
.slavemenu .slave_item_2
{
    text-indent: -12px;
    list-style: list-item;
    padding-left: 12px;
}

.slavemenu .slavemenu_select_2
{
    text-indent: -12px;
    list-style: list-item;
    padding-left: 12px;
    color: #FD9800;
}
.slavemenu .slavemenu_select_2 a
{
    color: #FD9800;
}

.slavemenu .slave_item_2 a
{
    color: White;
}
.slavemenu .slave_item_2 a:hover
{
    text-decoration: underline;
}*/




/*____________________________________________________________
Street and Road Projects Map
____________________________________________________________*/
.floatLf
{
    float: left;
}
.floatRt
{
    float: right;
}
.floatFluid
{
    float: left;
    width: 100%;
}
/* Project Map Page */
/*#MapBox
{
	width: 560px;
	height: 534px;
	margin: 0;
	padding: 0;
}*/

/* Project N */
.ProN
{
    display: block;
    position: relative;
    text-align: right;
}
#Frame
{
    width: 560px;
    margin: 0;
    padding: 0;
    float: left;
    font-family: Helvetica;
}

/* Header Title */
#HeaderTitle
{
    display: block;
    margin: 10px;
    width: 540px;
    color: #336699;
    float: left;
}
h1
{
    font-size: 18px;
}
h2
{
    font-size: 12px;
}

/* Left Colunm */
#LfColunm
{
    display: block;
    margin: 0 20px 10px 10px;
    width: 180px;
    color: #333;
    background-color: #fef0d9;
    float: left;
    padding: 10px;
}

#Project
{
    width: 160px;
    display: block;
    float: left;
    font-size: 15px;
    font-weight: bold;
}

#Project .ProImg
{
    margin-left: 5px;
    vertical-align: middle;
}

#Info
{
    line-height: 18px;
    float: left;
}
/* Map */
#Map
{
    display: block;
    float: left;
    padding: 0 0 20px 0;
}

/* Right Colunm */
#RtColunm
{
    display: block;
    padding: 0 10px 10px 10px;
    margin: 0 15px 10px 0;
    width: 290px;
    color: #333;
    float: left;
}

#RtColunm p
{
    line-height: 18px;
    font-size: 12px;
    margin: 8px 0 0 0;
}

/* Text Header */
#RtColunm h3
{
    font-weight: bold;
    font-size: 14px;
    margin: 0;
    padding: 0;
}

/*____________________________________________________________
Street and Road Projects Map
____________________________________________________________*/
/* project box  */
#ProBox
{
    width: 550px;
    padding: 10px 0 0 10px;
    margin: 0 0 0 20px;
    border: 3px solid #feb13a;
    display: block;
    float: left;
}

#ProjectBox ul
{
    font-family: Helvetica;
    margin: 0;
    padding: 0;
    list-style-type: none;
    width: 90px;
    float: left;
}

#ProjectBox li
{
    float: left;
    padding-bottom: 10px;
}

.projectNumber
{
    display: block;
    float: left;
    font-size: 15px;
    font-weight: bold;
}

.projectNumber .ProImg
{
    margin-left: 5px;
    vertical-align: middle;
}

/* ProjectTitle Box (Right column) */
#ProjectTitleBox ul
{
    font-family: Helvetica;
    margin: 0;
    padding: 0;
    list-style-type: none;
    width: 460px;
    font-size: 12px;
    float: right;
}

/* ProjectTitle Link */
#ProjectTitleBox a:link
{
    color: #c21d1d;
    text-decoration: underline;
}
#ProjectTitleBox a:hover
{
    color: #c21d1d;
    text-decoration: none;
}
#ProjectTitleBox a:visited
{
    color: #c21d1d;
    text-decoration: underline;
}

#ProjectTitleBox .transit
{
    padding: 0 0 10px 0;
    line-height: 26px;
}

#ProjectTitleBox .street
{
    padding: 0 0 10px 0;
    line-height: 15px;
}
/*____________________________________________________________
Street and Road Projects  Detail Page
____________________________________________________________*/
/* Left Colunm */
#LfColunmSt
{
    display: block;
    margin: 0 20px 10px 10px;
    width: 230px;
    color: #333;
    float: left;
    padding: 10px;
    float: left;
    border-right: 1px dashed #acacac;
}

#LfColunmSt p
{
    line-height: 18px;
    font-size: 12px;
    margin: 8px 0 0 0;
}

/* Right Colunm */
#RtColunmSt
{
    display: block;
    padding: 0 10px 50px 10px;
    margin: 0 15px 10px 0;
    width: 230px;
    color: #333;
    float: left;
}

#RtColunmSt p
{
    line-height: 18px;
    font-size: 12px;
    margin: 8px 0 0 0;
}


/* Left Right Colunm line height*/
.List
{
    line-height: 18px;
    font-size: 12px;
    margin: 8px 0 0 0;
    padding: 15px;
}

/* Project Number */
#ProjectBoxSt
{
    display: block;
    margin: 0 10px 10px 10px;
    width: 500px;
    font-weight: bold;
    background-color: #fef0d9;
    font-size: 15px;
    float: left;
    padding: 5px 5px 5px 15px;
}

/* Project Number Image */
#ProjectBoxSt .ProImg
{
    margin: 0 5px 0 5px;
    vertical-align: middle;
}

/* cost heading*/
.cost
{
    font-size: 18px;
    display: block;
    font-weight: bold;
}

/*____________________________________________________________
Renewed Early Action Plan Map
____________________________________________________________*/
/* St. & Road Timeline Graphic */
.stroadImg
{
    background-image: url(Uploadedimages/Files/images/timeline_road.gif);
}

/* Freeway Timeline Graphic */
.freewayImg
{
    background-image: url(Uploadedimages/Files/images/timeline_freeway.gif);
}

/* Transit Timeline Graphic */
.TransitImg
{
    background-image: url(Uploadedimages/Files/images/timeline_transit.gif);
}

/* Transit Timeline Graphic */
.EnviroImg
{
    background-image: url(Uploadedimages/Files/images/timeline_enviro.gif);
}

#Timeline, #FwyTimeline
{
    margin: 0;
    padding: 0;
    background-repeat: no-repeat;
}

#Timeline ul
{
    margin: 0;
    padding: 50px 0 0 23px;
    font-size: 10px;
    line-height: 24px;
    height: 457px;
    list-style-type: none;
}
#Timeline li
{
    list-style-type: none;
}
/* Timeline  Link */
#Timeline a:link
{
    color: #000;
    text-decoration: none;
}
#Timeline a:hover
{
    color: #000;
    text-decoration: underline;
}
#Timeline a:visited
{
    color: #000;
    text-decoration: underline;
}

/* Freeway Timeline02 Graphic */
.freewayImg02
{
    background-image: url(images/timeline_freeway02.gif);
}

#FwyTimeline ul
{
    margin: 0;
    padding: 80px 0 0 28px;
    font-size: 11px;
    line-height: 65px;
    height: 595px;
    list-style-type: none;
}

/* Freeway Timeline02  Link */
#FwyTimeline a:link
{
    color: #000;
    text-decoration: none;
}
#FwyTimeline a:hover
{
    color: #000;
    text-decoration: underline;
}
#FwyTimeline a:visited
{
    color: #000;
    text-decoration: underline;
}

/* Freeway Timeline02 Comment */
#CommTimeline
{
    width: 550px;
    font-size: 12px;
    padding: 5px;
}

/*____________________________________________________________
Measure M2
____________________________________________________________*/
#M2contentBox2
{
    background-color: #fbf9f9;
    float: left;
    padding: 0 4px;
    margin: 0 4px;
    text-align: left; /*border:1px red solid;*/
}

#M2contentBox2 table
{
    margin-bottom: 0;
}

#M2contentBox2 a
{
    text-decoration: none;
}

img
{
    border: 0;
    padding-bottom: 0;
}

.pointer
{
    cursor: pointer;
}

p
{
    font-family: Arial;
}

.ProjectTitle
{
    font: normal 18px arial, helvetica;
    width: 100%;
    font-family: Arial;
    color: #0074bd;
}

.ProjectTitle .Small
{
    font: normal 14px arial, helvetica;
    width: 100%;
    font-family: Arial;
    color: #0074bd;
}

/*---------
  Top
---------*/
.FlashBanner
{
    float: left;
    height: 276px;
    background: url(imgs/flashBannerBg.jpg) bottom left no-repeat;
}

/* M2 Heading */
.M2Heading
{
    padding: 15px;
    float: left;
}


.TopLf
{
    float: left;
    width: 169px;
    padding: 3px 0 0 5px;
}

.TopRt
{
    float: right;
    width: 410px;
    display: inline;
    padding: 5px 5px 0 0;
    font-size: 11px;
}

/*-------------------
   Interactive Map
------------------------*/
.mapBox
{
    float: left;
    padding: 0 8px;
    margin: 8px 0 2px 0;
    display: inline;
    font-size: 11px;
    font-family: Arial; /* color: #747474;*/
    border: 1px solid #75abd9;
}

.mapBox img
{
    margin: 3px 0 0 0;
}

/* Map Filter Categories */
.mapFilterTitle
{
    font: normal 12px arial, helvetica;
    width: 99%;
    padding: 2px;
    margin: 5px 0 0 0;
    background-color: #e2eff8;
    border-bottom: 1px solid #bacfe2;
    color: #0064a2;
}

/* Map Filter Categories */
.mapFilter
{
    font: normal 12px arial, helvetica;
    width: 100%;
    padding: 0 5px;
    background-color: #c0dcf4;
    border-bottom: 1px solid #bacfe2;
    color: #0069a3;
}

.mapFilter_title
{
    font: bold 14px arial, helvetica;
    padding-bottom: 5px;
}
.mapFilter_line
{
    border-left: 1px dotted #0069a3;
}

/* Project Legend */


.phraseLegend li
{
    float: left;
    margin: 0;
    padding: 4px 15px 2px 0;
    list-style-type: circle;
    font-size: 11px;
}

.phraseLegend img
{
    padding: 0 3px 0 0;
    list-style-type: none;
    vertical-align: middle;
}

/* Left Menu */
.TopLfMenu, .phraseLegend
{
    float: left;
    padding: 0;
    margin: 0;
}

.TopLfMenu li
{
    float: left;
    margin: 0;
    padding: 4px 0 2px 0;
    font-size: 11px;
}

.TopLfMenu img
{
    vertical-align: middle;
}

.TopLfMenu a:hover
{
    color: #0074bd;
    text-decoration: underline;
}
/*---------
  M2 Menu
---------*/
.M2MenuTitle, .M2MenuTitle a:link, .M2MenuTitle a:hover, .M2MenuTitle a:visited
{
    font: bold 20px arial;
    color: #0074bd !important;
}

.M2Menu, .FreewayMenu
{
    float: left;
    padding: 0;
    width: 485px;
    margin: 0;
}

.M2Menu li, .M2Menu li:hover
{
    /*border: 1px red solid;*/
    float: left;
    font-size: 12px;
    height: 68px;
    width: 465px;
    padding: 8px 15px 8px 5px;
    text-align: left;
}
.M2Menu li
{
    background: url(/MeasureM2/Images/M2Menu_off.jpg) top left no-repeat;
}
/*.M2Menu li:hover
{
    background: url(/MeasureM2/Images/M2Menu_on.jpg) top left no-repeat;
}*/

.M2Menu b, .FreewayMenu b
{
    text-transform: uppercase;
    color: #358dcd;
    font-size: 14px;
    padding-bottom: 5px;
}
.M2Menu a, .FreewayMenu a
{
    color: #7c7d7f !important;
    font-family: Arial;
    float: left;
}
.M2MainMenu a
{
    color: #7c7d7f !important;
    font-family: Arial;
}

.M2Menu img, .FreewayMenu img
{
    padding: 8px 5px 5px 5px;
    vertical-align: top;
    float: left;
}

.M2Menu a div, .FreewayMenu a div
{
    /*border: 1px blue solid;*/
    margin: 20px 0 0 85px;
}

.M2Menu a
{
    margin: -8px -15px 0px -5px;
    width: 481px;
    height: 78px; /*border: 1px green solid;*/
}

.FreewayMenu a
{
    width: 482px;
    margin: -15px -15px 0 -5px; /*border: 1px green solid;*/
}

.ToolBoxIconMenu a
{
    width: 200px;
}

.MsMenuBg
{
    /*padding: 10px;*/
    width: 394px;
    float: left;
    background: url(/MeasureM2/images/menuBg.gif) top right no-repeat;
}

.FreewayMenu li, .FreewayMenu li:hover
{
    color: #7c7d7f;
    padding: 15px 0 0 5px;
    margin: 0;
    font-size: 12px;
    height: 49px;
    width: 480px;
    text-align: left;
    display: block; /*border: 1px red solid;*/
}
.FreewayMenu li
{
    background: url(/MeasureM2/Images/FreewayMenu_off.jpg) bottom left no-repeat;
}
/*.FreewayMenu li:hover
{
    background: url(/MeasureM2/Images/M2Menu_on.jpg) bottom left no-repeat;
}*/

.FreewayMenu li.noBackground2, .FreewayMenu li.noBackground2:hover
{
    background: none;
    display: block;
    height: 40px;
    width: 482px;
    padding: 0;
    margin: 0;
}
.FreewayMenu li.noBackground3, .FreewayMenu li.noBackground3:hover
{
    background: none;
    display: block;
    height: 64px;
    width: 482px;
    padding: 0;
    margin: 0;
}
.FreewayMenu li.noBackground4, .FreewayMenu li.noBackground4:hover
{
    background: none;
    display: block;
    height: 88px;
    width: 482px;
    padding: 0;
    margin: 0;
}
.projectList
{
    background: none;
    width: 100%;
    padding: 1px 0 0 0;
    margin: 1px 0 0 0;
    border-left: 1px solid #cdd2d6;
    border-right: 1px solid #cdd2d6;
}

.projectList li, .projectList li:hover
{
    display: block;
    background: none;
    height: 4px;
    width: auto;
    margin: 0;
    border-bottom: 1px dotted #cdd2d6;
}

.projectList li a
{
    width: auto;
    color: #89888a !important;
}
.projectList a:hover
{
    text-decoration: underline;
}

/**:first-child+html body .projectList li, *:first-child+html body .projectList li:hover,.projectList li, .projectList li:hover
{
    width: 460px;
    height: 4px;
    font-family: Arial;
    margin: 0 0 0 -16px;
    margin:0 0 0 -16px:"\"}\"";
    border-bottom: 1px dotted #cdd2d6;
    background: none; /*margin: -14px 0 12px 0;*//*padding: 17px 15px 0 5px;*//*
}*/

/*.projectList li , x:-moz-any-link , .projectList li:hover , x:-moz-any-link 
{
    width: 452px;
    height: 4px;
    font-family: Arial;
    margin:0;
    border-bottom: 1px dotted #cdd2d6;
    background: none; /*margin: -14px 0 12px 0;*//*padding: 17px 15px 0 5px;*//*
}*/



/*
--------------
  M2 Main Menu
--------------*/
.M2MainMenu
{
    margin: 0 0 15px 0;
    padding: 0;
    width: 80%;
    float: right;
    font-size: 12px;
}

.M2MainMenu li
{
    padding: 0 8px;
    float: right;
    border-right: 1px solid #e1e1e1;
    margin: 0;
}

/*-------------
 Tool Box Menu
--------------*/
.ToolMenuRt
{
    width: 213px;
}
.ToolBoxMenu, .ToolBoxIconMenu
{
    width: 100%;
    margin: 0;
    padding: 0;
    float: left;
    border-right: 2px solid #d1d2d7;
}

.ToolBoxMenu
{
    border-bottom: 2px solid #d1d2d7;
}
.ToolBoxMenu li, .ToolBoxMenu li:hover
{
    height: 34px;
    text-align: center;
    font-size: 12px;
    margin: 0;
}
.ToolBoxMenu li
{
    background: url(/MeasureM2/Images/toolboxBg_off.jpg) top left repeat-x;
}
/*.ToolBoxMenu li:hover
{
    background: url(/MeasureM2/Images/toolboxBg_on.jpg) top left repeat-x;
}*/
.ToolBoxMenu a
{
    height: 16px;
    padding: 9px 0;
    display: block;
    color: #7c7d7f !important;
    font-family: Arial;
}


.ToolBoxIconMenu li
{
    border-bottom: 2px solid #ccc;
    float: left;
    margin: 0;
    width: 100%;
    height: 52px;
    padding: 0;
    background: url(/MeasureM2/Images/FreewayMenu_off.jpg) top left repeat-x;
}
/*.ToolBoxIconMenu li:hover
{
    background: url(/MeasureM2/Images/ToolBoxIconMenu_on.jpg) top left repeat-x;
}*/
.ToolBoxIconMenu li div.ToolBoxIconMenuLeft
{
    float: left;
    width: 50px; /*border: 1px red solid;*/
}
.ToolBoxIconMenu li div.ToolBoxIconMenuRight
{
    float: left;
    width: 152px; /*border: 1px blue solid;*/
}
.ToolBoxIconMenu li div.ToolBoxIconMenuLeft img
{
    padding: 6px 4px 1px;
}
.ToolBoxIconMenu li div.ToolBoxIconMenuRight a
{
    color: #7c7d7f !important;
    font-family: Arial;
    width: 100%;
    float: right;
    padding: 19px 0 19px 10px;
}

/*----------------------------------------------------------------*/

/*.searchBox
{
    margin: 0;
    float: left;
    font-size: 11px;
    width: 100px;
}
.arrowOrnage
{
    display: block;
    width: 100px;
    height: 13px;
    background: url(imgs/arrowOrnage.gif) center right no-repeat;
}*/


/*----------------
  Interactive Map
----------------*/
#SndBox
{
    float: left;
    padding: 10px 5px; /*  background: #e9f2fb url(imgs/SndBg.gif) top left repeat-x;*/
}

.SndWhole
{
    float: left;
    width: 100%;
    margin: 10px 0 0 0; /*border: 1px solid #daeaf9;*/
    font-size: 12px;
    font-family: Arial; /* color: #747474;*/
}

.SndWhole div
{
    font-family: Arial;
}

.SndWhole p
{
    line-height: 18px;
    padding-bottom: 20px;
    font-family: Arial;
    font-size: 12px;
}

.SndWhole .ProjectLf table
{
    font-size: 12px;
    font-family: Arial; /*margin-top: -20px;*/
}

.SndWhole ol li
{
    list-style-type: decimal;
    font-family: Arial;
    font-size: 12px;
}

.SndWhole ul li
{
    list-style-type: disc;
    font-family: Arial;
    font-size: 12px;
}

.projectImg img
{
    float: left;
    padding: 5px;
    background: url(/images/imgBg.gif) top left no-repeat;
    margin: 5px 20px 5px 0;
}

.projectImg
{
    float: left;
    background-color: #eae9ea;
    width: 123px;
    margin: 5px 20px 0 0;
}

.projectImg02
{
    float: left;
    margin-right: 5px;
    background-color: #eae9ea;
    width: 258px;
    margin: 5px 0 0 0;
}

.projectImg02 img
{
    float: left;
    padding: 3px;
    border: 1px solid #669acc;
    margin: 5px 3px;
}

.photoTop
{
    background: url(/images/imgBg_top.gif) bottom left no-repeat;
    height: 5px;
    display: block;
}

.SndLf
{
    float: left;
    width: 490px;
    border: 1px solid #daeaf9;
    font-size: 12px;
    font-family: Arial;
    padding: 10px 5px 0 5px;
}

.SndLf p
{
    line-height: 18px;
    padding-bottom: 20px;
    font-family: Arial;
}

.SndRt
{
    float: right;
    width: 195px;
    border: 1px solid #daeaf9;
    margin-bottom: 5px;
    padding: 10px 5px 5px 5px;
}

.ProjectRt
{
    float: right;
    margin: 0 0 20px 20px;
    width: 280px;
}

.ProjectLf
{
    margin: 0;
    line-height: 18px;
}

.ProjectLf p
{
    margin-bottom: -20px;
    line-height: 18px;
}

.ProjectLf ul, .ProjectLf ol
{
    line-height: 18px;
}

/*----------------
  Project Menu
----------------*/
.ProjectSndTitle
{
    font: normal 14px arial, helvetica;
    width: 100%;
    font-family: Arial;
    color: #0074bd !important;
}

.projectMenu
{
    float: left;
    margin: 15px 0;
    padding: 0;
    border-bottom: 1px solid #daeaf9;
    width: 830px; /*border:1px blue solid;*/
}

.projectMenu li.off
{
    padding: 2px 10px;
    border-left: 1px solid #daeaf9;
    border-right: 1px solid #daeaf9;
    border-top: 1px solid #daeaf9;
    list-style-type: none;
    background: url(/MeasureM2/images/projectMenuBg.gif) top left repeat-x;
    float: left;
    margin: 0 3px;
}

.projectMenu li.on
{
    padding: 2px 10px;
    border-left: 1px solid #daeaf9;
    border-right: 1px solid #daeaf9;
    border-top: 1px solid #daeaf9;
    list-style-type: none;
    background: none;
    float: left;
    margin: 0 3px;
}

.projectMenu li a.off
{
    font-size: 12px;
    list-style-type: none;
    color: #89888a !important;
}

.projectMenu li a.on
{
    font-size: 12px;
    list-style-type: none;
    color: #0074bd !important;
}

.projectMenu img
{
    vertical-align: middle;
}
/*----------------
 TimeLine
----------------*/
.timeLineHeading
{
    padding: 5px 0 5px 10px;
    background-color: #ffeda6;
    font-weight: bold;
}

.timeLineTable
{
    width: 265px;
    text-align: center;
    margin: 10px 0 5px 0;
    float: left;
}

.timeLineTable .vline
{
    border-right: 1px dotted #999;
    height: 10px;
}
.timeLineTable .vlineRed
{
    border-right: 1px dotted #c71013;
    height: 10px;
}
.timeLineTable .blue
{
    background-color: #79a7ec;
    height: 20px;
}
.timeLineTable .darkblue
{
    background-color: #285290;
    height: 20px;
}
.timeLineTable .green
{
    background-color: #41a15d;
    height: 20px;
}
.timeLineTable .whiteLine
{
    border-right: 1x solid white;
}
.timeLineTable .redLine
{
    border-right: 2px solid #c71013;
}

/*----------------
  Interactive Map
----------------*/
.SndTitle
{
    width: 100%;
    font-family: Arial;
    color: #0074bd;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: normal;
    height: 32px;
}
.SndTitle2
{
    width: 100%;
    font-family: Arial;
    color: #0074bd;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: normal;
    
}

.MapProject
{
    float: left;
    margin: 0;
    padding: 0;
}

.MapProject li
{
    float: left;
    display: inline;
    border-bottom: 1px dotted #b6b5b5;
    margin: 0;
    font-size: 11px;
    width: 195px;
    font-family: Arial; /* color: #747474;*/
    padding: 0 0px 5px 0;
}

.MapProject .ProImg
{
    margin-left: 5px;
    vertical-align: middle;
    border: 1px solid #ccc;
    padding: 3px;
}

.MapProject img
{
    vertical-align: middle;
    float: left;
    margin-right: 10px;
}

.MapProject a:link, .MapProject a:hover, .MapProject a:visited
{
    font-size: 13px;
    font-family: Arial;
    color: #0074bd !important;
    display: block;
}
.MapProject .budget
{
    color: Red;
    margin-left: 15px;
}
.mapsearchBox
{
    margin: 0;
    width: 150px;
}

.mapdropBox
{
    margin: 0 5px;
    display: inline;
    width: 200px;
}

.ProjectBox
{
    float: left;
    width: 180px;
    border: 1px solid #daeaf9;
    margin-bottom: 3px;
    padding: 10px 5px 5px 5px;
}

.ProjectColor
{
    width: 12px;
    height: 12px;
    display: block;
    float: left;
    margin-right: 5px;
}

/*----------------
  Subscriptions
----------------*/
.SubTableProject
{
    width: 98%;
}

.SubTableProject td
{
    border-bottom: 1px solid #b4d3f0;
    font-family: Arial;
    padding: 3px 0 3px 5px;
}


ul.Subscription
{
    margin: 0 10px 0 0;
    padding: 0; /*border:1px red solid;*/
}

ul.Subscription li
{
    padding: 4px 0px 4px 20px;
    border-bottom: 1px solid #b4d3f0;
    font-family: Arial;
    list-style-type: none;
    cursor: pointer; /*border:1px red solid;*/
}

.Subscription li.expand
{
    background: url(/MeasureM2/Images/expand.jpg) left 5px no-repeat;
}
.Subscription li.collapsed
{
    background: url(/MeasureM2/Images/collapse.jpg) left 5px no-repeat;
}

ul.Subscription li ul
{
    margin: 4px 0px 0px -20px;
    padding: 0;
    display: none; /*border:1px green solid;*/
}

ul.Subscription li ul li
{
    padding: 4px 0px 4px 20px;
    border-top: 1px solid #b4d3f0;
    border-bottom: none; /*border:1px green solid;*/
}



.SubList
{
    margin: 10px 0 20px -20px;
    padding: 0 0 0 20px;
}

.SubList li
{
    float: left;
    display: inline;
    border-bottom: 1px solid #b4d3f0;
    margin: 0;
    width: 300px;
    font-family: Arial;
    padding: 3px 0 3px 5px;
}

.SubTable
{
    margin: 10px 0 0 0;
    float: left;
    width: 90%;
}

.contractingTable
{
    float: left;
    margin: 10px 0 20px 0;
    font-size: 11px;
    font-family: Arial;
    width: 100%;
}

.contractingTable tr.hover
{
    background-color: #d9ecfd;
}

.contractingTable tr.pointer
{
    cursor: pointer;
}

.contractingTable th
{
    background-color: #d9ecfd;
    margin: 0;
    padding: 5px;
    color: #0074bd;
    text-align: left;
}

.contractingTable td
{
    margin: 0;
    padding: 5px;
}

.contractingTable a
{
    color: #0074bd !important;
    text-decoration: underline !important;
}

.vline
{
    border-right: 1px dotted #d0d0d0;
}
.hline td
{
    border-bottom: 1px solid #b4d3f0;
}

.FlashBanner
{
    width: 553px;
    height: 330px;
    padding: 0;
    margin: 0;
}

/*____________________________________________________________
Transit Projects
____________________________________________________________*/
.ProjectBoxRt, .ProjectUpdatesBox
{
    width: 260px;
    border: 1px solid #daeaf9;
    float: left;
    margin: 0 0 10px 0;
    padding: 5px;
}

.ProjectUpdatesBox, .ProjectUpdatesBox
{
    width: 700px;
    font-size: 12px;
    float: left;
}




.MapProject01 li a, .MapProject01 li a:link, .MapProject01 li a:hover, .MapProject01 li a:visited
{
    font-size: 12px;
    display: inline-block;
    text-decoration: underline;
    color: #0074bd !important;
}

.MapProject01
{
    float: left;
    display: inline;
    margin: 0 0 0 0px;
    padding: 0;
}

.MapProject01 li
{
    float: left;
    display: inline;
    border-bottom: 1px dotted #b6b5b5;
    margin: 0;
    width: 265px;
    font-size: 11px;
    font-family: Arial;
    list-style-type: none;
    color: #000;
    padding: 5px 0px 5px 0;
}

.MapProject01 img
{
    vertical-align: middle;
    float: left;
    padding-right: 2px;
}




.ProjectUpdatesBox .MapProject02 li a, .ProjectUpdatesBox .MapProject02 li a:link, .ProjectUpdatesBox .MapProject02 li a:hover, .ProjectUpdatesBox .MapProject02 li a:visited
{
    font-size: 12px;
    display: inline-block;
    text-decoration: none;
    color: #333333 !important;
    margin-left: 20px;
}
.ProjectUpdatesBox .MapProject02 li a:hover
{
    cursor: pointer;
    text-decoration: underline;
}
.ProjectBoxRt > ul li a, .ProjectBoxRt > ul li a:link, .ProjectBoxRt > ul li a:visited, .ProjectBoxRt > ul li a:active, .ProjectBoxRt > ul li a:hover
{
    font-size: 12px;
    text-decoration: underline !important;
}
.MapProject02
{
    margin: 10px 0;
    float: left;
    border-bottom: 1px solid #D2E5F2;
}
.MapProject02, .MapProject02 ul
{
    /*display: inline;*/
    padding: 0;
    width: 700px;
}
.MapProject02 li
{
    width: 100%;
    padding: 5px 0;
    margin: 0;
    color: #333;
    float: left;
    cursor: pointer;
    width: 100%;
    border-top: 1px solid #D2E5F2;
}
.MapProject02 li.expand
{
    background: url(/MeasureM2/Images/expand.jpg) left 5px no-repeat;
}
.MapProject02 li.collapsed
{
    background: url(/MeasureM2/Images/collapse.jpg) left 5px no-repeat;
}
.MapProject02 li span
{
    padding: 5px 300px 5px 0;
    width: inherit;
    margin-left: 20px;
}
.MapProject02 li ul
{
    margin: 3px 0 0;
    display: none;
}
.MapProject02 ul li
{
    background-position: none;
    float: left;
    background: none;
    margin: 0;
    color: #000;
    font-size: 11px;
    font-family: Arial;
    padding: 5px 0;
}
.MapProject02 div.dialog
{
    float: left;
}



.EnvironmentalProject a:link, .EnvironmentalProject a:hover, .EnvironmentalProject a:visited
{
    font-size: 10px;
    font-family: Arial;
    color: #0074bd !important;
    display: block;
}

/*.searchBox02
{
    margin: 10px 0;
    display: inline;
    float: left;
    font-size: 11px;
    width: 200px;
}*/


/*____________________________________________________________
All Projects
____________________________________________________________*/
.ProjectsView
{
    margin: 0 0 0 10px;
    display: inline;
    float: left;
    font-size: 11px;
}

.ProjectsViewLink
{
    color: #0074bd;
    display: inline-block;
    margin: 3px 0;
}




/*________________
CAMM
__________________*/
.CammList
{
    margin: 10px 0 0 0;
    display: inline;
    padding: 10px 5px;
    float: left;
    width: 100%;
}



/* PHOTO GALLERY SLIDER */
.stepcarousel
{
    position: relative; /*leave this value alone*/
    overflow: visible; /*leave this value alone*/
    width: 255px; /*Width of Carousel Viewer itself*/
    min-height: 100px;
    height: auto; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt
{
    position: absolute; /*leave this value alone*/
    left: 0;
    top: 0;
}

.stepcarousel .panel
{
    float: left; /*leave this value alone*/
    overflow: visible; /*clip content that go outside dimensions of holding panel DIV*/
    margin: 1px; /*margin around each panel*/
    width: 255px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
    min-height: 100px;
    height: auto;
    border: 0px red solid;
}

.stepcarousel .belt .panel .Photo
{
    width: 124px;
    float: left; /*border: 1px blue solid;*/
}
/* PHOTO GALLERY SLIDER */



/* Project Manager */
.projectManager
{
    width: 125px;
    font: normal 10px arial, helvetica;
    float: left;
    border: 0px black solid;
}

.projectManager .manager
{
    float: left;
    padding: 0 4px;
    border: 0px green solid;
}
/* Project Manager */



/*________________
Environmental
__________________*/
.EnvironmentalLf
{
    float: left;
    margin: 0 0 0 8px;
    width: 480px;
}

.EnvironmentalProjectBox
{
    margin: 0 0 10px 0;
}

.EnvironmentalProject
{
    float: left;
    margin: 0;
    padding: 0;
}

.EnvironmentalProject li
{
    float: left;
    display: inline;
    border-bottom: 1px dotted #b6b5b5;
    margin: 0;
    width: 195px;
    font-size: 11px;
    font-family: Arial;
    list-style-type: none;
    color: #000;
    padding: 5px 0px 5px 0;
}

.EnviroImg02
{
    float: left;
    width: 560px;
    background: url(/MeasureM2/images/environment.gif) no-repeat;
}
.Timeline
{
    margin: 0;
    padding: 0;
    background-repeat: no-repeat;
    margin: 0;
    padding: 50px 0 0 23px;
    font-size: 10px;
    line-height: 24px;
    height: 457px;
    list-style-type: none;
}
.Timeline li
{
    list-style-type: none;
}
.Timeline li a:link
{
    color: #000;
    text-decoration: none;
}
.Timeline li a:hover
{
    color: #000;
    text-decoration: underline;
}
.Timeline li a:visited
{
    color: #000;
    text-decoration: underline;
}

/* Agenda Archives table */

.EnvironmentaCommittee
{
    margin-left: 15px;
}

.EnvironmentaCommittee li
{
    margin: 0;
    padding: 3px 0;
    list-style-type: circle;
}

.EnviroImg02procrastinat
{
    float: left;
    width: 560px;
    background: url(/MeasureM2/images/environment.gif) no-repeat;
}


.StreetsPopUp
{
    position: absolute;
    top: 450px;
    left: 550px;
    width: 300px;
    height: 80px;
    padding: 5px;
    vertical-align: top;
    font-size: 11px;
    font-family: Arial;
    color: Black;
    border: solid 1px gray;
    z-index: 100;
}

.StreetsPopUp h5
{
    margin: 4px 0;
    padding: 4px 0;
}


.MapInfoPopUp
{
    /* border: 1px blue solid;*/
}

.MapInfoPopUp td b
{
    font-size: 11px;
    font-family: Arial;
}

.MapInfoPopUp h5
{
    margin: 0 0 10px 0;
}

.videoimg
{
    margin: -11px 15px 3px 0;
}
*:first-child + html body .videoimg
{
    margin: -11px 15px 3px 0;
}
.videoimg, x:-moz-any-link
{
    margin: -11px 15px 3px 0;
}



/*______Ryan's Stuff______*/
.BoxFiftySeven
{
    width: 310px;
    border: 1px solid #daeaf9;
    float: left;
    margin: 0 0 10px 0;
    padding: 5px;
}

.BoxFiftySeven > ul li a:link, .BoxFiftySeven > ul li a:visited, .BoxFiftySeven > ul li a:active, .BoxFiftySeven > ul li a:hover
{
    font-size: 12px; /*border: solid 1px red;*/
}

.LinesFiftySeven
{
    float: left;
    display: inline;
    margin: 0 0 0 0px;
    padding: 0;
}

.LinesFiftySeven li
{
    float: left;
    display: inline;
    border-bottom: 1px dotted #b6b5b5;
    margin: 0;
    width: 315px;
    font-size: 11px;
    font-family: Arial;
    list-style-type: none;
    color: #000;
    padding: 5px 0px 5px 0;
}
/*______Ryan's Stuff______*/



#subsub_nav a.on
{
    border-right: 1px solid #ffffff;
    position: absolute;
    padding: 14px 6px 14px 10px;
}