/* CSS Document */
body, html { margin:0em; padding:0em; font-family:Arial, Helvetica, sans-serif; }
body { background-image: url(../images/bggradient.jpg);
	background-color: #ffffff;
	background-image:  url(../images/bggradient.jpg);
	background-repeat: repeat-x;
	font-size:80%;
	line-height:130%;
}
a { color:#3b81bd; text-decoration:none;}
a:hover {color:#0d3f7a;}
img {border:none;}
h1 {
	display:block;
	width:597px;
	height:24px;
	background-image: url(../assets/page-header.gif);
	background-color: #0d3f7a;
	background-repeat: no-repeat;
	padding: 10px 10px 0px 10px;
	font-size:120%;
	color:#FFFFFF;
	margin:0em;
	text-transform:capitalize;
	line-height:100%;
}
h2 {font-size:100%; margin:2em 0em 0em 0em; color:#0d3f7a;}
h3 {font-size:90%; margin:1em 0em 0em 0em; color:#0d3f7a;}
.datetime {font-size: 8pt; margin:4px 4px 0px 0px; color:#ffffff;}

h3.first { margin:0em;}
#listings h1 {
	display:block;
	width:auto;
	height:auto;
	background-image:none;
	color: #fff;
	background-color:#0d3f7a;
	background-repeat: no-repeat;
	padding: 3px 10px;
	font-size:160%;
	/*margin:0em 0em .5em 0em;*/
	margin:0px -10px .5em -10px;
	text-transform:capitalize;
	line-height:100%;
	background-image: none;
	text-align:left;
}
#listings h2 { margin:0em 0em .5em 0em;}
/*#listings h3 { display:inline;margin:0em;font-size:120%;}*/
#listings h3, #bodyDetails h3 { display:block; float:left; clear:left; margin:0em; font-size:120%; width:1.75em; height:1em; }
#listings.events h3 { width:4em;}

#listings h1.orange { background-color:#f7921d;}
#listings h3.orange, #listings h2.orange { color:#f7921d; margin:0em; display:inline; font-size:120%;}
div#listings h3.busCateg { margin-top:1em; display:block; float:none;}
#listings form { margin-bottom:1em;}
p { margin:0em 0em .5em 0em;}
ol li { margin-top:.75em;}
ol ul li { margin-top:0em;}
ul { margin-top:.2em; /*color:#0d3f7a;*/ padding-left:0em; margin-left:1.5em;}
img.dotSpacer {	margin:0px -10px 0em -10px;}
div.dotSpacer {
margin:0px -10px 0em -10px;	background-image:  url(../assets/dot-spacer.gif);
	width:612px;
	height:28px;
	background-color:#fff;}
#listings .green { color:#8bc541;}
#listings a.green { font-size:80%; display:inline;}

/* forms! */
input.searchbox {background: #e6e6e6; margin:.5em 0em;}
form .grey {background: #e6e6e6;}
form { margin:0em 0em 0em 20px;}
#listings label { display:block; width:9em; float:left; text-align:right; padding-right:10px;}
input.indent { margin-left:9em;}
form.outline { border:1px solid #e6e6e6; padding:.5em; width:26em; margin:0em;}
form.preferences { margin:0em; padding:0em;}
form.preferences h2 { margin:0em; padding:0em;}

th { color:#fff; background-color:#0d3f7a; padding:3px;}
table#pageTop {
	width:1013px;
	margin:0em auto;
}
table#page {
	width:1013px;
	margin:0em auto;
	background-color:#FFFFFF;
}
#page #pgborderL {
	width:8px;
	background-image: url(../assets/pg-shadow-left-bg2.gif);
	background-repeat: repeat-y;
}
#page #pgborderR { 
	width:8px;
	background-image:url(/assets/pg-shadow-right-bg2.gif);
	background-repeat: repeat-y;
}
#pageTop #headerR {width:817px; height:200px; background-image:url(/assets/header_img_bg.jpg); background-repeat:no-repeat; text-align:right;}
#pageTop #headerR img.banner {padding-right:5px;}
#page #topnavbar {  font-weight:bold; font-size:130%;}
.topnav {
	color: #ffffff;
	font-size:80%;
}


#page #leftcol {width:8px; padding:25px 28px;}
#page #midcol {width:617px; padding:25px 0px;}
#page #rightcol {width:101px; padding:25px 28px;}

/* colored headings within body of page */
#midcol h1.weather {	background-image: url(../assets/weather-header.gif);}
#midcol div.weather {	background-image: url(../assets/weather-bg.gif);}
#midcol h1.events {	background-image: url(../assets/events-header.gif);}
#midcol div.events {	background-image: url(../assets/events-bg.gif);}
#midcol h1.maps {	background-image: url(../assets/maps-header.gif);}
#midcol div.maps {	background-image: url(../assets/maps-bg.gif);}
#midcol h1.links {	background-image: url(../assets/links-header.gif);}
#midcol div.linkHeader {	background-image: url(../assets/links-bg.gif);}
.icon {float:right; margin:-10px -13px 0px 0px;}
/* end colored headings within body of page */

#leftnav { margin-bottom:1.5em; background-color:#0d3f7a; color:#FFFFFF; width:168px; padding:0em; font-size:90%;/*zoom:1;*/}
#leftnav img { border:0px; margin:0px; padding:0px;}
#leftnav ul {
	margin:0em;
	padding:0em;
	list-style-type: none;
}
#leftnav li { display:block; padding:0em; margin:0em; border:1px solid #0d3f7a;}
#leftnav li a { display:block; color:#FFFFFF; border-bottom:1px solid #3d81bc; margin:0px 11px; text-decoration:none; padding:2px 0px 5px 3px; font-weight:bold;}
#leftnav li a#first { padding-top:0px;}
#leftnav li a#last { padding-bottom:0px; border-bottom:0px;}
#leftnav a:hover { color:#cadb2a;}
#rightcol img { margin-bottom:1em;}

#topnav {width:1013px; height:65px; background-image: url(../assets/topnav-bg.gif);}
#topnav ul { margin:0em; padding:0em;}
#topnav li { margin:0em; padding:0em; display:block; float:left;}
#topnav a { display:block; width:152px; height:23px; color:#0d3f7a; text-align:center; background-image: url(../assets/topnav_button.gif); margin:32px 35px 0px 0px; padding-top:10px; font-weight:bold; font-size:125%; text-transform:uppercase;}
#topnav a.first {margin-left:55px;}

#bodyDetails {
	background-image: url(../assets/details-center-bg.gif);
	background-repeat: repeat-y;
}
#bodyDetails #col1 { width:292px; padding:10px 2px 10px 3px;}
#bodyDetails #col2 { width:317px; padding-top:5px; padding-left:8px; text-align:center;}
#bodyDetails #col1 h2 { 
	display:block;
	width:280px;
	background-repeat: no-repeat;
	font-size:150%;
	margin:0em 0em .3em 0em;
	font-weight:normal;
	line-height:120%;
}
#bodyDetails #col1 h3 { display:inline; margin:0px; padding:0px; font-size:100%;}
#bodyDetails #col1 #indent { margin:.1em 0em 0em .8em; color:#666666;}
#bodyDetails #col1 #category {color:#0d3f7a; font-weight:bold; padding:0em; line-height:100%; margin-bottom:7px;}
/*#bodyDetails #col1 #category {float:right; width:80px; color:#0d3f7a; text-align:right; font-weight:bold; padding:0em 7px 7px 7px; line-height:100%; margin-right:7px;}*/
#bodyDetails .green { color:#8bc541;}
#bodyDetails #col1 form { margin:.1em 0em 0em .4em;}

#bodyIndex {
	background-image: url(../assets/home-center-bg.gif);
	background-repeat: repeat-y;
}
#bodyIndex #col1 { width:242px; padding:10px 2px 10px 3px;}
#bodyIndex #col2 { width:367px; padding-left:3px;}
#bodyIndex #col2 h2 { 
	display:block;
	width:280px;
	height:32px;
	background-repeat: no-repeat;
	padding: 24px 20px 0px 66px;
	font-size:150%;
	color:#FFFFFF;
	margin:0em;
	font-weight:normal;
}
#bodyIndex #col2 h2.weather { 	background-image: url(../assets/weather.gif);}
#bodyIndex #col2 h2.maps { 	background-image: url(../assets/ws-maps.gif);}
#bodyIndex #col2 h2.events { 	background-image: url(../assets/events.gif);}
#bodyIndex #col2 h2.links { 	background-image: url(../assets/links.gif); margin-top:0em;}
#bodyIndex #col2 h3 { display:inline; margin:0px; padding:0px; color:#000000; font-size:100%;}
#bodyIndex #col2 #indent { margin:.1em .5em 0em 4em; color:#666666;}
#bodyIndex #col2 p { margin:.1em 0em 0em 4em; color:#666666;}
#bodyIndex #col2 ul { margin:0em; padding:0em;}
#bodyIndex #col2 li { margin:.1em 0em 0em 1em; padding:0em;}
#bodyIndex #col2 h2 a {	color:#FFFFFF;}



div.links { margin-top:.5em; color:#3b81bd;}
.footerLinks { margin-top:.5em; color:#3b81bd; text-align:center; width:617px;}

#bodyIndex #col1 h2 { color:#0d3f7a; font-size:130%; font-weight:bold; margin: 0em 0em 0em .7em;}
#bodyIndex #col1 p { margin:.5em 0em 0em 1.5em;}

#body, #listings {
	background-image: url(../assets/page-center-bg.gif);
	background-repeat: repeat-y;
	width:592px; padding:10px 12px 10px 13px;
}

div.prominence {
	/*border:2px solid #c3db2b;*/
	padding: 12px 25px 35px 15px;
	background-color:#eee;
	margin-bottom:1em;
	margin-top:.5em;
	width:542px;
	height:95px;
	background-image:  url(../assets/prominence-bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#back {text-align:right; margin-right:7px; margin-bottom:5px;}
form.outlineRight { float:right; width:200px; border:1px solid #e6e6e6; padding:.5em;}