/* CSS STYLES FOR THE WATERVILLE CITY WEBSITE PAGE LAYOUT AND HOMEPAGE ONLY */
@import url("base.css");
body { background-color: #ecf1fb; color: #564d47; font-family: Arial, Helvetica, sans-serif; margin: 0 auto 40px; padding: 0; background-image: url(/images/background_wvl.gif); background-repeat:repeat-x;   }

/* LAYOUT STYLES */
.wrapper { margin: 0 auto; width: 919px; }

/* Header Styles */
#header_banner{ width: 919px; height: 116px; margin: 0; background: #280582 url(/images/header_backRight.gif) no-repeat top right;}
#header_banner2 { width: 923px; height: 116px; margin: 0; background: url(/images/header_backLeft.gif) no-repeat top left; }
#header_banner2 img{border:0;}
html>body #header_seal { float: left; margin: 11px 18px 0 26px;  }
#header_seal { float: left; margin: 11px 18px 0 12px;  }
#header_logotype { float: left; margin: 25px 0 0;}
#headerLogo{float:left; margin: 15px 0 0 40px;}

/* Search Styles -- in the Header */
#header_search { border: 1px solid #5953b0; background-color: #5a72c0; width: 180px; float: right; padding: 13px 12px 15px; margin: 29px 22px 0 0; }
#header_search form { padding: 0; margin: 0; width: 180px;  margin: 0; padding: 0;}
#header_search form input[type="text"] { width: 132px; padding-left:5px; font-size:11px;}  
html>body input#searchButton { padding: 1px 0 0 2px; margin: 0; vertical-align: middle }
input#searchButton { padding: 2px 0 0 2px; margin: 0; vertical-align: top }
*:first-child+html input#searchButton { padding: 0 0 4px 2px; margin: 0; vertical-align: middle }
#header_navigation{background:none;background-color:transparent;}

/* CONTENT WELL LAYOUT STYLES */
html>body #content_top { clear:both;background:url(/images/back-content_top.gif) no-repeat top left; height: 7px; }
#content_top { clear:both;background:url(/images/back-content_top.gif) no-repeat bottom left; height: 7px; }
.content,.mceContentBody { font-size: 12px; line-height: 22px; width: 869px; padding: 12px 25px 25px; margin:0; background: #fff url(/images/back-content.gif) repeat-y; }
.mceContentBody{width:auto; padding: 15px;}
.content_right { float: left; padding: 0 0 35px; margin: 0; width: 630px;}
#content_bottom { background:url(/images/back-content_bottom.gif) no-repeat top left; height: 7px; }

/* HYPERLINK STYLES */
/* Universal Hyperlinks Styles */
a { color: #0033cc; text-decoration: underline;outline:none; }
a:visited { color: #6780c9; }
a:hover { color: #0072ff; }
a:active { color: #f14427; }
.arrow_orange { color: #ff4e00; font-weight: bold; }

/* Other Hyperlinks Styles */
.homepage_sectionbottom a, .homepage_sectionbottom a:visited { color: #003399; }
.rsslink { float:right; position: relative;  margin: 2px 12px 0; padding: 0; font-size: 11px; font-weight: bold; }
a.rsslink { background: url(/images/feed-icon.jpg) left 50% no-repeat; padding: 0 0 0 21px; color: #0066ff; }
a:hover.rsslink { border:none; }

h1 { font: 30px Georgia, "Times New Roman", Times, serif; color: #c15701; margin: 0; padding: 11px 0 4px; } 
h2 { font: normal 18px Arial, Helvetica, sans-serif; margin: 0; padding: 3px 0 4px; color: #885c3e;  } 
h2 a{font: normal 18px Arial, Helvetica, sans-serif; margin: 0; padding: 3px 0 4px; color: #885c3e; }
h3 { font: italic 14px/20px Georgia, "Times New Roman", Times, serif; color: #885c3e; margin: 0; padding: 0 0 9px;  } 
h4 { font: italic 18px/20px Georgia, "Times New Roman", Times, serif; color: #885c3e; margin: 0; padding: 0 0 9px;  } 
p { padding: 0 0 12px; margin: 0;}
h1{font-family: 'Molengo', serif; font-size:32px; margin-bottom:15px;}
h3,h2,a.dept,.navigationleft_header,.eventsmiddle,.event_date{font-family:'Molengo',serif;  font-weight:normal;}


/* HOMEPAGE PHOTOWELL STYLES */
#homepage_photowell { padding: 12px 12px 13px; margin:0; background-color: #e1f1fd; width: 845px;  }

/* NEWS AND ANNOUNCEMENTS, EVENTS INDEX LIST STYLES */
.homepage_section { width: 869px; padding: 14px 0 0; }
.homepage_sectionheader { border-bottom: 3px solid #d5c482; font: 16px/20px Georgia, "Times New Roman", Times, serif; color: #c05702; letter-spacing: 1px; }
.homepage_sectionheader{font-family: 'Molengo', serif; font-size: 16px;}
#homepage_links ul li a{font-family: 'Molengo', serif; font-size:14px;}

li.highpriority {  background-color: #fcf5d9; }
li.highpriority a {  color: #cf6d1d; font-style:  italic; font-size: 11px; line-height: 15px; }
.newslist li.highpriority a{font-size:12px;}
#homepage_newsannouncements { width: 300px; float: left; margin: 0 35px 0 0; }
#homepage_newsannouncements ul, #homepage_events ul, #homepage_links ul { margin: 0; padding:0;}
#homepage_newsannouncements ul li { list-style:none; font: bold 11px/12px Arial, Helvetica, sans-serif; border-bottom: 1px dotted #cdcab8; padding: 9px 0 10px 8px; }
#homepage_events ul li { list-style:none; font: bold 11px/12px Arial, Helvetica, sans-serif; border-bottom: 1px dotted #cdcab8; padding: 8px 0 8px 8px; }
#homepage_events { width: 260px; float: left; margin: 0 35px 0 0;  }
#homepage_events li div { font-weight: normal; font-style:italic; padding: 0 0 3px; }
#homepage_events a { line-height: 12px; }
#homepage_links  { width: 239px; float: left;}
#homepage_links ul li { list-style: none; } 
#homepage_newsannouncements .homepage_sectionbottom ul, #homepage_events .homepage_sectionbottom ul{ padding: 10px 0 0 8px; }
#homepage_newsannouncements .homepage_sectionbottom ul li, #homepage_events .homepage_sectionbottom ul li{ border: none; padding: 0 0 2px; font-weight: bold; }
#homepage-banner img,#homepage-banner-text img{border:0;}
#homepage-banner,#homepage-banner-text{margin-top:40px}
#homepage-banner-text img{float:right;}
#homepage-banner-text{padding: 5px 15px; border:1px dotted #CCC; background-color:#eee}
#homepage-banner-text p{margin-bottom:0; padding-bottom:0; padding-left:2px;}
.eventsmiddle{font-weight:bold;}
.event_date{margin-top:10px;}
.event_time{padding-left:10px;}
.event_details{margin-left:10px;}
#leftLinkImageHolder{padding-top:20px; padding-bottom:20px;}
#leftLinkImageHolder img{border:0;}

/* QUICKLINKS ICONS on HOMEPAGE  */
#homepage_links, #homepage_links ul { margin: 0 ; padding: 0; }
#homepage_links ul li { margin: 0; padding: 0;}


/* FOOTER STYLES  */
/* Footer Links  */
#footerlinks { border-top: 1px dotted #92a8be; background-color: #fff; padding: 6px 0 13px; margin: 0; text-align: center;clear: both; }
#footerlinks ul { margin: 0; }
#footerlinks ul li { display: inline; padding: 0 4px; }
#footerlinks a, #footerlinks a:visited { color:#3333cc; text-decoration:underline; font-size: 12px; }
#footerlinks a:active { color:#f14427;  }

/* Footer Section  */
#footer { background-color: #fff; font-size: 12px; line-height: normal; text-align: center; margin: 0; } 
#footer_contactline1 { font-weight: bold; padding-bottom: 5px; }
#footer_contactline2 { padding-bottom: 5px; }
#footer_copyright { font-size: 10px; }



#department_image{font-style:italic;}

#loader {
border: 1px solid #ccc;
width: 844px;
height: 300px;
}
#loader.loading {
background: url(/images/ajax-loader.gif) no-repeat center center;
z-index:99999;
}
.notification{list-style:none;color:red;font-weight:bold;}
#archivefilters img{border:none;}
.filedownload{padding:5px; border: 2px solid #CCC; width:80%;text-align:center;background-color: #fcf5d9;}
.filedownload{background-color:#eee}
.filedownload em{font-size:11px;}
.eventsdesc{padding-top:10px;padding-bottom:10px;}
.sharelinks{padding-top:20px}
.filedownload a{font-size:16px;font-weight:bold;}
.filedownload em{font-size:13px;padding-top:4px;display:block;}
.filedownload img{border:0;padding-top:5px;}
#homepage_links img{border:0;}
.articlephoto-left{border:1px solid #CCC;font-size:11px;font-style:italic;text-align:center;}
.articlephoto-left img{clear:right;}
.webcamarea{padding-top:18px;padding-left:5px; height:360px;}
.webcamarea p{padding:13px 0 35px 0;}
.webcamarea img{padding:3px; border:1px solid #CCC;}