﻿/***********   PAGE DEFAULTS AND GENERIC SELECTORS ***********/
h1 { padding: .4em 0; margin: 5px 0 15px 0; font-size: 1.8em; color: #333333; background-color: #FFFFFF; font-family: "Arial Black" , Impact, Charcoal, Sans-Serif; border-bottom: 2px solid #000000; }
h2 { padding: .4em 0; margin: 5px 0; font-size: 1.4em; color: #000066; background-color: #FFFFFF; font-family: "Arial Black" , Impact, Charcoal, Sans-Serif; border-bottom: 1px solid #CCCCCC; }
h3 { padding: .24em 0; margin: 0; font-size: 1.4em; color: #000000; background-color: #FFFFFF; font-family: "Trebuchet MS" , Arial, Verdana, Helvetica, Sans-Serif; }
h4 { padding: .16em 0; margin: 0; font-size: 1.2em; color: #0033CC; background-color: #FFFFFF; font-family: "Trebuchet MS" , Arial, Helvetica, Sans-Serif; }
h5 { padding: .16em 0; margin: 0; font-size: 1.1em; color: #000000; background-color: #FFFFFF; font-family: "Britannic Bold" , Arial, Sans-Serif; }
h6 { padding: .16em 0; margin: 0; font-size: 1.0em; color: #000000; background-color: #FFFFFF; font-family: "Britannic Bold" , Arial, Sans-Serif; }
p { margin: 0; padding: .5em 0 .5em 0; line-height: 1.5em; }
a { color: #003399; }
a:visited { color: purple; }
a:hover { color: gray; }
a:visited:hover { color: gray; }
.inside { padding: 0 8px; }
a img { text-decoration: none; border: none; }
strong { font-weight: bolder; }
ul, ol, dl { margin-top: 1.1em; margin-bottom: 1.1em; padding-top: 0; padding-bottom: 0; }
li {line-height:1.5em;}
/*** BASIC PAGE LAYOUT ***/
html, body { background-color: #999999; color: #FFF; }
body { margin: 0; padding: 0; text-align: center; font: normal 300 0.75em verdana,geneva,sans-serif; }
/*** PAGEWRAPPER ***/
#wrapper { text-align: left; width: 98%; min-width: 62.25em; max-width: 102.4em; margin: 0 auto; padding: 0; margin-top: 2px; background-color: #FFFFFF; color: #000000; border: 2px outset #999999; position: relative; }
/**** HEADER ******/
#header { margin: 0; padding: 0; /*background-image: url(/images/px100grad.gif);*/ background-repeat: repeat-x; }
.logolinetop { width: 100%; border-top: 4px solid #009E60; margin: 0; padding: 0; height: 3px; border-bottom: 4px solid #002B7F; }
.logolinebottom { width: 100%; border-bottom: 4px solid #009E60; margin: 0; padding: 0; height: 3px; border-top: 4px solid #002B7F; }
.turb { position: absolute; right: 0; top: 25px; }
.weather{text-align:right; float:right; margin-right:5px;}
.weather p {width:100%; position:relative; overflow:hidden;}
/**** FOOTER ****/
#footer { border-top: 1px solid #000000; border-width: 1px 0; padding: 0.5em; }
#subfooter{color:#CCCCCC; font-size:10px;}
/** HIDDEN TEXT CLEARS AND FLOATS **/
.clear { clear: both; padding-bottom: 1px; margin-bottom: -1px; }
.hide { display: none !important; }
.floatleft { float: left; }
.floatright { float: right; }
.containerleft{float:left; margin-right:-250px; width:100%; overflow:hidden; position:relative; display:block;}
.padleft{margin-right:260px;}
.containerright{float:right;width:250px; overflow:hidden; position:relative;  }
/** DEFAULT SETTINGS **/
label { cursor: pointer; }
td, th { vertical-align: top; }
/** CUSTOM HORIZONTAL RULE **/
div.hr { color: #999999; background-color: #666666; height: 1px; width: 100%; margin: 5px 0; border-bottom: solid 1px #000000; }
div.hr hr { display: none; }
/*** TEXT DECORATIONS ***/
.notice { font-size: 1em; color: #FF6600; font-weight: bolder; }
.highlight { font-size: 1em; color: #FF0000; font-weight: bolder; }
.disclaimer p { font-size: smaller; text-transform: uppercase; font-weight: bolder; }
/****** FORM CSS LAYOUT ******/
form fieldset { margin: 5px; padding: 5px; }
form fieldset legend { font-weight: bolder; }
form fieldset label { margin: 5px 0 5px 10px; }
form fieldset input { margin: 5px 0 5px 10px; padding: 0; }
form.disclaimer p { font-size: smaller; text-transform: uppercase; font-weight: bolder; }
fieldset textarea { margin: 5px 0 5px 10px; padding: 0; }
/*** FEED CONTROLS AND CSS STYLES ***/
.detour .feedlist h2{background-image:url(/images/orangediagonal.png); background-repeat:repeat; }
.news .feedlist h2{background-image:url(/images/newspaper.png); background-repeat:repeat; }
.trolley{width:100%; font-weight:bold; max-width:500px; margin:auto; position:relative; display:block; overflow:hidden; background-image:url(/images/trolley.png); background-repeat:no-repeat; background-position:bottom;}
.feedlist { margin: 5px; background-image: url(/images/slicebg.jpg); }
.feedlist ul { padding: 0 0 0 15px; margin: 0; list-style: none; line-height: 1em; font-weight: bolder; }
.feedlist li { margin: 5px 0 0 0; padding: 5px 0 0.5em 0; border-bottom: 1px solid white; background-color: #ECF1EF; }
.feedlistlink { border-top: 1px solid #FFFFFF; color: #FF9110; border-bottom: 1px solid #CCCCCC; font-size: smaller; }
.feedlistlink a { color: #000000; font-weight: bolder; }
.feed h1 { padding: 5px 0; margin: 5px 0 0 0; font-size: 1.4em; color: #333333; background-color: #FFFFFF; font-family: "Arial Black" , Impact, Charcoal, Sans-Serif; border: none; }
.feed h2 { padding: 5px 0; margin: 5px 0; font-size: 1.2em; color: #000066; background-color: #FFFFFF; font-family: "Arial Black" , Impact, Charcoal, Sans-Serif; border-bottom: 1px solid #CCCCCC; }
.feed h3 { padding: 3px 0 3px 0; margin: 0; font-size: 1.2em; color: #000000; background-color: #FFFFFF; font-family: "Trebuchet MS" , Arial, Verdana, Helvetica, Sans-Serif; }
.feed .pubDate { font-size: smaller; font-style: italic; margin: 0; padding: 0; width: 100%; background-color: #CCCCCC; }
/*** WEB SLICE ***/
.hslice { padding: 5px; width: 240px; margin:5px 0;}
.entry-title { background-color: Transparent; margin: 0 0 5px 0; padding: 2px; color:#001640; font-style:normal; font-variant:normal; font-family: "Rockwell Extra Bold","Arial Black", Gadget, sans-serif; font-size:1.7em; text-align:center; }
.entry-content { font-weight: bolder; }
/** DTA GOOGLE TRANSIT  **/
.tripplan {margin: 5px auto; font: normal .9em Trebuchet MS, Tahoma; line-height: 1em; width:23em; position: relative; font-weight:bolder; }
.tripplan fieldset{clear:both;}
.tripplan img{width:100%; height:auto;}
.tripplan label { margin: 4px 0; padding: 0; width:5em; float:left; }
.tripplan input { margin: 4px 0; padding:2px; }
.tripplan select {margin-left:4em; padding:2px; }
.tripplan .example{margin:4px 0 6px 0; padding:2px 2px 5px 2px; font-weight:bolder; color:#333333; font-style:italic;}

/**** JQUERY AUTO COMPLETE ****/
.ac_results { padding: 0px; border: 1px solid #000000; background-color: #FFFFFF; color:#000000; overflow: hidden; z-index:30;}
.ac_results ul { width: 100%; list-style-position: outside; list-style: none; padding: 0; margin: 0; }
.ac_results iframe { display: none; /*sorry for IE5*/ display: /**/ block; /*sorry for IE5*/ position: absolute; top: 0; left: 0; z-index: -1; width: 3000px; height: 3000px; }
.ac_results li { margin: 0px; padding: 2px 5px; cursor: pointer; display: block; width: 100%; font: menu; font-size: 12px; overflow: hidden; }
.ac_loading {  }
.ac_over { background-color: #E6F6F0; color: #00040D; }

/**** FORM LAYOUT CSS ****/
.form {margin:0; padding:10px; list-style:none; background-color:#FFFFFF;}
.form ul {padding:2px 5px 5px 5px; overflow:hidden; height:1%; list-style:none;}
.form label {width:120px; padding:3px 5px 3px 0; float:left; display:inline; text-align:right;}
.form li {margin:3px 0 0 0; padding-bottom:3px; width:100%; float:left;}
.form li ul li{ border-bottom:0px solid #ff0000;}
.form input {float:left; display:inline;}
.form select {float:left; display:inline;}
.form textarea {float:left; display:inline;}
.form input[type='radio'] {border:0px;}
.form input[type='checkbox'] {border:0px;}

/**** ROUNDED CORNER BOX ****/
.roundbox{
	margin: 0 auto;
	color:#000000;
	padding:10px;
	background-color:#E6EAF3;
	border:2px solid #009E60;
	background-image:url(/images/slicebg.jpg);
	/*
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	CCborderRadius: 20px; 
	*/
}
/*** PADDED BOX ***/
.paddedbox{margin:10px auto; color:#000000; padding:1px; background-color:#E6EAF3; border:2px solid #009E60; background-image:url(/images/slicebg.jpg);-webkit-border-radius:20px;-moz-border-radius:20px; }
.paddedbox h2{background-color:Transparent; font-style:normal;font-variant:normal; font-family: "Rockwell Extra Bold","Arial Black", Gadget, sans-serif; font-size:1.7em; text-align:center; color:Black;}
.paddedbox h3{background-color:transparent;}
/*** WEATHER ***/
div.weather{margin:0; padding:0; float:right; overflow:hidden; width:8em;}
div.weather p{margin:1px; padding:0; border:1px solid #C0C0C0; text-align:center; line-height:1.1em;}