/* CSS Document */

body {
	font-family: Verdana, Helvetica, Arial, helvetica, sans-serif;
	background-color: white;
	margin: 0px;
	height: 100%;
	width: 100%;
	text-align: center; /* for IE */

}

html {
	height: 100%;
}


h3 {
	margin-left: 5px;
	margin-right: 5px;
	font-size: 15px;
	font-family: Verdana, Helvetica, Arial, helvetica, sans-serif;
	color: white;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 10px;
	background-color: #eeeeee;
}

h2 {
	font-size: 18px;
	font-family: Verdana, Helvetica, Arial, helvetica, sans-serif;
	color: black;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	margin-right: 5px;
	text-align: center;
	padding: 10px;
	background-color: #eeeeee;
	
}

h1 {
	font-family: Verdana, Helvetica, Arial, helvetica, sans-serif;
	font-size: 22px;
	font-weight: normal;
	margin-top: 6px;
	margin-bottom: 6px;
}

h6 {
	font-size: 14px;
	font-weight: normal;
	margin-top: 6px;
	margin-bottom: 6px;
	background-color: #CCCCCC;
	color: black;
	text-align: left;
	padding:10px;
}

p {
	font-family: Verdana, Helvetica, Arial, helvetica, sans-serif;
	color: black;
	text-align: left;
	font-weight: normal;
	font-size: 11px;
	line-height: 14px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 10px;
	padding-right: 10px;
}




a:link {
	color: green;
	text-decoration: none;
}

a:visited {
	color: #4A2885;
	text-decoration: none;
}

a:hover {
	color: #005B1E;
	background-color: #CBE3CB;
	text-decoration: underline;
}


#header {
	/* position: relative; */
	width: 100%;
	height: 90px;
	margin: 0px;
	/* padding: inherit; */
	background: url("http://www.upstatenyroads.com/assets/header2006.jpg");
	background-color: #00912a;
	background-repeat: no-repeat;
	background-position: bottom right;
	border: 0px;
	border-bottom-width: 0px;
	border-style: outset;
}


#sidebar {
	background-color: #eeeeee;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	width: 10%;
	padding: 10px;
	margin: 0px 0px 0px 0px;
	min-height: 100%;
	position: absolute;
	left: 0;
	text-align: left;
}

* html #sidebar {
	height: 100%;
}

#subheader {
	/* position: relative; */
	width: 100%;
	height: 36px;
	margin: 0px;
	background-color: #0055c9;
	border: 0px;
	border-bottom-width: 0px;
	border-style: hidden;
	color: white;
}



#subheader p {
	padding-top: 8px; 
	padding-bottom: 8px;
	padding-right: 20px;
	margin: 0px;
	background-color: #0055c9;
	text-align: right;
	color: white;
	font-size: 20px;
}


.navBarText1 {
	font-size: 10px;
	font-weight: bold;
	color: green;
	margin-bottom: 4px;
}

.navBarText2 {
	font-size: 9px;
	font-weight: normal;
	color: green;
	margin-left: 16px;
	margin-bottom: 4px;
}

#footer {
	position: relative;
/*	margin-top: -7.5em; */
	height: auto;
    voice-family: "\"}\"";
    voice-family: inherit;
	width: 100%;
	font-size: 10px;
	font-weight: normal;
	color: white;
	margin-bottom: 0px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
	background-color: #00912a;
	text-align: left;
}

#footer a:link {
	color: yellow;
}

#footer img {
	border: 0;
}

#container {
    position: relative;
    min-height: 100%;
    height: 100%;
    voice-family: "\"}\"";
    voice-family: inherit;
    height: auto;
	width: 100%;
	margin: 0 auto;   /* align for good browsers */
	text-align: left; /* counter the body center */
}

html>body #container {
    height: 100%;
}

* html #container {
	height: 100%;
}


#content {
	position: relative;
	width: 85%;
	margin-right: 2px;
	margin-left: 0px;
	float: right;
	padding-right: 10px;
	text-align: center;
	min-height: 100%;
}

* html #content {
	height: 100%;
}




.caption {
	background-color : White;
	color : #0055C9;
	font-size: 15px;
	border : thin solid White;
	margin : 0 auto;
	font-family: inherit;
	padding: 1em;
	text-align: center;
}

.blockquote {
	text-align: justify;
	font-weight: normal;
	padding-left: 45px;
	padding-right: 75px;
	background-color: #CCCCCC;
}

blockquote {
	text-align: justify;
	font-weight: normal;
	padding-left: 45px;
	padding-right: 75px;
	background-color: #EEEEEE;
}




ul {
	list-style-type: circle;
	margin-left: 5%;
	margin-right: 5%;
	text-align: left;
	font-size: 11px;
}

ol {
	margin-left: 10%;
	margin-right: 10%;
	text-align: left;
	font-size: 11px;
}


div.numberlist li {
	padding: 10px;
}

div.frame-table {
	margin-left: 10%;
	margin-right: 10%;
}


div.frame-table table {
	width: auto;
	border: ridge #999999;
	padding: 0px;
}

div.frame-table table td {
	padding: 10px;
	border: ridge #999999;
}

div.frame-table table th {
	padding: 0px;
}

div.frame-table table p {
	margin-left: 0px;
	margin-right: 0px;
	text-align: left;
}

div.frame-table ul {
	list-style-type: circle;
	margin-left: 0px;
	margin-right: 0px;
	text-align: left;
}

div.frame-table h1 {
	background-color : White;
	color : Blue;
	font-size: larger;
	border : thin solid White;
	margin : auto;
	text-align: center;
	font-style: normal;
}

.routeinfo {
	border: thin;
	margin-left: 5px;
	margin-right: 10px;
	background-color: #CCCCCC;
	font-family: Verdana, Helvetica, Arial, helvetica, sans-serif;
	color: black;
	text-align: left;
	font-weight: normal;
	font-size: 11px;
	line-height: 14px;

}

.routeinfo table {
	width: auto;
	border: ridge #999999;
	padding: 0px;
}

.routeinfo table td {
	padding: 10px;
	border: ridge #999999;
}

.routeinfo table th {
	padding: 0px;
}

.routeinfo table p {
	margin-left: 0px;
	margin-right: 0px;
	text-align: left;
}

.routeinfo ul {
	list-style-type: circle;
	margin-left: 10px;
	margin-right: 0px;
	padding: 10px;
	text-align: left;
	border: medium;
	border-color: silver;
	background-color: #CCCCCC;
}

.routeinfo li {
	margin-left: 15px;
}

.routeinfo h1 {
	background-color : White;
	color : Blue;
	font-size: larger;
	border : thin solid White;
	margin : auto;
	text-align: center;
	font-style: normal;
}





div.images {
	display: block;
	margin-left: auto;
	margin-right: auto;
	position:relative;
}


div.images p {
	text-decoration: none;
	margin: 0px;
	padding-top: 1px;
	padding-bottom: 0px;
	padding-left: 8px;
	padding-right: 8px;
	border: 0px;
	border-style: none;
	text-align: center;
}	

div.images img {
	border: 0;
}


div.image-caption {
	display: block;
	margin-left: auto;
	margin-right: auto;
	position:relative;
}


div.image-caption p {
	text-decoration: none;
	border: 0px;
	border-style: none;
	text-align: left;
	padding-left: 2px;
	padding-right: 2px;
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 9px;
}	

/* .shield img {
	style="float: left; margin-right: 0.5em;
} */

/*
div.navbar img {
	padding: 0px;
	margin: 0px;
	height: 32px;
	border: none;
	right: 0px;
}
*/

div.construction {
	background-color: #fc7c00;
	color: black;
	padding: 5px;
	border-color: #000000;
	border-width: 2px;
}



div.smaller-font {
	font-size: 10px;
	text-align: left;
}



div.center {
	text-align: center;
	padding: 2px;
	background-color: #CCCCCC;
}


div.center p {
	text-decoration: none;
	margin: 0%;
	border: 0px;
	border-style: none;
	text-align: center;
}	

div.disclaimer {
	text-align: left;
	padding: 10px;
	font-size: 85%;
}


div.disclaimer p {
	text-decoration: none;
	margin: 0px;
	padding-top: 3px;
	padding-bottom: 0px;
	padding-left: 8px;
	padding-right: 8px;
	border: 0px;
	border-style: none;
	text-align: left;	
	color: black;
}

div.disclaimer img {
	border: none;
}
	
div.menubar {
	/* position: relative; */
	width: 100%;
	height: 40px;
	margin: 0px;
	padding: inherit;
    text-align: center;	
	background-color: #005440;
	border: 0px;
	border-bottom-width: 0px;
	border-style: hidden;
}



div.menubar a {
	text-decoration: none;
	margin: 5px;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
	padding-right: 8px;
	border: 0px;
	border-style: solid;
	color: #F7D117;
	font-size: 9px;
}

div.menubar a:hover {
	color: #F7D117; text-decoration: overline underline;
}

div.phighlight {
	padding: 2px;
	text-align: left;
	color: black;
	
}

div.phighlight p {
	text-decoration: none;
	margin: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 8px;
	padding-right: 8px;
	text-align: left;
	background-color: white;
}


div.normal {
	margin-left: 10%;
	margin-right: 10%;
	text-align: center;
}

/* div.normal a { 
	color: #F7D117; 
	text-decoration: underline; 
	font-weight:normal; 
} */

div.normal p {
	text-decoration: none;
	margin: 0px;
	padding-top: 3px;
	padding-bottom: 0px;
	padding-left: 8px;
	padding-right: 8px;
	border: 0px;
	border-style: none;
	text-align: left;	
}

div.normal table p {
	margin-left: 0px;
	margin-right: 0px;
	text-align: left;
}


div.exit-list-warning td {
	background-color: #FCD116;
	border-color: #000000;
	color: black;
}

div.hub {
	text-align: center;
}

div.hub table {
	border-color: #CCCCCC;
	border-style: inset;
	border-width: thin;
	text-align: center;
}

div.hub table th {
	border-color: #CCCCCC;
	border-style: none;
	border-width: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
}

div.hub table td {
	border-color: #CCCCCC;
	border-style: inset;
	border-width: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
}

div.hub table p {
	text-align: center;
}

div.hub	a			{ color: #F7D117; text-decoration: underline; font-weight:normal; }
div.hub a:link		{ color: #F7D117; text-decoration: none; }
div.hub a:visited		{ color: #D97300; text-decoration: none; }
div.hub a:active		{ color: #003882; text-decoration: overline underline;}
div.hub a:hover		{ color: #F7D117; text-decoration: underline;}



table.photos {
	width: 100%;
	color: black;
	font-family: Verdana, Helvetica, Arial, helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	border: none;
}

table.mutcd {
	width: 100%;
	color: black;
	font-family: Verdana, Helvetica, Arial, helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	border: none;
}

table.google {
	width: 100%;
	color: black;
	font-family: Verdana, Helvetica, Arial, helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	border: none;
}

table.exits {
	width: 95%;
	font-size: medium;
	color : White;
	text-align : center;
	background-color: white;
	border: none;
	/* align: center;  */
}

table.touring {
	width: 50%;
	font-size: 12px;
	color: black;
	font-family: Verdana, Arial, Helvetica, sans-serif, "Lucida Grande";
	text-align: center;
	border: outset;
}

table.touring p {
	padding: 4px;
	text-align: left;
}

table.touring td {
	padding: 4px;
	text-align: left;
}

table.touring tr {
	padding: 4px;
}

table.touring img {
	vertical-align: middle;
}

/* table {
	background-color: #006B54;
	text-align: left;
	color: white;
	border: outset thick;	
} */

table {
	font-size: inherit;
	font-family: Verdana, Helvetica, Arial, helvetica, sans-serif;
	border-collapse: collapse;
	border-spacing: 0px;
	width: 100%;
}

/* table caption {
	padding: 1em;
	margin: 0 auto;
	text-align: center;
} */

table th {
	border-color: #333333;
	border-style: solid;
	border-width: thin;
	border-collapse: collapse;
	border-spacing: 0px;
}

table td {
	border-color: #333333;
	border-style: solid;
	border-width: thin;
	border-collapse: collapse;
	border-spacing: 0px;
	padding: 10px;
	
}

table img {
	border-style: none; 
}


/* table p {
	text-align: inherit;
}

*/

	




table.inset {
	border-collapse: collapse;
	text-align : center;
	border : none;
	width : 80%;
	margin : 0px;
	height : 100%;
}

.exits caption {
	background-color : #0055C9;
	color : white;
	font-size: large;
	border : thin solid White;
	margin : 0 auto;
	font-family: "Roadgeek 2005 Series D", Tahoma, Helvetica, sans-serif;
	text-transform: uppercase;
}





tbody.exits {
	background-color : #00912a;
	color : inherit;
}

TH.exit {
	background-color : #00912a;
	color : White;
	border : none Green;
}
	TH.direction {
	background-color : White;
	font-family: 'Trebuchet MS', Arial, helvetica, sans-serif;
	color : #00912a;
	padding-left : 4px;
	padding-right : 4px;
}

	td.panel {
	background-color: #00912a;
	color: white;
	font-family: "Roadgeek 2005 Series EM", BlueHighway, Verdana, Helvetica, sans-serif;
}

	td.direction {
	background-color : White;
	font-family: 'Trebuchet MS', Arial, helvetica, sans-serif;
	color : #00912a;
	padding-left : 4px;
	padding-right : 4px;
}
	.fwyname {
	background-color : White;
	color : Blue;
	font-size: x-large;
	border : thin solid White;
	margin : auto;
}

  	tr.toll td {
	background-color: #FCD116;
	font-family: 'Trebuchet MS', Arial, helvetica, sans-serif;
	color: black;
	padding-left: 4px;
	padding-right: 4px;
}
    tr.speed td {
	background-color : White;
	color : Black;
}

	tr.exit td.panel {
	background-color: #00912a;
	color: white;
	font-family: "Roadgeek 2005 Series EM", "BlueHighway", Verdana, Helvetica, Arial, helvetica, sans-serif;
}

	tr.exit td.null {
	background-color: #00912a;
}

	tr.exit td.note {
	background-color: #999999;
	font-family: 'Trebuchet MS', Arial, helvetica, sans-serif;
	font-size: small;
	color: black;
	text-align: left;
}

	tr.exit td.mile {
	background-color: #00912a;
	color: white;
	font-family: "Roadgeek 2005 Series D", Tahoma, Helvetica, sans-serif;
}

	tr.speed td.null {
	background-color: transparent;
}
	tr.regulatory td {
	color : White;
	background-color : Black;
	border : hidden;
	margin : 0px;
}
	tr.wregulatory td {
	color : Black;
	background-color : white;
	border : hidden;
	margin : 0px;
}
	td.wregulatory {
	color : Black;
	background-color : white;
	border : hidden;
	margin : 0px;
}
	tr.wregulatory td.null {
	background-color: transparent;
}
	tr.attraction td {
	color : White;
	background-color: #4a1a00;
	border: hidden;
	margin: 0px;
}
	
	td.null {
	background-color : transparent;
}
	tr.attraction td.null {
	background-color: transparent;
}
	tr.regulatory td.null {
	background-color : transparent;
}
	td.construction {
	color: black;
	background-color: #fc7c00;
	border: hidden;
	margin: 0px;
}
	td.warn {
	background-color : #ffd600;
	font-family: 'Trebuchet MS', Arial, helvetica, sans-serif;
	color : Black;
	margin : 0px;
	border: hidden;
}

	td.note {
	background-color: #999999;
	font-family: 'Trebuchet MS', Arial, helvetica, sans-serif;
	font-size: small;
	color: black;
	text-align: left;
}



	td.mile {
	font-family: 'Trebuchet MS', Arial, helvetica, sans-serif;
}

	td.attraction {
	background-color: #4a1a00;
	color: white;
	font-family: "Roadgeek 2005 Series EM", Verdana, Helvetica, sans-serif;
}	

	td.services {
	background-color: #0055c9;
	color: white;
}

	SPAN.landmark {
	border-left: thin;
	border-bottom:thin;
	border-top: thin;
	border-right: thin;
	border-spacing: 5px;
	border-color: white;
	font-size: small;
}



    span.updated 
    {
        background-color:#ffd600;
        color: black;
        padding: 0px 5px 0px 5px;
        margin: 2px 0px 2px 0px;
    }
         

	SPAN.suggested {
	color: #999999;
}

	SPAN.clearview {
	font-family: "Roadgeek 2005 Series 5W", "Roadgeek 2005 Series EM", "Blue Highway", Tahoma, Helvetica, sans-serif;
}

	
	tr.warn td {
	background-color : #ffd600;
	font-family: 'Trebuchet MS', Arial, helvetica, sans-serif;
	color : Black;
	margin : 0px;
	border: hidden;
}

	tr.warning td {
	background-color: #ffd600;
	font-family: "Roadgeek 2005 Series D", 'Trebuchet MS', Arial, helvetica, sans-serif;
	font-size: 100%;
	color : Black;
	margin : 0px;
	border: hidden;
}



	tr.scales td {
	background: #00912A;
	color: white;
	font-family: "Roadgeek 2005 Series D", 'Trebuchet MS', Arial, helvetica, sans-serif;
	font-size: 100%;
}
	
	tr.scales p {
	background: black;
	color: white;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px; 
	font-family: "Roadgeek 2005 Series D", 'Trebuchet MS', Arial, helvetica, sans-serif;
	font-size: small;
	margin-left: auto;
	margin-right: auto;
}

	tr.warn td.null  {
	background-color : transparent;
}

	tr.rest {
	background-color: #0055C9;
	color: white;
	border-color: white;
	margin: 0px;
	font-family: "Roadgeek 2005 Series D", 'Trebuchet MS', Arial, helvetica, sans-serif;
}
	
/*	tr.rest td {
	background-color: #0055c9;
	color : White;
	border: hidden;
	margin: 0px;
	font-family: "Roadgeek 2005 Series D", 'Trebuchet MS', Arial, helvetica, sans-serif;
	font-size: 100%;
	border-color: white;
}
*/
	
	tr.rest td.null {
	background-color : transparent;
}
	table.hwylist {
	text-align: center;
	border : none;
/*	border-collapse: collapse; */
/*	margin: auto; */
}
   table.hwylist td {
	padding-left : 3px;
	padding-right : 3px;
	border : thin solid Silver;
	background : White;
	color : Black;
}
	tr.attraction a {
	color : White;
	background : transparent;
	text-align : center;
	text-decoration : none;
}
	tr.attraction a:hover {
	text-decoration: underline;
}
	table.mapthumbs {
	border-collapse : collapse;
	border : none;
}
	table.mapthumbs td{
	border : thin solid blue;
	padding : 0px;
}
	table.mapthumbs img {
	margin : 0px;
}
	p.attractionclue {
	font-family: "Roadgeek 2005 Series EM", BlueHighway, Verdana, Helvetica, sans-serif;
	margin : 0px;
}
	SPAN.read {
	font-weight : bold;
}
	P.credit {
	font-size : smaller;
	text-align : center;
	margin-top: 0px
}

/*	.updated {
	font-style : italic;
} */

	P.intro {
	text-align : center;
}
	P.header {
	text-align : center;
	font-size : xx-large;
	font-weight : bold;
}
	P.subheader {
	font-size: x-large;
	font-weight: bold;
}
	SPAN.info {
		font-style : italic;
}
	
	p.lanehint {
	background: #ffd600;
	color: black;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px; 
	font-family: "Roadgeek 2005 Series D", 'Trebuchet MS', Arial, helvetica, sans-serif;
	font-size: 100%;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}


	p.notrucks {
	background: #FFFFFF;
	color: black;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px; 
	font-family: "Roadgeek 2005 Series D", 'Trebuchet MS', Arial, helvetica, sans-serif;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

	
	SPAN.roadname {
	font-family: "Roadgeek 2005 Series EM", BlueHighway, Verdana, Helvetica, sans-serif;
}

	.ahem {
	display : none;
}

	img.mini {
	margin-left : 2px;
	margin-right: 2px;
	border : 0px;
	vertical-align: middle;
}
	img.attraction {
	margin : 0px;
	padding : 0px;
	border : thin;
}
	img.thumbs {
	margin : 0px;
	border : 0px;
	padding : 0px;
	vertical-align : middle;
}
	br {
	clear : both;
}

div.inverse	a			{ color: #F7D117; text-decoration: underline; font-weight:normal; }
div.inverse a:link		{ color: #F7D117; text-decoration: none; }
div.inverse a:visited		{ color: #D97300; text-decoration: none; }
div.inverse a:active		{ color: #003882; text-decoration: overline underline;}
div.inverse a:hover		{ color: #F7D117; text-decoration: underline;}



a.inverse			{ color: #F7D117; text-decoration: underline; font-weight:normal; }
a.inverse:link		{ color: #F7D117; text-decoration: none; }
a.inverse:visited		{ color: #D97300; text-decoration: none; }
a.inverse:active		{ color: #003882; text-decoration: overline underline;}
a.inverse:hover		{ color: #F7D117; text-decoration: underline;}

	
.imgLeft {
	/* float:left; */
	display: block;
	margin-left: auto;
	margin-right: auto;
	position:relative;
	border: thin;
	
}

.imgLeft p {
	font-family: Verdana, Helvetica, Arial, helvetica, sans-serif;
	color: black;
	font-weight: normal;
	font-size: 11px;
	line-height: 14px;
	margin:0;
	background-color: #CCCCCC;
	padding:0.5em;
	margin-top:-0.5em;
}

.spareSpan {
	position:absolute;
	top:0;
	right:0;
	display:block;
	width:17px;
	height:17px;
	background:url(http://www.upstatenyroads.com/assets/curvedCorner.png);
}

.image-wrap {
	float: left;
	margin: 4px;
}