/* Basline establishes margin for page tables */

	body {
	padding: 0 0 0 0;
	margin-top:0px; 
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
	}
		
	table {	
	border-collapse: collapse; 
	margin: 0 0 0 0; 
	padding: 0 0 0 0; 
	}
	
	td {	
	border-collapse: collapse; 
	margin: 0 0 0 0; 
	padding: 0 0 0 0; 
	}
	
	td.alertContent 
	{
		text-align: left;
		valign: middle;
		border: 1px solid #767776;
		word-wrap: break-word;
	}
	
	td.alert
	{
		word-wrap: break-word;
	}
		

/* These styles are used for the top main and sub navigation section */
/*NOTE:  The main navigation styles have been altered for RTP */
/* _120 is used for the Roads|Weather, Travel Center, and About TripCheck options */
/* _152 is used for Transportation Options */

a.navMain_120:LINK, a.navMain_120:VISITED {
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 10px; 
	font-weight: bold; 
	color: #ffffff; 
	text-decoration: none; 
	background-image:  url(../images/layout/tabUp_120.gif); 
	background-repeat: no-repeat; 
	width: 100%; 
	height: 100%; 
	display: block; 
	margin: 0 0 0 0; 
	padding: 5px 0 0 7px; 
}

a.navMain_120:HOVER, a.navMain_120:VISITED:HOVER {
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 10px; 
	font-weight: bold; 
	color: #ffffff;
	text-decoration: none; 
	background-image:  url(../images/layout/tabOver_120.gif); 
	background-repeat: no-repeat;
	width: 100%; 
	height: 100%; 
	display: block; 
	margin: 0 0 0 0; 
	padding: 5px 0 0 7px; 
}
			
	
a.navMainOn_120:LINK, a.navMainOn_120:VISITED { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px; 
	font-weight: bold; 
	color: #ffffff; 
	text-decoration: none; 
	background-image:  url(../images/layout/tabOver_120.gif); 
	background-repeat: no-repeat; 
	width: 100%; 
	height: 100%; 
	display: block; 
	margin: 0 0 0 0; 
	padding: 5px 0 0 7px; 
}

a.navMainOn_120:HOVER, a.navMainOn_120:VISITED:HOVER {
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 10px; 
	font-weight: bold; 
	color: #ffffff; 
	text-decoration: none; 
	background-image:  url(../images/layout/tabOver_120.gif); 
	background-repeat: no-repeat; 
	width: 100%; 
	height: 100%; 
	display: block; 
	margin: 0 0 0 0; 
	padding: 5px 0 0 7px; 
}

a.navMain_152:LINK, a.navMain_152:VISITED {
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 10px; 
	font-weight: bold; 
	color: #ffffff; 
	text-decoration: none; 
	background-image:  url(../images/layout/tabUp_152.gif); 
	background-repeat: no-repeat; 
	width: 100%; 
	height: 100%; 
	display: block; 
	margin: 0 0 0 0; 
	padding: 5px 0 0 7px; 
}

a.navMain_152:HOVER, a.navMain_152:VISITED:HOVER {
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 10px; 
	font-weight: bold; 
	color: #ffffff;
	text-decoration: none; 
	background-image:  url(../images/layout/tabOver_152.gif); 
	background-repeat: no-repeat;
	width: 100%; 
	height: 100%; 
	display: block; 
	margin: 0 0 0 0; 
	padding: 5px 0 0 7px; 
}
			
	
a.navMainOn_152:LINK, a.navMainOn_152:VISITED { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px; 
	font-weight: bold; 
	color: #ffffff; 
	text-decoration: none; 
	background-image:  url(../images/layout/tabOver_152.gif); 
	background-repeat: no-repeat; 
	width: 100%; 
	height: 100%; 
	display: block; 
	margin: 0 0 0 0; 
	padding: 5px 0 0 7px; 
}

a.navMainOn_152:HOVER, a.navMainOn_152:VISITED:HOVER {
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 10px; 
	font-weight: bold; 
	color: #ffffff; 
	text-decoration: none; 
	background-image:  url(../images/layout/tabOver_152.gif); 
	background-repeat: no-repeat; 
	width: 100%; 
	height: 100%; 
	display: block; 
	margin: 0 0 0 0; 
	padding: 5px 0 0 7px; 
}
			
/* navSub is the href class for sub nav menu items that are not selected except the last item which has its own style */		
/* *.navSub is used for most sub nav options */
/* *.navSub_23 is used for Transportation Options - Transit | Dial-A-Ride */
/* The distinction accommodates the subnav height difference introduced based on using aspx and asp */
	a.navSub:LINK, a.navSub:VISITED {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px; 
	color: #ffffff; 
	font-weight: bold; 
	text-align: left;
	text-decoration: none; 
	border-right: 1px solid #C6CCD0; 
	background: #64768B; 
	height: 25px; 
	display: block; 
	margin: 0 0 0 0; 
	padding: 2px 0 0 7px; 
	}

	a.navSub:HOVER, a.navSub:VISITED:HOVER {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px; 
	color: #ffffff; 
	font-weight: bold; 
	text-decoration: none; 
	border-right: 1px solid #C6CCD0; 
	background: #43526C; 
	height: 25px; 
	display: block; 
	margin: 0 0 0 0; 
	padding: 2px 0 0 7px; 
	}
					
	a.navSubOn:LINK, a.navSubOn:VISITED {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px; 
	color: #ffffff; 
	font-weight: bold; 
	text-decoration: none; 
	border-right: 1px solid #C6CCD0; 
	background: #43526C; 
	height: 25px; 
	display: block; 
	margin: 0 0 0 0; 
	padding: 2px 0 0 7px; 
	}

	a.navSubOn:HOVER, a.navSubOn:VISITED:HOVER {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px; 
	color: #ffffff; 
	font-weight: bold; 
	text-decoration: none; 
	border-right: 1px solid #C6CCD0; 
	background: #43526C; 
	height: 25px; 
	display: block; 
	margin: 0 0 0 0; 
	padding: 2px 0 0 7px; 
	}	
		
	a.navSubEnd:LINK, a.navSubEnd:VISITED {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px; 
	color: #ffffff; 
	font-weight: bold; 
	text-decoration: none; 
	border-right: 1px solid #64768B; 
	background: #64768B; 
	height: 25px; 
	display: block; 
	margin: 0 0 0 0; 
	padding: 2px 0 0 7px; 
	}		
	
	a.navSubEnd:HOVER, a.navSubEnd:VISITED:HOVER {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px; 
	color: #ffffff; 
	font-weight: bold; 
	text-decoration: none; 
	border-right: 1px solid #43526C;
	background: #43526C; 
	height: 25px; 
	display: block; 
	margin: 0 0 0 0; 
	padding: 2px 0 0 7px; 
	}
			
	/* navSubEndOn is the href class for the last sub menu item if it is selected */	
	a.navSubEndOn:LINK, a.navSubEndOn:VISITED {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px; 
	color: #ffffff; 
	font-weight: bold; 
	text-decoration: none; 
	border-right: 1px solid #43526C;
	background: #43526C; 
	height: 25px; 
	display: block; 
	margin: 0 0 0 0; 
	padding: 2px 0 0 7px; 
	}		
	
	a.navSubEndOn:HOVER, a.navSubEndOn:VISITED:HOVER {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px; 
	color: #ffffff; 
	font-weight: bold; 
	text-decoration: none; 
	border-right: 1px solid #43526C;
	background: #43526C; 
	height: 25px; 
	display: block; 
	margin: 0 0 0 0; 
	padding: 2px 0 0 7px; 
	}		

	a.navSub_23:LINK, a.navSub_23:VISITED {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px; 
	color: #ffffff; 
	font-weight: bold; 
	text-align: left;
	text-decoration: none; 
	border-right: 1px solid #C6CCD0; 
	background: #64768B; 
	height: 23px; 
	display: block; 
	margin: 0 0 0 0; 
	padding: 2px 0 0 7px; 
	}

	a.navSub_23:HOVER, a.navSub_23:VISITED:HOVER {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px; 
	color: #ffffff; 
	font-weight: bold; 
	text-decoration: none; 
	border-right: 1px solid #C6CCD0; 
	background: #43526C; 
	height: 23px; 
	display: block; 
	margin: 0 0 0 0; 
	padding: 2px 0 0 7px; 
	}
					
	a.navSubOn_23:LINK, a.navSubOn_23:VISITED {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px; 
	color: #ffffff; 
	font-weight: bold; 
	text-decoration: none; 
	border-right: 1px solid #C6CCD0; 
	background: #43526C; 
	height: 23px; 
	display: block; 
	margin: 0 0 0 0; 
	padding: 2px 0 0 7px; 
	}

	a.navSubOn_23:HOVER, a.navSubOn_23:VISITED:HOVER {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px; 
	color: #ffffff; 
	font-weight: bold; 
	text-decoration: none; 
	border-right: 1px solid #C6CCD0; 
	background: #43526C; 
	height: 23px; 
	display: block; 
	margin: 0 0 0 0; 
	padding: 2px 0 0 7px; 
	}	
		
	a.navSubEnd_23:LINK, a.navSubEnd_23:VISITED {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px; 
	color: #ffffff; 
	font-weight: bold; 
	text-decoration: none; 
	border-right: 1px solid #64768B; 
	background: #64768B; 
	height: 23px; 
	display: block; 
	margin: 0 0 0 0; 
	padding: 2px 0 0 7px; 
	}		
	
	a.navSubEnd_23:HOVER, a.navSubEnd_23:VISITED:HOVER {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px; 
	color: #ffffff; 
	font-weight: bold; 
	text-decoration: none; 
	border-right: 1px solid #43526C;
	background: #43526C; 
	height: 23px; 
	display: block; 
	margin: 0 0 0 0; 
	padding: 2px 0 0 7px; 
	}
			
	/* navSubEndOn is the href class for the last sub menu item if it is selected */	
	a.navSubEndOn_23:LINK, a.navSubEndOn_23:VISITED {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px; 
	color: #ffffff; 
	font-weight: bold; 
	text-decoration: none; 
	border-right: 1px solid #43526C;
	background: #43526C; 
	height: 23px; 
	display: block; 
	margin: 0 0 0 0; 
	padding: 2px 0 0 7px; 
	}		
	
	a.navSubEndOn_23:HOVER, a.navSubEndOn_23:VISITED:HOVER {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px; 
	color: #ffffff; 
	font-weight: bold; 
	text-decoration: none; 
	border-right: 1px solid #43526C;
	background: #43526C; 
	height: 23px; 
	display: block; 
	margin: 0 0 0 0; 
	padding: 2px 0 0 7px; 
	}		

/* Left Panel section  */
	
	/* This sets text to the title style */	
	p.lfPanelTitle {
	font-size: 10px; 
	line-height: 110%;
	font-weight: bold;
	color: #000000;
	margin-top: 15px;
	margin-bottom: 7px;
	margin-right: 5px;
	margin-left: 7px;
	}
	
	/* This is reserved for ledgend text */
	p.lfPanelLegend {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: normal;
	font-weight: normal;
	color: #5C5D5B;
	margin-top: 5px;
	margin-bottom: 0;
	margin-right: 0;
	margin-left: 5px;
	display: block;
	}
	
	
	/* This is used for left panel text and as the href class for links */	
	p.lfPanel {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: normal;
	font-weight: normal;
	color: #5C5D5B;
	margin-top: 7px;
	margin-bottom: 5px;
	margin-right: 5px;
	margin-left: 11px;
	display: block;
	}
	
	/* This is used to indicate a left panel link is currently selected and not active */	
	p.lfPanelSel {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: normal;
	font-weight: bold;
	color: #43526c;
	margin-top: 5px;
	margin-bottom: 7px;
	margin-right: 5px;
	margin-left: 11px;
	display: block;
	}
	
	/* These establish the link anchor values*/
	a.lfPanel:LINK, a.lfPanel:VISITED {
	color: #5C5D5B;
	text-decoration: underline;
	}

	a.lfPanel:HOVER, a.lfPanel:VISITED:HOVER   {
	color: #43526c;
	text-decoration: underline;
	}
	
/* Main content area styles */
	
	h1, .head1 {
	font-family: verdana;
	font-size: 14px; 
	color: #43526c;
	font-weight: bold;
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #43526c;
	line-height: 200%;
	margin-top: 10px; 
	margin-bottom: 10px;
	margin-left: 7px;
	margin-right: 7px;
	}

	h2, .head2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px; 
	font-weight: bold;
	color: #43526c;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 7px;
	margin-left: 7px;
	display: block;
	}
	
	
	h3, .head3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px; 
	font-weight: normal;
	font-style: italic;
	color: #43526c;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 7px;
	margin-left: 7px;
	display: block;
	}
	
	.mapTitle{
	font-family: verdana;
	font-size: 12px;
	color: #43526c;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 0;
	margin-left: 7px;
	margin-right: 7px;
	display: block;
	}
				
	p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px; 
	font-weight: normal;
	line-height: 130%;
	color: #000000;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 7px;
	margin-left: 7px;
	display: block;
	}
	
	ul {
	list-style-type: square;
	}

	li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px; 
	font-weight: normal;
	line-height: 130%;
	color: #000000;
	}
	
	/* This is used for anchoring maps and other elements that require NO margins for spacing */
	p.map {
	font-family: verdana;
	font-size: 11px; 
	color: #000000;
	font-weight: normal;
	display: block;
	line-height: 100%;
	line-height: 100%;
	margin-top: 0px; 
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	 
	}

	/* These establish the href classes for the main tags */
	a:LINK, a:VISITED  {
	color: #000000;
	text-decoration: underline;
	}

	a:HOVER, a:VISITED:HOVER  {
	color: #43526c;
	text-decoration: underline;
	}
	
/* These are used for formatting the tables throughout the content area including the pop ups */
	table.content {
	width: 98%;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 7px;
	margin-left: 7px;
	padding: 0 0 0 0;
	border-collapse: collapse;
	background-color: #ffffff;
	display: block;
	}
	
	th.content {
	text-align: left;
	valign: middle;
	border: 1px solid #767776;
	background-image: url(../images/layout/lfPanelBkgd.gif);
	}	
		
	td.content {
	text-align: left;
	valign: middle;
	border: 1px solid #767776;
	}	
	
	td.alertContent 
	{
		text-align: left;
		vertical-align: middle;
		border: 1px solid #767776;
		word-wrap: break-word;
	}
	
	td.alert
	{
		word-wrap: break-word;
	}
	
	td.szContent
	{	
		vertical-align: middle;
		border: 1px solid #767776;
		text-align: center;
	}
	
	p.tableHead {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #43526c;
	margin: 0 0 0 0;
	padding: 5px 5px 5px 5px;
	}	
	
	p.tableBody {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	margin: 0 0 0 0;
	padding: 7px 7px 5px 5px;
	}	
	
/* These set the styles for the forms */

	FORM, input, textarea, select, label
	{
	font-family: verdana; 
	font-size: 10px;

	}
	
	p.form {
	font-size: 10px; 
	color: #767776;
	margin-left: 0;
	margin-top: 0;
	margin-bottom: 5px;
	}		
	
	a.form:LINK, a.form:VISITED  {
	color: #767776;
	text-decoration: underline;
	}

	a.form:HOVER,  a.form:VISITED:HOVER {
	color: #43526c;
	text-decoration: underline;
	}	
		
	
/* Right Panel area styles */
			
	p.rtPanel {
	font-size: 10px; 
	color: #767776;
	}
	
	a.rtPanel:LINK , a.rtPanel:VISITED {
	color: #767776;
	text-decoration: underline;
	}

	a.rtPanel:HOVER,a.rtPanel:VISITED:HOVER   {
	color: #43526c;
	text-decoration: underline;
	}


	p.alertHead{
	font-family: verdana;
	font-size: 12px; 	
	color: #BA3032;
	font-weight: bold;
	line-height: 130%;
	background-image:  url(../images/layout/alertBkgd.gif); 
	margin: 0px 0px 0px 0px;
	padding-top: 0px;
	padding-left: 5px;
	padding-bottom: 0px;
	padding-right: 3px;
	display: block;
	}
	
	p.alerts {
	font-family: verdana;
	font-size: 10px; 
	color:  #BA3032;
	font-weight: normal;
	line-height: 130%;
	background-image:  url(../images/layout/alertBkgd.gif); 
	display: block;
	line-height: 130%;
	margin: 0px 0px 0px 0px;
	padding-top: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	padding-right: 5px;
	}

	
/* Right panel announcement styles */
	
	p.announceHead{
	font-family: verdana;
	font-size: 11px;
	color: #000000;
	font-weight: bold;
	display: block;
	margin-left: 6px;
	padding: 0 0 0 0;
	line-height: 130%;
	}
		
	p.announce {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #767776;
	font-size: 10px; 
	margin-top: 7px; 
	margin-left: 6px;
	margin-right: 5px;
	margin-bottom: 7px;
	font-weight: normal;
	line-height: 130%;
	}	

	/* Scenic byways sidebar  */
		
	p.sidebarTitle {
	font-size: 10px; 
	line-height: 110%;
	font-weight: bold;
	color: #43526c;
	margin-top: 15px;
	margin-bottom: 7px;
	margin-right: 5px;
	margin-left: 7px;
	}
	
	p.sidebar {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: normal;
	font-weight: normal;
	color: #43526c;
	margin-top: 7px;
	margin-bottom: 5px;
	margin-right: 5px;
	margin-left: 7px;
	display: block;
	}		

/* Miscellaneous */

	/* This is the copyright style*/
	p.copyright {
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #767776;
	margin: 12px 0 0 7px;
	display: block;
	}

	/* These are specialty span styles used throughout the site*/
	

	#tableCaption, .tableCaption{
	font-family: verdana;
	font-size: 11px;
	color: #43526c;
	font-weight: bold;
	text-align: left;
	line-height: 175%;
	padding-bottom: 13px;
	}

	#bdBlue, .bdBlue{	
	color: #43526c;
	font-weight: bold;
	}
	
	#blueItalic, .blueItalic {	
	color: #43526c;
	font-weight: normal;
	font-style: italic;
	}
	
	#bdRed, .bdRed{	
	color: #BA3032;
	font-weight: bold;
	}
	
	

	#bdOrange, .bdOrange {	
	color: #FF6600;
	font-weight: bold;
	}	
		
	#small, .small{
	font-family: verdana;
	font-size: 10px; 
	}
	
	
	#noshow, .noshow{
	font-family: verdana;
	font-size: 1px;
	color: #ffffff;
	display: none;
	     }
	
/* Travel Services Tool Tip Display */
.tsToolTip{
	position: absolute;
	width: 180px;
	border: 1px solid black;
	background-color: #D9DCE2;
	z-index: 100;
	display: none;
	/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#666666,direction=135);

}
.tsToolTip h2{
	background-color: #63758B;
	background-image: url(../oticTest/curvedbox/top.gif);
	background-repeat: no-repeat;
	padding: 5px;
	margin: 0 !important;
	margin-left: -1px;
	color: #FFFFFF !important;
}