* { padding: 0; margin: 0; }
body { padding: 0; margin: 0; background-color: #fff; color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 100%;}
p { margin: 0 0 1em 0; }
img { border-style:none; }
.hidden { display: none; }
hr { border: none; border-top: 1px solid #ccc; width: 90%; height: 1px; margin: 0; text-align: center; }
.right { float: right;}
.center { text-align: center; }
.nospace { margin: 0; }

table { empty-cells: show;}
td { font-family: Arial, Helvetica, sans-serif; font-size: 80%;}

#min_width {  min-width: 775px; width:expression(document.body.clientWidth < 775? "775px": "auto" )}

.skipnav 		{ background-color:  transparent; color: #fff; font-size:6pt; text-decoration:none; position: absolute; left:0px; top:-100px; }
.accesskeys 	{ background-color:  transparent; color: #fff; font-size:6pt; text-decoration:none; position: absolute; left:0px; top:-100px; }
.grey_out 	 	{ background-color:  transparent; color: #999; }

/* Format Button */
blockquote 	{ margin:15px 20px 15px 20px; padding: 15px; font-weight: bold; }
q 		{ background-color: transparent; color: #000; font-weight: normal; }
q:before, q:after 	{ content: "";}
strong 		{ font-weight: bold; }
.abbr 		{ border-bottom: 1px dotted #999; cursor: help; }
acronym 		{ border-bottom: 1px dashed #999; cursor: help; }

.caption 		{ background-color: transparent; color: #666; font-weight: bold; font-size: 85%; margin: 5px; }
.center 		{ text-align: center; margin: 0 auto 0 auto; }

.tdHeaderLeft 	{ background-color:transparent; color: #a91039; font-weight: bold; padding: 0; font-size:105%; text-align: left; }
.tdHeaderCenter	{ background-color:transparent; color: #a91039; font-weight: bold; padding: 0; font-size:105%; text-align: center; }

.twisties table	{ border: none; }
.twisties td 	{ border: none; }

sup 		{ line-height: 2em; }
sub 		{ line-height: 1.2em; }


/* HEADINGS */
h1, h2, h3, h4 { margin: 0; padding: 0; background-color: inherit; color: #f82; font-size: 100%; }
h1 { background-color: inherit; color: #f60; font-size: 150%; padding-left: 25px;}
h2 { font-size: 130%; }
h3 { font-size: 100%; }
h4 { background-color: inherit; color: #333; font-size: 100%; }

/* HEADER */
#header_bg {  95px; background-color: inherit; color:inherit; background-image: url(http://www.travelinenortheast.info/jplanner/usp.nsf/Lookup/images/$file/header_bg.gif); background-repeat: repeat-x; background-position: left top; }
#header_left  { height: 95px; width: 390px; }
#header_right { height: 95px; background-image: url(http://www.travelinenortheast.info/jplanner/usp.nsf/Lookup/images/$file/header_right.jpg); background-repeat: no-repeat; background-position: right; text-align: left;}

#header_PRINT { display:none;}

/* MAIN BG */
#mainarea { margin: 0px; padding: 0px; background-image: url(http://www.travelinenortheast.info/jplanner/usp.nsf/Lookup/images/$file/mainarea_SwooshCorner.gif); background-repeat: no-repeat; background-position: left top; }

#heading1{ height: 35px; margin-top: 0px; margin-left: 180px; background-color: inherit; background-image: url(http://www.travelinenortheast.info/jplanner/usp.nsf/Lookup/images/$file/Heading1_arrow.gif); background-repeat: no-repeat; background-position: left top;}

/* TOP NAV  */
#topnav { height: 1.5em; padding: 5px; text-align: right; }
#topnav ul { padding:0; margin: 0; list-style-type: none; }
#topnav ul li { display: inline;}
#topnav ul li a { background-color:inherit; color: #333; font-weight: bold; font-size: 70%; padding: 0.2em 2em; text-decoration: none; border: 1px solid #666; }
#topnav ul li a:hover { background-color:inherit; color: #f60; }


/* CONTENT AREA */
*html #content_area {  background-color: #fff; color: inherit; font-size: 80%; padding-right:20px; margin-left: 10px; float: left }

#content_area {  background-color: #fff; color: inherit; font-size: 80%; padding-right:20px; margin-left: 180px; }
#content_area a:link, #content_area a:active { background-color: inherit; color: #f60; text-decoration: underline;}
#content_area a:visited, { background-color: inherit; color: #630; text-decoration: underline;}
#content_area a:hover { background-color: inherit; color: #000; }
#content_area a.top_page:link, #content_area a.top_page:visited, #content_area a.top_page:active { font-size: 85%; font-weight: bold; background-color: inherit; color: #f60; text-decoration: none;}
#content_area a.top_page:hover { text-decoration: underline; background-color: inherit; color: #f60; }
#content_area ul {margin: 0 0 0 40px; padding: 0;}
#content_area li { margin: 0; padding: 0;  list-style-image: url(http://www.travelinenortheast.info/jplanner/usp.nsf/Lookup/images/$file/bullet.gif); }


#key ul.no_bullet { list-style: none;}


/* TRAVEL ALERTS */
.alerts 	{ width: 80%; background: #f7f7f7; color: inherit; border: 1px solid #ccc; padding: 10px; margin: 10px; }
.alerts_txt 	{ margin-left: 20px;  }
.alertstitle	{ background-color: transparent; color: #f82; font-size: 110%; font-weight: bold; padding-bottom: 10px; }



/* JP TABLES */
#jp_tables table { empty-cells: show; border-collapse: collapse; border: 1px solid #999; margin-bottom: 10px; text-align: left; vertical-align: middle;}
#jp_tables td, th { border: 1px solid #999; padding:5px; margin: 0px; font-weight: normal; }
#jp_tables th { font-weight: bold; font-size: 90%; border: 1px solid #999;}
#jp_tables hr { height: 1px; background-color: #ccc; color: #ccc; border: none; padding: 0; margin:0; }
#jp_tables .shade {background-color: #feeee4; color: inherit;}

#jp_tables td a:link, #jp_tables td a:visited, #jp_tables td a:hover { background-color: inherit; color: #f60; text-decoration: underline; }


/* NAV BAR */
#navbar { padding-left: 10px; margin: 0px; width:150px; float: left; }
#navbar ul { list-style: none; margin: 0; padding: 0; line-height: 25px} 
#navbar li { list-style: none; border: 1px solid #666; background-color: #fff; color: inherit; width: 137px; margin-top: 4px; margin-bottom: 4px; padding-left: 0px; line-height: 1.75em;}
#navbar li a { padding-left:25px;}

#navbar a:link, #navbar a:visited, #navbar a:active, #navbar a:hover { text-decoration: none; background-color: transparent; color: #333; font-weight: bold;font-size: 70%; background-image: url(http://www.travelinenortheast.info/jplanner/usp.nsf/Lookup/images/$file/nav_arrowgray.gif); background-repeat: no-repeat; background-position: left top; }
#navbar a:hover { background-color: transparent; color: #ff6600; background-image: url(http://www.travelinenortheast.info/jplanner/usp.nsf/Lookup/images/$file/nav_arroworange.gif); background-repeat: no-repeat; background-position: left top; }

#navbar a.selected:link, #navbar a.selected:visited, #navbar a.selected:active, #navbar a.selected:hover { background-color: transparent; color: #ff6600; background-image: url(http://www.travelinenortheast.info/jplanner/usp.nsf/Lookup/images/$file/nav_arroworange.gif); background-repeat: no-repeat; background-position: left top;}

/* FOOTER */
#footer { text-align: center; margin: 0; padding:4px 0 0 0; font-size: 70%; background-color:#666; color: #fff; clear: both; border-top: 2px solid #096; }
#footer a:link, #footer a:visited, #footer a:active, #footer a:hover { text-decoration: none; background-color: inherit; color: #fff;}
#footer a:hover { text-decoration: underline;}
#footer ul { display: inline; list-style: none; margin: 0; }
#footer ul li { display: inline; margin: 0; }

/* FOOTER - Page Last Modified Sub Form */
#footer_lastmod { text-align: center; margin: 0; padding:0 0 10px 0; font-size: 70%; background-color:#666; color: #fff; clear: both; }
#footer_lastmod a:link, #footer_lastmod a:visited, #footer_lastmod a:active { text-decoration: none; background-color: inherit; color: #fff;}
#footer_lastmod a:hover { text-decoration: underline;}

#box1, #box2, #box3, #box4, #box5  { background-color: #ededed; color:#000; margin: 5px; padding: 5px; float: left; width: 95%; }

select { width: 295px; }
#fromplace input { width: 295px; }
#toplace input { width: 295px; }
#ifplace input { width: 295px; } 
.fields { background-color: inherit; color: inherit; margin: 5px; width: 300px; text-align: left; float: left; }
.tip  { font-size: 95%; text-align: left;  margin-left: 320px; margin-right: 10px; margin-top: 10px; }
.bold { background-color: inherit; color: #f82; font-weight: bold; font-size: 105%; }
.clearer { clear: both; border: none; }

#key ul.no_bullet { list-style: none; }
.highlight { background-color: #ebebeb; color:#000000; }


/* FUDGE FOR JourneyPlan TIMETABLE SCREEN which uses tables for layout of background images */
#jp_timetable table { empty-cells: show; border: 0px solid #fff; text-align: left; vertical-align: middle}
#jp_timetable td, th { border: 0px solid #fff; padding:2px; margin: 0px; font-weight: normal; }


/* Feedback Form */
#form 			{ margin: 0; padding: 0; }
#form p			{ margin: 0; padding: 0 5px 10px 5px; }
#form fieldset 		{ border: solid 1px #ccc; padding: 5px; margin: 5px;}
#form fieldset legend 	{ line-height: 130%; font-size: 1.1em;  font-weight:bold; color: #f82; margin: 0; padding: 0 5px; }
#form fieldset label 		{ vertical-align: top; font-weight: bold; width: 135px; float: left; text-align: right; padding-top: 5px; padding-right: 5px; }
#form fieldset textarea 	{ margin-left: 160px; width: 300px; height: 100px; background-color: #f3f3f3; color: #000; font-family: inherit; border: solid 1px #000; margin: 2px; padding: 2px; overflow: auto; }
#form fieldset input 		{ margin-left: 160px; width: 300px; background-color: #f3f3f3; color: #f82; border: solid 1px #000; margin: 2px; padding: 2px; }
#form fieldset textarea:focus, #form fieldset input:focus { background-color: #eefff9; color:#000 ; }

#form .mandatory 		{ background-color: inherit; color: #f00; }
#form .indent 		{ margin-left: 135px; }
#form .indent label		{ font-weight: normal; float: none; text-align: left; padding-top: 5px; padding-right: 5px; }
#form .indent input		{ border: 0; width: 10px; }
#form .indent input.button 	{ width: 90px;  margin-left: 8px; font-weight: bold; background-color: #f3f3f3; color: #f60;  border: solid 1px #000; cursor: pointer; }