@import url("nav.css");
@import url("modules.css");
@import url("events.css");

body {margin: 0; padding: 0; color: #000; background: #eff7fa; font-size: 80%;}
/* reset sizes are 80%, 90%, & 110% */
body, textarea {font-family: verdana, Helvetica, sans-serif;}
p, blockquote, li, dd, dt, h4, label, input, select, textarea {font-size:1em; line-height: 1em;}

a:link {color:blue; text-decoration: underline; outline: none;}
a:visited { color: #7AAED6; }
a:hover { color: #7aaed7;}

img {border: none;}
table, form {margin: 0; padding: 0;}
th, td { vertical-align:top; }

h1, h2, h3 {margin:0 0 0.5em 0; font-weight: bold;}
h1 {font-size: 1.6em; color: #4e5f84;}  
h2 {font-size: 1.2em; color: #5176a4; line-height: 1em; } 
h3 {font-size: 1em; color: #7aaed6; }
h4 {font-size: 0.8em; font-style: italic; font-weight: normal;}


p, pre {margin: 1em 0; line-height: 1.4em;}
dd, ul li, ol li {line-height: 1.3em;}
dl, ul, ul li, ol, ol li, blockquote {padding: 0;}
dl {margin: 0.5em 0;}
dt {font-weight: bold; margin: 0.25em 0 0 0;}
dd {margin-left: 0.5em;}
ul {margin: 0.5em 0 0.5em 1.1em; list-style-position: outside;}
ul li {list-style: square; margin:0 0 0.25em 0.5em;}
ol {margin: 0.5em 0 0.5em 1.4em;}
ol li {margin:0 0 0 0.5em;}
blockquote {margin: 1em 2em;}

fieldset {padding: 1em; margin: 0.25em 0; border: 1px solid #ccc;}
legend {font-size: 1.1em; font-weight: bold; color: #333; padding: 0 0.25em; margin: 0;}
*:first-child+html legend {margin: 0 0 0.5em 0;} /* hack for all IE versions */

input, select, textarea {margin: 1px; padding: 0 0.01em; vertical-align: middle;}
textarea {vertical-align: top;}
input:focus, textarea:focus, select:focus {background: #ffc;}
label { position: relative; top: 0.01em; padding-right: 0.01em;}

.Clearer { clear: both;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

#wrap {width: /*62em*/850px; position: relative; top: 0; margin: 0 auto;  }
#head {margin-bottom: 0.5em;}
#head img.homelogo {width: 58em;}

#tnav { width: 100%; margin-top: 0.5em;}
#control { text-align: right; vertical-align: middle; margin: 10px 0;}
#search { width: 17.5em; text-align: right; }
#search input.stext { width: 11em;}

a.FeedLink span.FeedCaption {padding-left: 5px;}
a.FeedLink img {vertical-align: bottom;}

.searchresults {padding: 0 1em 1em; min-height: 600px;}

#cnt { margin: 0.25em 0 0.5em 0; display: block; clear: left; background: #fff;}

.slideshowHome {height: 180px; overflow: hidden;}
.slideshowHome img {width: 850px; }

#alerts {padding: 0.5em 0.5em 1.5em 0.5em; font-size: 1em; background: url(../img_t/bg_alerts.gif) no-repeat bottom right;}
#HomeLeft { background: #7AAED6/*url(../img_t/bg_homeLeft.png) repeat-y*/; width: 226px; padding: 16px 8px 16px 16px;}
#HomeLeft a:link {color: #fff; text-decoration: none;}
#HomeLeft a:visited {color: #666; text-decoration: none;}
#HomeLeft a:hover {color: #fff; text-decoration: underline;}
#HomeLeft p {margin: 0 0 5px 0;}
#HomeLeft h2 {margin: 10px 0 0 0;}
#HomeLeft h3 {color: #333; margin: 5px 0 0 0;}
#google_translate_element {margin: 50px 0 10px 0;}

#HomeCenter { padding: 8px; width: 384px;}

#HomeRight1 { background: #fff /*5176a3*/; padding: 0; width: 226px;  }
#citynews {background: #eee; padding: 10px;min-height: 100px; }
#citynews h2 {font-size: 20px;}
#citynews .cityPost h2 {margin: 0 0 2px 0; font-size: 14px;}
#citynews .cityPost h2 a:link { color: #333; text-decoration: none;}
#citynews .cityPost h2 a:visited { color: #666; text-decoration: none;}
#citynews .cityPost h2 a:hover { text-decoration: underline;}

#citynews .cityPost span { color: #333; display: block; margin-bottom: 10px;}
#HomeRight1 p.readMore {margin: 0;}
#HomeRight1 p.readMore a:visited {color: #666;}

.blueSidebox {margin: 0 0 10px; background: #7AAED6; padding: 10px;  }
.blueSidebox a:link {color: #fff; text-decoration: none;}
.blueSidebox a:visited {color: #666;text-decoration: none;}
.blueSidebox a:hover {text-decoration: underline;}


#HomeRight2 { width: 250px; background: #f1f1f1/*7aaed6*/; padding: 16px 8px 16px 16px; width: 226px; border-top: 0.5em solid #fff;}
#qlinks {background: url(../img_t/tag_quicklinks.png) no-repeat; padding: 0 0 0 30px;min-height: 130px;}
#HomeRight2 .extLink { margin-bottom: 0.5em;}
#HomeRight2 .extLink a { color: #000/*fff*/; text-decoration: none; font-size: 1em; font-weight: bold; display: block; text-transform: uppercase;}

#foot { background: #4F5F83; width: 850px; }
#foot a { color: #fff; }
#foot a:hover { color: #eedd0b;}
td#f1 { vertical-align: middle; width: 33%; padding: 0.5em;}
td#f3 { width: 40%; vertical-align: middle; color: #fff; padding: 0.3em}
td#f3 h2 { font-size: 1.2em; font-weight: normal; margin: 0.5em 0 0 0; color: #fff;}
td#f3 div { font-size: 1em;}
td#f3 p { font-size: 0.8em;}

#subfoot { text-align: right; color: #999; font-style: italic; font-size: 0.8em; margin: 5px 0; }
#subfoot a { color: #999;}
#subfoot a:hover { color: #333;}

.subCnt { padding: 0 0.5em 0.5em 0.5em;}

.breadcrumbs { font-size: 0.9em; text-align: right;}

.pageLister table { width: 100%;}
.pageLister td { padding: 0 0 0 1em;}
.pageLister dt { font-size: 1em;}
.pageLister dd { font-size: 0.9em;}

.faqQ { margin-bottom: 1em;}
.faqQ h1 {font-size: 1.2em; margin: 0;}
.faqQ ul {}

.faqA {}
.faqA h1 {font-size: 1.2em; margin: 0;}
.faqA div { font-size: 1em;}
.faqA h3 { color: #333; margin: 1em 0 0 0;}


a.topLink { font-size: 0.9em; text-align: right; display: block; text-decoration: none;}

.CityNewsList div.cityPost h2 a {color: #333; margin: 0; text-decoration: underline;}
.CityNewsList div.cityPost h2 span { font-weight: normal; color: #666; font-style: normal;}
.CityNewsList div.cityPost p {margin: 0 0 0.8em 0;}

.CityNewsFull {font-size: 1em;}
.CityNewsFull h2 { margin: 0;}
.CityNewsFull h3 { font-weight: normal; color: #333;}

.col4 table, .pageLister table {width: 100%;}
.col4 td {width: 25%; padding: 0.25em;}

a.pdf {display: block; background: url(../img_t/pdf_mini_icon.gif) no-repeat 0 2px; padding-left: 20px;
	margin: 0 0 0.5em 0;}
	
p.top {color: #666; text-align: right; font-size: 0.8em;}
p.top a {color: #666; text-decoration: none;}
p.top a:hover {text-decoration: none; color: #000;}