/* Stylesheet for 3-digit interstate pages. */

body {
	 font-family: verdana, helvetica, sans-serif;
	 font-size: 80%;
	 margin-right: 15%;
	 background-color: #212133;
	 color: black;
}

/* all table cells should be top-aligned */
td {
    vertical-align: top;
}

a:link 	{
	background-color: transparent;
	color: #36f;
	text-decoration: none;
	border-bottom: 1px dotted #36f;
}
	
a:visited {
	background-color: transparent;
	color: #639;
	text-decoration: none;
	border-bottom: 1px dotted #639;
}
	
a:active {
	background-color: transparent;
	color: #36f;
	text-decoration: none;
	border-bottom: 1px dotted #36f;
}		
	
a:hover {
	background-color: transparent;
	color:#c00;
	border-bottom: 1px solid #c00;
}

abbr, acronym {
  border-bottom: 1px dotted #666;
  cursor: help;
}

h2 {
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 125%;
	margin-bottom: 0;
	margin-top: 1.25em;
	text-indent: 0;
	border-top: #212133 solid 1px;
	width: 80%;
}

h2.toproute {
	margin-top: 0.25em;
	border: none;
}

h3 {
	font-weight: bold;
	font-size: 100%;
	margin-bottom: 0;
	margin-top: 0.75em;
	text-indent: 0;
}

/* beige main area */
div.info {
     background-color: #fffbda;
	 border: 1px solid #dda;
	 padding: 10px;
	 -moz-border-radius: 0 0 8px 8px;
}

/* blue sidebar to left */
div.leftside {
     background-color: #80e6f4;
	 border-left: 1px solid #dda;
	 border-bottom: 1px solid #dda;
	 padding: 10px;
	 -moz-border-radius: 0 0 0 8px;
}

div.sidebar
{
	width: 40%;
	float: right;
	border-left: 1px solid gray;
	padding: 8px 12px 8px 12px;
	margin: 0 0 0 12px;
	font-size: 80%;
	background-color: rgb(215, 255, 240);
}

ul.sidebar {
   margin-left: 1em;
   padding-left: 0;
}

p {
	text-indent: 1.5em;
	margin-top: 0;
	margin-bottom: 0.2em;
}

p.route {
	text-indent: 0;
	margin-top: 1em;
}

p.new {
	text-indent: 0;
	margin-top: 1em;
}

p.toproute {
	text-indent: 0;
	margin-top: 0.25em;
}

p.first {
	text-indent: 0;
}

span.linkto {
	font-size: 80%;
}

/* stupid IE doesn't support this. */
h1+p, h2+p, span+p, ul+p {
	text-indent: 0;
}

ul {
	margin-top: 0;
	margin-bottom: 0.2em;
	list-style-type: circle;
}

ul.leftside {
	margin-top: 0;
	margin-bottom: 0.2em;
	margin-left: 0;
	padding-left: 16px;
	list-style-type: circle;
}

ul.leftside li {
	margin-left: 0;
	padding-left: 0;
}

div.masthead {
	margin: 0;
	padding: 6px;
	background-color: #80e6f4;
	border-bottom: 1px solid #000099;
}

*.nav {
	text-indent: 0;
	font-weight: bold;
	background: transparent;
}

/* for breadcrumbs links, top of page */
*.quicklinks {
	text-indent: 0;
	font-size: 100%;
	margin-top: 0;
}

/* larger text announcing route number, if no marker */
*.route-label
{
	font-family: arial, helvetica;
	font-size: large;
	font-weight: default;
}

/* standard picture frame with small caption text */
/* you'll have to specify width for this pic = image width */
/* also, specify float */
*.pic   
{
	background-color: #80e6f4;
	border: 1px solid gray;
	padding: 4px;
	margin: 0em 0em 8px 8px;
	font-size: 80%;
}

/* float-right pic */
*.rpic   
{
	background-color: #80e6f4;
	border: 1px solid gray;
	padding: 4px;
	margin: 0em 0em 8px 8px;
	font-size: 80%;
	float: right;
}

*.pic-header {
   background-color: #30565C;
   padding: 0.5em;
	color: white;
	font-size: 125%;  /* back to normal */
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
}

/* info box is for the "more info" sidebars */
*.info-box {
	background-color: rgb(205, 255, 230);
	border: 1px solid gray;
	float: right;
	padding: 0;
	/* no padding... contents "bleed" to border */
	margin: 0 0 8px 8px;
	width: 12em;
}

/* larger info box */
*.big-info-box {
	background-color: rgb(205, 255, 230);
	border: 1px solid gray;
	float: right;
	padding: 0;
	/* no padding... contents "bleed" to border */
	margin: 0 0 8px 8px;
	width: 40%;
}

*.info-header {
    background-color: #10aa10;
    padding: 0.5em;
	color: white;
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 125%;
}

*.info-body {
    padding: 0.5em;
}

/* orange pullquote box right aligned */
*.pullquote {
	float: right;
	width: 200px;
	border-top: 3px solid #FF9900;
	border-bottom: 3px solid #FF9900;
	font: 125% palatino,times,serif;
	font-weight: bold;
	color: #FF9900;
	margin: 8px 0 8px 12px;
	padding: 8px 0 8px 0;
}

*.pullquote-source {
	text-align: right;
	font: 64% verdana, helvetica, sans-serif;
	color: black;
	margin-top: 8px;
}

pblockquote div {
	text-align: right;
	font: 64% verdana, helvetica, sans-serif;
	color: black;
	margin-top: 8px;
}

pblockquote p {
	text-indent: 0;
	font: 64% verdana, helvetica, sans-serif;
	color: black;
	margin-top: 8px;
}

/* different kind of blockquote that doesn't float */
blockquote {
   text-indent: 0;
   margin: 8px 5em 8px 3em;
   border-left: 3px solid #FF9900;
   padding-left: 8px;
}

div.tab
{
	width: 120px;
	background-color: #1F93FF;
	font-weight: bold;
	margin-top: 12px;
   padding: 2px;
   text-align: center;
}

div.shaded
{
	background-color: #CCE6FF;
	padding: 2px;
}

div.clear
{
	background-color: white;
   padding: 2px;
}

/* larger text announcing route number */
.state-label
{
	font-family: arial, helvetica;
	font-size: large;
	font-weight: bold;
	color: #E23B32;
}

.dead-label
{
	font-family: arial, helvetica;
	font-size: large;
	font-weight: bold;
	color: gray;
}

.alive-label
{
	font-family: arial, helvetica;
	font-size: large;
	font-weight: bold;
	color: #184B81;
}

.future-label
{
	font-family: arial, helvetica;
	font-size: large;
	font-weight: bold;
	color: green;
}

.title
{
	font-family: arial, helvetica;
	font-size: large;
	font-weight: bold;
	color: black;
}

.sources
{
	font-family: arial, helvetica;
	font-size: large;
	font-weight: bold;
	color: #184B81;
}

.route
{
   margin-top: 10;
   margin-bottom: 0;
}

/* for timeline */
*.histevent:hover { background-color: #b9d5b9; }
tr.histevent td { padding: 0.1em 0.5em; background-color: transparent; }
th.histevent { padding: 0.1em 0.5em; background-color: transparent; text-align: left; }