/* CSS Document */

body
{
    margin: 0;
    background-color: #E0FFFF;
}

/* Overwrite EktronClickMenu's top padding of 13px (was 1em) */
div div.EktronClickMenuWrapper
{
    border-style: none;
    border-width: medium;
    border-color: inherit;
    padding: inherit;
    margin: auto;
}

/* Defining Main Layout */
#bg_top_spacer
{
    padding: inherit;
    height: 32px;
    width: 900px;
    background-color: transparent;
    margin: 0 auto;
}
#bg_top{background: url(images/bg_top.gif); height: 0px; 
width: 900px; margin: 0 auto;
}
#bg_body_layout
{
    background: url(images/marble_789.jpg) repeat;
    width: 900px;
    margin: 0 auto;
}
#main_layout
{
    background-color: #ffffff;
    width: 900px;
    margin: 0 auto;
}


/* Defining Logo and Images Header */
#logo_layout{background-color: #f0eee8; height: 95px; width: 900px; }
#logo{width: 900px; height: 95px; float: left;}
/* #banner_images{width: 380px; height: 97px; float: right; }
#bannerimage{width: 72px; height: 93px; float: left;}
#logo_white_spacer{background-color: #ffffff; margin: 0 auto; height: 12px; width: 900px;}
#logo_white_spacer1{background-color: #ffffff; margin: 0 auto; height: 3px; width: 900px;} */

#greenbar{width: 950px; height: 5px; background: url(images/green_bar.gif); background-repeat: no-repeat;}
.input_photo{border:1px solid #606060; font-size: 12px;}

/* Defining Menu Items */
#menu{width: 898px; margin: 0 auto; clear: both; }

/* Searchpage.aspx layout & style -- color: #0F72B1; matches othermenu items but not search control */
#advanced_search{width: 900px; margin: 0 auto; height: auto; font-family: Verdana; font-size: 11px; color: #000000; margin-top: 10px; margin-bottom: 10px;}
#Literal_style{font-family: Verdana; font-size: 16px; font-weight: bold; color: #000080;}


/* Welcome Bg */
#bg_welcome{ width: 900px; height: 29px;}
#search_layout{WIDTH: 260px; float: left; height: 25px; font-family: verdana; font-size: 11px;  color: #000;}

#othermenus{width: 500px; height: 8px; float: right; }
#othermenus_default{width: 660px; height: 8px; float: right; vertical-align: baseline; }

#white_spacer{background-color: #ffffff; margin: 0 auto; height: 10px; width: 900px; clear: both; }

#white_spacer2{background-color: #ffffff; margin: 0 auto; height: 15px; width: 900px; clear: both;}

/* Default Page - defining Latest News and Ektronville News */
#default_news{height: auto; width: 900px; clear: both; margin: 0px; padding: 0px;}
#latest_news_default{height: 210px; width: 295px; float: left; padding: 0px; margin: 0px; }
.latest_news_title{height: 10px; width: 100%; font-family: verdana; font-size: 12px; color: #0d71b0; font-weight: bold; padding: 0px 0px 10px 10px; margin: 0px; float: left; background-repeat: no-repeat; clear: both;}
#latest_news_title{height: 10px; width: 100%; font-family: verdana; font-size: 12px; color: #0d71b0; font-weight: bold; padding: 0px 0px 10px 10px; margin: 0px; float: left; background-repeat: no-repeat; clear: both;}
#latest_news_header{background: url(images/1033/latestnews.gif); float: left; display: block; width: 80px; height: 15px; background-repeat: no-repeat; background-position: center;}

#latest_news_ls{width: 285px; float: left; padding: 0px; margin: 0px;}


.login_button_align{text-align: center;}


#default_news_spacer{height: 215px; float: left; width: 10px; }

#featured_news_default{height: auto; width: 633px; float: left; background-color: #f0eee8; padding: 0px; margin: 0px; overflow: hidden;}
#featured_news_text{height: 210px; width: 335px; float: left; font-family: Verdana; font-size: 11px; color: #333333; }
.featured_news_text{float: left; font-family: Verdana; font-size: 11px; color: #666666; padding: 5px; margin-top: 5px; text-align: justify;}

#featured_news_image{height: 200px; float: right; }
#featured_news_header{height: 21px; width: 635px; background: url(images/bg_f.gif); padding: 3px 0px 0px 0px; margin: 0px;}
#featured_collection_layout{height: 150px; width: 635px; float: left; margin-top: 3px;}
#featured_image{width: 335px; float: right; padding-right: 5px; }
#featured_news_collection{width: 285px; float: left; font-family: Verdana; font-size: 11px; color: #333333; padding-bottom: 10px; }
.featured_news_title_header{color: #0d71b0; font-family: Verdana; font-size: 12px; font-weight: bold; padding: 5px; padding-left: 0px;}
.featured_news_title_header a{color: #0d71b0; font-family: Verdana; font-size: 12px; font-weight: bold; text-decoration: none; padding: 5px;}
.featured_news_title_header a:link{color: #0d71b0; font-family: Verdana; font-size: 12px; font-weight: bold; text-decoration: none;padding: 5px; }
.featured_news_title_header a:active{color: #0d71b0; font-family: Verdana; font-size: 12px; font-weight: bold; text-decoration: none; padding: 5px;}
.featured_news_title_header a:visited{color: #0d71b0; font-family: Verdana; font-size: 12px; font-weight: bold; text-decoration: none; padding: 5px;}
.featured_news_title_header a:hover{color: #0d71b0; font-family: Verdana; font-size: 12px; font-weight: bold; text-decoration: underline;  padding: 5px;}

/*#featured_news_content{float: left; font-family: Verdana; font-size: 11px; color: #666666; padding: 5px; margin-top: 5px; text-align: justify;}*/
#featured_news_content{font-size: 11px; float: left; background-color: #f0eee8; overflow: hidden; margin: 0px; padding: 0px; vertical-align: text-top; }
#featured_news_content_wrapper{ height:210px;}

/* Layout containers for rows */
#quicklinks_layout{margin: 0px; padding: 0px; width: 900px; clear: both; background-color: #f0eee8; height: 160px; overflow: hidden;}
#quicklinks_layout2{margin: 0px; padding: 0px; width: 900px; clear: both; background-color: #f0eee8; height: 160px; overflow: hidden;}

/* Container for related items on page (i.e. holds Town Meeting Agenda box, main image, contents, and map image) */
#quicklinks_box{margin: 0px; padding: 0px; width: 308px; background-color: #f0eee8; float: left; overflow: hidden; height: 150px;}

/* Box Tags below are the containers for Title Headers */
#latest_forum_box{margin: 0px; padding: .1px; width: 308px; background-color: #f0eee8; float: left; overflow: hidden; height: 150px;}
#EktronvilleDocuments_box{margin: 0px; padding: .5px; width: 308px; background-color: #f0eee8; float: left; overflow: hidden; height: 150px;}
#ReportPothole_box{margin: 0px; padding: .5px; width: 308px; background-color: #f0eee8; float: left; overflow: hidden; height: 150px;}


#quicklinks_box1{margin: 0px; padding: .1px; width: 210px; background-color: #e6e3d8; height: 15px; float: left; }
#quicklinks_box2{margin: 0px; padding: .1px; width: 210px; background-color: #e6e3d8; height: 15px; float: left; }

/* colored line at the top of box containers for related items on the page */
#quicklinks_line1{width: 306px; height: 5px; background: url(images/line_1.gif); background-repeat: no-repeat; float: left; background-color: #f0eee8; margin: 0px; padding: 0px; clear: both;}
#quicklinks_line2{width: 306px; height: 5px; background: url(images/line_2.gif); background-repeat: no-repeat; float: left; background-color: #f0eee8; margin: 0px; padding: 0px; clear: both;}
#quicklinks_line3{width: 306px; height: 5px; background: url(images/line_3.gif); background-repeat: no-repeat; float: left; background-color: #f0eee8; margin: 0px; padding: 0px; clear: both;}
#quicklinks_line4{width: 306px; height: 5px; background: url(images/line_4.gif); background-repeat: no-repeat; float: left; background-color: #f0eee8; margin: 0px; padding: 0px; clear: both;}
#quicklinks_line5{width: 306px; height: 5px; background: url(images/line_5.gif); background-repeat: no-repeat; float: left; background-color: #f0eee8; margin: 0px; padding: 0px; clear: both;}
#quicklinks_line6{width: 306px; height: 5px; background: url(images/line_6.gif); background-repeat: no-repeat; float: left; background-color: #f0eee8; margin: 0px; padding: 0px; clear: both;}

/* Changed lines to .class from #id to fix ie6 spacing issue */
.quicklinks_line1{width: 306px; height: 5px; background: url(images/line_1.gif); background-repeat: no-repeat; float: left; background-color: #f0eee8; margin: 0px; padding: 0px;}
.quicklinks_line2{width: 306px; height: 5px; background: url(images/line_2.gif); background-repeat: no-repeat; float: left; background-color: #f0eee8; margin: 0px; padding: 0px;}
.quicklinks_line3{width: 306px; height: 5px; background: url(images/line_3.gif); background-repeat: no-repeat; float: left; background-color: #f0eee8; margin: 0px; padding: 0px;}
.quicklinks_line4{width: 306px; height: 5px; background: url(images/line_4.gif); background-repeat: no-repeat; float: left; background-color: #f0eee8; margin: 0px; padding: 0px;}
.quicklinks_line5{width: 306px; height: 5px; background: url(images/line_5.gif); background-repeat: no-repeat; float: left; background-color: #f0eee8; margin: 0px; padding: 0px;}
.quicklinks_line6{width: 306px; height: 5px; background: url(images/line_6.gif); background-repeat: no-repeat; float: left; background-color: #f0eee8; margin: 0px; padding: 0px;}


#quicklinks_content_map{width: 306px; height: 100%; margin: 0px; padding: 0px;}

#quicklinks_image{height: 80%; width: 95px; float: left; background-color: #f0eee8; vertical-align: text-top; text-align: center; padding: 20px 0em 0em 0em; margin: 0em; }
.quicklinks_image{height: 80%; width: 95px; float: left; background-color: #f0eee8; vertical-align: text-top; text-align: center; padding: 20px 0em 0em 0em; margin: 0em; }
#quicklinks_content{height: 95%; width: 210px; float: left; background-color: #f0eee8; vertical-align: text-top; text-align: left; overflow: hidden; margin: 0px; padding: 0px; }
.quicklinks_content{height: 95%; width: 210px; float: left; background-color: #f0eee8; vertical-align: top; text-align: left; overflow: hidden; margin: 0px; padding: 0px; }

#quicklinks_spacer
{
    background-color: #ffffff;
    width: 8px;
    height: 160px;
    float: left;
    padding: 0px;
    margin: 0px;
    background-image: inherit;
}


#CalendarEventsContainer{height: inherit; width: 210px; float: left; background-color: #f0eee8; overflow: hidden; margin: 0px; padding: 0px;}
#EktronvilleDocumentsContainer{height: 90%; width: 210px; float: left; background-color: #f0eee8; overflow: hidden; margin: 0px; padding: 0px;}
#LatestForumsContainer{height: 85%; width: 100%; float: left; background-color: #f0eee8; overflow: hidden; margin: 0px; padding: 0px; text-align: left; vertical-align: text-top;}
#TownMeetingMapContainer{height: 85%; width: 210px; float: left; background-color: #f0eee8; overflow: hidden; margin: 0px; padding: 0px;}
#ReportPotholeContainer{height: 85%; width: 210px; float: left; background-color: #f0eee8; overflow: hidden; margin: 0px; padding: 0px;}
.ActiveTopics1{height: 75%; width: 100%; font-family: Arial; font-size: 11px; background-color: #f0eee8; overflow: hidden; margin: 0px; padding: 0px; text-align: left; vertical-align: text-top;}

#footer
{
    height: 13px;
    width: 881px;
    background: inherit;
    margin: 0 auto;
    clear: both;
}
.footer_text
{
    font-family: cursive;
    font-size: 16px;
    color: #808000;
    padding: 10px;
}

/* containers for titles on default.aspx page */
#town_meeting_agenda{background: url(images/1033/townmeetingagenda.gif); background-repeat: no-repeat; width: 100%; height: 15px; float: left; margin: 0px; padding: 0px; }
#ektronville_events{background: url(images/1033/ektronvilleevents.gif); background-repeat: no-repeat; width: 100%; height: 15px; float: left; margin: 0px; padding: 0px; }
#selectboards_blog{background: url(images/1033/mayorsblog.gif); background-repeat: no-repeat; width: 100%; height: 15px; float: left; margin: 0px; padding: 0px; }
#latest_in_forums{background: url(images/1033/latestinforums.gif); background-repeat: no-repeat; width: 100%; height: 15px; float: left; margin: 0px; padding: 0px; clear: right;}
#ektronville_documents{background: url(images/1033/ektronvilledocuments.gif); background-repeat: no-repeat; width: 100%; height: 15px;  float: left; margin: 0px; padding: 0px; }
#report_a_pothole{background: url(images/1033/report_pothole.gif); background-repeat: no-repeat; width: 100%; height: 15px; float: left; margin: 0px; padding: 0px; }


/* Content Place holder for Content */
#content_holder
{
    width: 880px;
    padding: 0px 10px 0px 10px;
    
}
#content_holder p
{
    font-size: 11.0pt;
    margin: 0px;
    padding: 0px;
    height: auto;
    color: #666666;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

/* Login */

#login_layout{background-color: #f0eee8; border: 1px solid #c9c9c9; margin: 0 auto; WIDTH: 536px; HEIGHT: 180px; padding: 10px; overflow: inherit;}
.register_layout{background-color: #f0eee8; border: 1px solid #c9c9c9; margin: 0 auto; WIDTH: 636px; padding: 10px; overflow: inherit;}

#login_title{width: 516px; height: 25px; margin: 0 auto;}
#login_content{width: 516px; margin: 0 auto; padding-top: 15px; text-align: center; height: inherit;}
#login_content_register{width: 516px; margin: 0 auto; padding-top: 15px; text-align: center; height: inherit; }

#login_content_forgotpwd{WIDTH: 536px; margin: 0 auto; background-color: #e6e3d8; border: 1px solid #c9c9c9;  padding: 10px; text-align: center;}
.login_content_text{font-family: Verdana; font-size: 11px; color: #515151; }


/* Forums */

#forums_layout{margin: 0 auto; width: 900px; clear: both;}

/* Header Image for Main Templates such as Living, Working, Visiting, Doing Business and  Government*/
#header_images{width: 900px; margin: 0 auto; height: 29px;  }


/* Alert Blog on the Home Page */
#alertblog{margin: 0px; background-color: #eeeeee; height: inherit; width: 629px; padding: 3px; text-align: center; border-top: 1px solid #cccccc; vertical-align: text-top;}
.alertblog{margin: 0px; padding: 0px; font-family: Arial; height: inherit; font-size: 12px; font-weight: bold; color: #cc0000; text-align: center; vertical-align: text-top;}
.blog_listsummery_title{font-size: 12px; color: #ea4d00; font-family: Arial; font-weight: bold;}

/* Map control on home page */
#map_default{width: 246px; border: #ccc 1px solid; height: 150px; padding: 5px; margin: 0 auto;}

/* Font DHTML menu */
.dhtml{font-family: Verdana; font-size: 11px; color: #000;}

/* DIV for 508 */

#five{width: 900px; margin: 0  auto; height: 20px; padding: 10px;}

#dynamic_layout{width: 900px; margin: 0 auto; height: auto;}
#dynamic_content{width: 882px; 
background-color: #eaf5f8; border: 1px dotted #0066cc; float: left; padding: 10px; margin: 0 auto;
}
#dynamic_related{width: 250px; float: right; margin: 0 auto;}

/* Test */
#StoryPhotoBox {float: left; margin: 2px 18px 18px 0px; display: block; clear: right;}



/* Living - Directory Control CSS */
#outerlayer_dc{margin: 0 auto; width: 950px;}
#taxonomy_layer{width: 600px; float: left; padding: 10px; height: 300px;}
#articles_layer{width: 580px; float: left; padding: 10px; height: auto; background-color: #fcf0da;}

#blog_layer{width: 300px; float: left; padding: 10px; height: 300px;}

/* Trying to Fix Mayor's Blog Wrapping in */
#taxonomy_layer1{width: 580px; float: left; padding: 10px; height: 300px;}
#blog_layer1{width: 290px; float: left; padding: 10px; height: 300px; float:right;}
#quicklinks_box_govt{width: 290px; background-color: #f0eee8; float: left; }
#quicklinks_line_new{width: 290px; height: 5px; background: url(images/line_3.gif); background-repeat: repeat-x;}
#quicklinks_content11{width: 175px; float: left; background-color: #f0eee8;}




/* CSS for Taxonmy Categories on Sports Links */

#tax_category{margin: 0 auto; width: 180px; border-right: 1px dotted #0066cc; height: 200px; padding: 5px; }
.tax_category_title{font-family: Verdana; font-size: 11px; font-weight: bold; color: #0066cc;}
.tax_category_content{font-family: Verdana; font-size: 11px; color: #0066cc;}

#tax_article{margin: 0 auto; width: 390px;  height: inherit; padding: 5px; }
.tax_listsummary_title a{font-family: Verdana; font-size: 11px;  color: #000000; text-decoration: none; }
.tax_listsummary_title{font-family: Verdana; font-size: 11px; color: #000000; text-decoration: none;}
.hr{font-size: 8px; color: #999999; height: 0.5px;}
#tax_breadcrumb{background: url(images/bg_breadcrumb.gif); height: 20px; font-family: Verdana; font-size: 11px; padding-top: 5px;}

#tax_content_title{padding: 2px; padding-left: 8px; width: 390px; background-color: #eaf4fe; height: 20px; font-family: Verdana; font-size: 12px; font-weight: bold; color: #0066cc;}


/* CSS for Defining List Summaries and other items on the templates - Lower content Part of the Template  */

#lower_part_layout{margin: 0 auto; width: 950px; border: 1px dotted #0066cc;height: 260px; clear: both;}
#latest_events_layout{margin: 0 auto; width: 305px; float: left; border-right: 1px dotted #0066cc;  padding: 5px; height: 250px;}
#latest_events_header{margin: 0 auto; width: 290px; height: 18px; background-color: #d5ebf1;}
.latest_events_title{font-family: Verdana; font-size: 12px; color: #000; font-weight: bold; padding: 4px;}
#latest_events_content{margin: 0 auto; width:290px; padding: 5px;  }
#police_blotter_layout{margin: 0 auto; width: 305px; float: left; padding: 5px; }



/* default page quicklinks font */
.quicklinks_font{color: #0e6093; font-family: Arial; font-size: 11px; text-decoration: none; float: left; text-align: left; }
.quicklinks_font a{color: #0e6093; font-family: Arial; font-size: 11px;  text-decoration: none; text-align: left; margin: 0px; padding: 0px;}
.quicklinks_font a:link{color: #0e6093; font-family: Arial; font-size: 11px;  text-decoration: none; }
.quicklinks_font a:visited{color: #0e6093; font-family: Arial; font-size: 11px; text-decoration: none; }
.quicklinks_font a:active{color: #0e6093; font-family: Arial; font-size: 11px; text-decoration: none;}
.quicklinks_font a:hover{color: #0e6093; font-family: Arial; font-size: 11px; text-decoration: underline;}

.font_caldate{color: #000000; font-family: Arial; font-size: 11px; text-decoration: none;  }
/*.quicklinks_font_caldate a{color: #000000; font-family: Arial; font-size: 11px;  text-decoration: none; }
.quicklinks_font_caldate a:link{color: #000000; font-family: Arial; font-size: 11px;  text-decoration: none; }
.quicklinks_font_caldate a:visited{color: #000000; font-family: Arial; font-size: 11px; text-decoration: none; }
.quicklinks_font_caldate a:active{color: #000000; font-family: Arial; font-size: 11px; text-decoration: none;}
.quicklinks_font_caldate a:hover{color: #000000; font-family: Arial; font-size: 11px; text-decoration: underline;}*/


#odd{color: #0e6093; font-family: Arial; font-size: 11px; text-decoration: none; background-color: #eeeeee; height: 22px; padding-left: 5px;}
.odd{color: #0e6093; font-family: Arial; font-size: 11px; text-decoration: none;}
#even{color: #0e6093; font-family: Arial; font-size: 11px; text-decoration: none; background-color: #ffffff; height: 22px; padding-left: 5px;}


.ek_thickbox{color: #0e6093; font-family: Arial; font-size: 11px; text-decoration: none;  }
.ek_thickbox a{color: #0e6093; font-family: Arial; font-size: 11px;  text-decoration: none; }
.ek_thickbox a:link{color: #0e6093; font-family: Arial; font-size: 11px;  text-decoration: none; }
.ek_thickbox a:visited{color: #0e6093; font-family: Arial; font-size: 11px; text-decoration: none; }
.ek_thickbox a:active{color: #0e6093; font-family: Arial; font-size: 11px; text-decoration: none;}
.ek_thickbox a:hover{color: #0e6093; font-family: Arial; font-size: 11px; text-decoration: underline;}