/* Photo header */
#header {background: url(/images/common/header.png) no-repeat left bottom; width: 750px; height: 60px; }
#header td { vertical-align: bottom; padding: 0 30px 20px 30px; }
#header td h2 { font-weight: normal; font-size: 24px; line-height: 30px; font-weight: normal; color: #fff;  }

#body { background: #fff; color: #36332f; }
#body-topleft { width: 20px; height: 20px; background: #fff url(/images/common/bg/body-corners.png) no-repeat left top;   }
#body-topright { width: 20px; height: 20px;  background: #fff url(/images/common/bg/body-corners.png) no-repeat right top ; }
#body-bottomleft { width: 20px; height: 20px;  background: #fff url(/images/common/bg/body-corners.png) no-repeat left bottom;   }
#body-bottomright { width: 20px; height: 20px;  background: #fff url(/images/common/bg/body-corners.png) no-repeat right bottom ; }
#body-top { height: 20px; background: #fff url(/images/common/bg/body-topbottom.png) repeat-x left top ; }
#body-bottom { height: 20px; background: #fff url(/images/common/bg/body-topbottom.png) repeat-x left bottom ; }
#body-left { width: 20px; background: #fff url(/images/common/bg/body-sides.png) repeat-y left top ; }
#body-right { width: 20px; background: #fff url(/images/common/bg/body-sides.png) repeat-y right top; }

#body-content { background: #fff; width: 700px; height: 470px; padding:0 5px; }
#body-content ul { margin-bottom: 10px; margin-left: 20px; }
#body-content ol { margin-bottom: 10px; margin-left: 30px;  }
#body-content ul li { list-style-image: url(/images/common/bg/body-arrow.png); margin-top: 5px; }
#body-content ol li {  list-style-image: none; margin-top: 5px;  }
#body h2 { padding: 0; margin: 0 0 5px 5px; font-size: 14px; line-height: 18px; color: #36332f; }


.news { background: #fff url(/images/common/bg/news-bg.png) no-repeat top left; margin: 10px 5px 0 0; }
.news-topleft { width: 10px; height: 10px; background: url(/images/common/bg/news-corners.png) no-repeat left top; }
.news-topright { width: 10px; height: 10px; background: url(/images/common/bg/news-corners.png) no-repeat right top; }
.news-bottomleft { width: 10px; height: 10px; background: url(/images/common/bg/news-corners.png) no-repeat left bottom; }
.news-bottomright { width: 10px; height: 10px; background: url(/images/common/bg/news-corners.png) no-repeat right bottom; }
.news-top { height: 10px; background: url(/images/common/bg/news-topbottom.png) repeat-x left top; }
.news-bottom { height: 10px; background: url(/images/common/bg/news-topbottom.png) repeat-x left bottom; }
.news-left { width: 10px; background: url(/images/common/bg/news-sides.png) repeat-y left top; }
.news-right { width: 10px; background: url(/images/common/bg/news-sides.png) repeat-y right top; }
.news .releases th { text-align: left; font-weight: bold; width: 100px; vertical-align: top; padding: 5px; }
.news .releases td { text-align: left; width: 250px; vertical-align: top; padding: 5px; }

#news-content h3 { width: 200px; font-size: 14px; line-height: 18px; color: #377eab; padding-left: 10px; }
html>body #news-content h3 { width: 200px; padding-left: 110px; }

#news-content p { width: 200px; }
html>body #news-content p { width: 200px; padding-left: 110px; }

#news-content hr { border-bottom: 1px solid #eaeaea; height: 1px; clear: both; width: 90%; margin-bottom: 10px; }


.yellow { background: #f8eabe url(/images/common/bg/yellow-bg.png) no-repeat top left; margin: 10px; }
.yellow-topleft { width: 10px; height: 10px; background: url(/images/common/bg/yellow-corners.png) no-repeat left top; }
.yellow-topright { width: 10px; height: 10px; background: url(/images/common/bg/yellow-corners.png) no-repeat right top; }
.yellow-bottomleft { width: 10px; height: 10px; background: url(/images/common/bg/yellow-corners.png) no-repeat left bottom; }
.yellow-bottomright { width: 10px; height: 10px; background: url(/images/common/bg/yellow-corners.png) no-repeat right bottom; }
.yellow-top { height: 10px; background: url(/images/common/bg/yellow-topbottom.png) repeat-x left top; }
.yellow-bottom { height: 10px; background: url(/images/common/bg/yellow-topbottom.png) repeat-x left bottom; }
.yellow-left { width: 10px; background: url(/images/common/bg/yellow-sides.png) repeat-y left top; }
.yellow-right { width: 10px; background: url(/images/common/bg/yellow-sides.png) repeat-y right top; }

.yellow-content { font-size:12px; line-height: 16px; color: #36332f; }
.yellow-content h3 { font-size: 18px; line-height: 20px; font-weight: normal; color: #00529c; margin-bottom: 10px; }
.yellow-content p { margin-left: 0; padding-left: 0;  }
.yellow-content a { color: #00529c; text-decoration: underline; }	
.yellow ul { list-style-image: url(/images/common/bg/yellow-arrow.png); margin-left: 20px; }
.yellow ul li {  margin-bottom: 5px; }

.yellow-tab-topleft { width: 10px; height: 40px; background: url(../../images/about/board/yellow-corners-tab.png) no-repeat left top; }
.yellow-tab-topright { width: 10px; height: 40px; background: url(../../images/about/board/yellow-corners-tab.png) no-repeat right top; }


.blue { background: #87d0fc url(/images/common/bg/blue-bg.png) no-repeat top left; margin: 10px; }
.blue-top { width: 10px; height: 10px; background: url(/images/common/bg/blue-topbottom.png) repeat-x left top; }
.blue-bottom { width: 10px; height: 10px; background: url(/images/common/bg/blue-topbottom.png) repeat-x left bottom; }
.blue-left { width: 10px; height: 10px; background: url(/images/common/bg/blue-sides.png) repeat-y left top; }
.blue-right { width: 10px; height: 10px; background: url(/images/common/bg/blue-sides.png) repeat-y right top; }
.blue-topleft { width: 10px; height: 10px; background: url(/images/common/bg/blue-corners.png) no-repeat left top; }
.blue-topright { width: 10px; height: 10px; background: url(/images/common/bg/blue-corners.png) no-repeat right top; }
.blue-bottomleft { width: 10px; height: 10px; background: url(/images/common/bg/blue-corners.png) no-repeat left bottom; }
.blue-bottomright { width: 10px; height: 10px; background: url(/images/common/bg/blue-corners.png) no-repeat right bottom; }

.blue-content { font-size:12px; line-height: 16px; color: #393939; }
.blue-content h3 { font-size: 14px; line-height: 18px; color: #393939; margin-bottom: 10px; text-transform: uppercase; }
.blue-content p { margin-left: 0; padding-left: 0;  }
.blue-content li { list-style-image: url(/images/common/blue-bullet.gif); margin-left: 0; margin-bottom: 10px; }
.blue-content a { color: #377eab !important; text-decoration: underline; }
.blue-content a:hover { color: #df2d04 !important; text-decoration: underline; }
.blue-content h4 { font-size: 14px; color: #377eab; }

.left { float: left; margin-right: 10px; margin-bottom: 10px;  }
.right { float: right; margin-left: 10px; margin-bottom: 10px;  }
.top { margin-bottom: 10px;  }
.topleft { float: left; margin-top: 5px; margin-bottom: 10px; margin-right: 10px; }

.footnote { border-top: 1px solid #a7a097; color: #817a71; font-size: 11px; padding-top: 10px; margin: 20px 20px 10px 0; }

h3 { font-size: 14px; line-height: 18px; color: #377eab; }

/* Project Page-specific CSS */
.project-footnote { clear: both; border-top: 1px solid #a7a097; color: #6a6660; font: normal 8px/10px Verdana, sans-serif; padding-top: 5px; margin: 10px 0; color: #000; }

.project-list { background: url(/images/about/projects/list-bg.png) no-repeat left top; width: 700px; }

/*.project-list .project { width: 100px; padding-left: 10px; float: left; }
html>body .project-list .project { width: 95px; }
.project-list .project a { color: #000; }
.project-list .project a:hover { color: #df2d04; }

.project-list .project-minor { width: 150px; padding-left: 10px; float: left; }
.project-list .project-minor a { color: #000; }
.project-list .project-minor a:hover { color: #df2d04; }*/

.printer-friendly { background: url(../../images/about/projects/icon-print.gif) no-repeat left top; float: right; display: block; width: 21px; height: 20px; margin-left: 10px; margin-top: 5px; padding-top: 3px; padding-left: 25px; text-decoration: underline; font: 10px Arial,sans-serif; text-indent:-10000px; }

table.instructions	{ margin: 20px 10px ; width: 670px; }
table.instructions td { vertical-align: top; padding: 0 10px 20px 0; }

/* Project Slideshow */
.project-menu { background: url(/images/common/bg/body-arrow.png) no-repeat left top; padding-left: 15px; padding-bottom: 5px;  display:block; }
.SlideshowButton { color: #36332F; background: #2a77a4 url(/images/common/button-default.gif) center left repeat-x; padding: 3px; margin: 5px 0; border: 1px solid #8ab2cc; }

/*CSS for new TollRates */
table.tollrates { border-top: 1px solid #bbb4ab;  border-bottom: 1px solid #bbb4ab; color: #36332f; width: 700px;}
table.tollrates .logo {  text-align: center; vertical-align: middle; padding-top: 5px;}
table.tollrates td { font: normal 12px Arial, sans-serif; }
table.tollrates th { font: bold 12px Arial, sans-serif; }
table.tollrates th { text-align: left; font-weight: bold; vertical-align: top;  background-color: #f9e3a6; }
table.tollrates td { text-align: left; padding: 5px; vertical-align: top; }
table.tollrates tr.odd th { background-color: #f5d785; }
table.tollrates tr.odd td { background-color: #fcf7ea; }
h3.tollrates, h3.tollrates a { font: bold 14px/18px Arial, sans-serif !important; color: #377eab !important; width: 480px; }
h3.tollrates { margin-bottom: 5px; }
table.tollrates tbody th { padding-left: 5px; }
        
table.tollrates tr.heading th { background-color: #877f76; color: #fff; font: 9px/9px Arial,sans-serif; padding: 3px 0 3px 0; vertical-align: middle; text-align: center; }
table.tollrates tr.heading th strong { font-weight: bold; }