@import url(http://fonts.googleapis.com/css?family=Droid+Serif|Droid+Sans);

body { background:#ebe8de; color:#333333; font:1.65em 'Droid Sans', Arial, sans-serif; }

a, li a { color:#324F2A; text-decoration:underline; padding:2px; -webkit-transition: 0.5s ease; transition: 0.5s ease; }
a:visited, li a:visited { color:#05503a; } 
a:hover, li a:hover { color:#FFFFFF; background:#324F2A; padding:2px; text-decoration:none; }
ul { width:auto; list-style-type:square; margin:0 0 0 10px; padding:0; }
li { margin:0 0 0 23px; padding:3px 0 0 3px; }

p { margin:10px 0; }

.clear { clear:both; }

h1, h2, h3, h4, h5, h6 { margin:5px 0; padding:10px 0; font-weight:bold; line-height:1.5em; font-family:'Droid Serif', serif; color:#094751; }

h1 { font-size: 2.2em; }
h2 { font-size: 1.8em; }
h3 { font-size: 1.65em; }
h4 { font-size: 1.32em; }
h5 { font-size: 1.17em; }
h6 { font-size: .85em; }

.title { font-size: 1.1em; }

/* header */

header { width:100%; position:fixed; left:0; top:0; z-index:200; font-family:'Droid Sans', serif; height:35px; background:#333333; color:#FFFFFF; }

header #logo { margin:0; padding:0; float:left; }
header #logo img { width:35%; }

header ul { float:left; margin:-5px 0 0 0; font-size:.8em; line-height:1em; }
header ul li { margin:0; padding:0; list-style: none; float:left; }
header ul li a { text-align:center; float:left; text-transform:uppercase; text-decoration:none; color:#FFFFFF; }
header ul li:hover a, header ul li:active a, header ul li:focus a, header ul li a.current, header ul li a:visited { color:#FFFFFF; text-decoration:none; }
header .nav li a:hover, header .nav li a:focus { background:#598c4c; color:#FFFFFF; }

.nav > li > a { display:block; padding:5px 10px; position:relative; }

#banner { margin:31px 0 0 0; } 

.welcome { font-size:1.4em; margin:10px 5px 5px 5px; padding:10px 0 5px 8px; } 
.department_name { font-size:1.7em; margin:2px 5px; padding:0 0 5px 12px; height:auto; }

#submenu { margin:5px 0 0 0; padding:0; height:28px; width:100%; font-size:.8em; text-align:center; background:#333333; color:#FFFFFF; }
#submenu ul { padding:2px; } 
#submenu li { margin:0; padding:3px 8px; } 

.sidemenu { margin:15px 5px 5px 0; padding:5px 5px 15px 5px; width:auto; font-size:1em; text-align:left; background:#333333; color:#FFFFFF; border-radius:10px; }
.sidemenu h5 { text-align:center; color:#ebe8de; text-transform:uppercase; }
.sidemenu a { color:#FFFFFF; }
.sidemenu a:visited { color:#bddec0; }


#erie_footer { margin:0; padding:0 0 3px 0; height:auto; width:100%; text-align:left; background:#333333; color:#FFFFFF; }

#erie_footer p { margin:0; padding:2px; } 
#erie_footer a, #erie_footer a:hover, #erie_footer a:visited, #submenu a:hover, #submenu a { color:#FFFFFF; text-decoration:none; }  
#erie_footer { margin:-1px 0 0 0; }

#content { margin:0; padding:5px 0 100px 0; text-align:left; }
#content ul li, #content ol li { font-size:.9em; padding:5px 0; } 

.breadcrumb { display:inline; font-size:.7em; font-style:italic; border-radius:0; list-style:none; margin:10px 0; padding:2px 5px 5px 5px; background-color:#ebe8de; }
.breadcrumb p { margin:5px 0; }

.box_slides { background:#FFFFFF; width:auto; margin:10px auto; padding:10px; } 
.box_slides img { width:100%; } 

.views_slideshow_main img { width:100%; height:auto; } 

.box_electeds { background:#324f2a; color:#FFFFFF; width:100%; margin:-80px 0 0 0; font-size:.9em; }
.box_electeds a { color:#FFFFFF !important; }
.box_electeds h4 { color:#9cafb3; }

.box_lists { background:#212222; color:#FFFFFF; font-size:.8em; margin:0; padding:0 0 20px 0; } 
.box_lists a, .box_lists li a { color:#FFFFFF; } 
.box_lists h4 { color:#a4a3a3; }

#block-views-news_events-block_1 ul li { font-size:.8em; line-height:1.1em; } 

input { margin:0; font-size:.9em; padding:0 10px; outline:0; border:1px solid #000000; border-radius:5px; height:35px; line-height:20px; -webkit-transition: 0.5s ease; transition: 0.5s ease; color:#000000; }

input[type=text], input[type=password], input[type=email], input[type=tel] {
    height: 25px !important;
}

input[type=submit] { width:auto; padding:5px 10px; line-height:25px; background-color:#598c4c; color:#FFFFFF; text-decoration:none; border-radius:5px; box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.3); }

.form-submit { width:auto; margin:25px 10px 0 0; padding:5px 10px; line-height:25px; background-color:#598c4c; color:#FFFFFF; text-decoration:none; border-radius:5px; box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.3); }

.cse input.gsc-search-button, input.gsc-search-button {
width:auto !important; padding:17px !important; line-height:2px !important; background-color:#598c4c !important; color:#FFFFFF !important; text-decoration:none !important; border-radius:5px !important; box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.3) !important; font-family:'Droid Sans', sans-serif !important; font-size:1.2em !important; }

.cse input.gsc-search-button:hover, input.gsc-search-button:hover { color:#598c4c !important; background-color:#FFFFFF !important; cursor:pointer; }

.gsc-clear-button { display:none; }
.gsc-input { color:#000000; } 

.button:hover, .form-submit:hover { color:#598c4c; background-color:#FFFFFF; cursor:pointer; }
.search { margin:10px 0 0 0; width:auto; }
.search_footer { margin:-5px 0 0 0; width:auto; }
.search gsc-control-searchbox-only gsc-control-searchbox-only-en { border:none; } 

.fa { font-size:1.7em; padding:0 5px; }

.views-field-field-caption-value { margin:-40px 0 0 0; height:30px; background:#000000; opacity: .8; font-size:.8em; text-align:center; padding:0 2px; color:#FFFFFF; } 

tbody { border-top: none; }
table td { margin:1px; padding:5px; } 
table { width:100%; } 
tr.even { background-color:#FCFCFC; }
tr.odd { background-color: #F6F6F6; }
table .fa { font-size:1.3em; margin:0; padding:0 10px; } 
table a, table a:hover { margin:0; padding:4px 0; } 

.table_layout1 tr { border:1px solid #CCCCCC; }
.table-border-bottom th { font-size:.9em; }
.table-border-bottom td { border-bottom:1px solid #CCCCCC; font-size:.8em; }

#footer { width:100%; margin:0; padding:0; font-size:.8em; }
#footer p { margin:5px; padding:3px 0 1px 5px; }
#footer h2 { font-size: 1.1em; font-weight:bold; }
#footer #user-login-form { text-align:left; } 

#admin_footer { width:100%; color:#000000; } 
#admin_footer h2 { font-size:1em; } 
#admin_footer .form-item, #admin_footer .form-submit { float:left; }
#user-login-form .form-text { width:150px; height:40px; font-size:1em; margin:0 10px 0 0; color:#000000; } 
#user-login-form { line-height:15px; }
#user-login-form { color:#000000; } 

.addthis_sharing_toolbox { float:right; margin:5px 0 0 0; } 
#google_translate_element a { color:#598c4c; } 

.radio, .checkbox { display:block; margin:0; }
.marker, .form-required { color: #830000; }

#node-admin-buttons { margin:-40px 0 2px 80px; padding:2px; }
#edit-operation { margin:2px 2px 20px 0; } 
#cmf-admin-nodes-form input { font-size:.8em; line-height:15px; }
fieldset input { color:#000000; font-size:1em; line-height:8px; margin:0; padding:3px; }

.bgblack { width:100%; height:100%; background: url(http://www2.erie.gov/sites/all/themes/erie_responsiveb/images/overlay.png); }
.bgwhite { width:100%; height:100%; background: url(http://www2.erie.gov/sites/all/themes/erie_responsiveb/images/overlay_light.png); }
.bggray { width:100%; height:100%; background: url(http://www2.erie.gov/sites/all/themes/erie_responsiveb/images/overlay_gray.png); }

.headlines img { width:200px; height:auto; } 


.region-top-left .views-row { clear:both; margin:0; padding:0; }
.region-top-left .view-content img { width:55px; height:auto; } 
.region-top-left .views-field-field-graphic-value { float:left; margin:-20px 0 0 0; padding:0 8px 5px 0; } 
.region-top-left .field-content { margin:0; padding:0; }
.region-top-left .views-field-field-link-value { font-size:.7em; float:right; font-style:italic; margin:0 0 10px 0; } 
.region-top-left .views-field-field-summary-value { margin:10px 0 0 0; font-size:.9em; } 

.region-top-left img { width:175px; height:auto; } 
.region-top-right img { width:150px; height:auto; } 

.ui-datepicker-next { left: 13em; }
.ui-datepicker-header select { background:#e6e6e6; border:1px solid #d3d3d3; color:#555555; font-size:1em; line-height:2.4em; margin:0 !important; padding:0 !important; position:relative; top:0; display:inline; }
.ui-datepicker-header select .ui-datepicker-new-month { left: 1.4em; /* LTR */ width:8em; }
.ui-datepicker-header select .ui-datepicker-new-year { left: 10.4em; /* LTR */ width: 5em; }


.press_release { background:#CCCCCC; padding:2px; margin:0 0 5px 0; } 
.addthis_native_toolbox { float:right; padding:7px; } 
.revised { font-size:.8em; float:left; margin:7px 3px; } 
.morepress { margin:10px 5px 5px 0; padding:5px; width:auto; font-size:1em; text-align:left; background:#333333; color:#FFFFFF; border-radius:10px; font-size:.9em; }
.morepress a { color:#FFFFFF !important; }
.morepress h4 { color:#9cafb3; text-align:center; }
.morepress .views-field-changed { font-size:.8em; }

.morepress ul, .morepress ul li, #block-views-inside_news-block_1 ul, #block-views-inside_news-block_1 ul li { padding: 0; margin:0; list-style:none; }
.morepress ul, #block-views-inside_news-block_1 ul { margin:3px 0 0 18px; }
.morepress li, #block-views-inside_news-block_1 li { margin:0 0 0 3em; }
.morepress li:before, #block-views-inside_news-block_1 li:before { content: '\f0da'; font-family:'FontAwesome'; float:left; margin:.9em 0 0 -1em; color:#598c4c; } 
.morepress .views-field-teaser, #block-views-inside_news-block_1 .views-field-teaser { margin:2px 0 15px 0; font-size:.9em; } 

.featured_item { background:#CCCCCC; padding:2px; margin:0 0 5px 0; } 
#features .region-top-left img { float:right; width:120px; height:auto; margin:0 0 0 10px; } 
#features img { float:right; width:300px; height:auto; margin:0 0 0 10px; } 
#feedHandler img { width:120px; height:auto; }
.views-field-view-node { padding:10px 0 0 0; font-size:.8em; font-weight:bold; }

.views_slideshow_controls { font-size:.8em; padding:0 10px; text-align:center; } 
.views_slideshow_controls { padding:0 15px; } 

.video-container { position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden; }
.video-container iframe, .video-container object, .video-container embed { position:absolute; top:0; left:0; width:100%; height:100%; }

.emptyspace { margin:50px 0; clear:both; }

.action-button { width:auto; padding:10px 2px; line-height:3px; background-color:#598c4c; color:#FFFFFF; text-decoration:none; border-radius:5px; box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.3); font-family:'Droid Sans', sans-serif; font-size:1.2em; width:100%; 
}

.action-button a { color:#FFFFFF; text-decoration:none; } 

.action-button:hover { color:#FFFFFF; background-color:#333333; }
.action-button a:hover { color:#598c4c; background:none; cursor:pointer; }

.action-button .fa { padding:0 22px 0 5px; } 

.cal-icon { color:#000000; } 
.cal-icon-name { display:none; }
.node-data-field-event-icon-field-event-icon-value { float:left; } 


.view-featured-items h3 { font-size:.7em; font-weight:bold; text-align:center; margin:0; }
.view-featured-items .views-field-changed { font-size:.7em; float:right; margin:10px 0 0 0; color:#838383; }
.view-featured-items .views-field-field-featured-image-value img { width:auto; max-width:86px; height:65px; float:left; margin:0 10px 0 0; } 
.view-featured-items .views-field-field-featured-summary-value { font-size:.8em; }

.view-featured-items .views-row { border-bottom:1px solid #575757; margin:2px 0; padding:2px 0; clear:both; min-height:100px; }
.view-featured-items a { text-decoration:none; color:#333333; background:none; }
.view-featured-items a:hover { text-decoration:none; color:#000000; }





/*responsive setting*/
@media (min-width: 1025px) {
    header ul li { margin: 10px 10px 0 10px; }
    header ul li a { margin: 0; padding: 0 5% 0 5%; }
}
@media (min-width: 992px) and (max-width: 1200px) {
    header ul li { margin: 10px 5px 0 5px; }
    header ul li a { margin: 0; padding: 0px 2% 0 2%; }
}
@media (min-width: 768px) and (max-width: 992px) {
    header ul li { margin: 10px 0 0 0; padding: 0; }
    header ul li a { margin: 0; padding: 0 12px 0 12px !important; }
.welcome { font-size:1.2em; margin:10px 5px 5px 15px;} 
.department_name { font-size:1em; margin:2px 2px 2px 17px; }

header ul { font-size:.7em; }

}
@media (max-width: 768px) {
header #logo img { width:35%; }
    header ul li a { margin: 0; padding:15px 0 0 0; }

.fa { font-size:1em; padding:0 5px;}

    header #mobile_menu { font-size:30px; margin:-33px 0 0 30px; color:#FFFFFF; float:left; }
    header #mobile_menu_list ul { list-style: none; float: left; margin: 0; padding: 0; width: 100%; }
    header #mobile_menu_list li { margin: 0; padding: 0; width: 100%; height:35px; background:#333333; text-align: center; border-bottom: 1px solid #FFFFFF; }
    header #mobile_menu_list li:hover { background: #598c4c;  }
    header #mobile_menu_list li a { width:100%; color:#FFFFFF; margin: 0; padding: 0; line-height:30px; border-bottom: none; text-decoration: none; }
.addthis_sharing_toolbox { float:left; margin:-28px 0 0 80px; } 

.welcome { font-size:.9em; margin:10px 5px 5px 23px;} 
.department_name { font-size:.9em; margin:2px 2px 2px 25px; }

}

@media print {
  a[href]:after { content:none; }
body { background:none; color:#000000; font:1em 'Droid Sans', Arial, sans-serif; }
p { margin:5px 25px 5px 5px; }
#banner { margin:0; } 
header { width:0; height:0; }
h1, h2, h3, h4, h5, h6 { margin:0; padding:0; }
h1 { font-size: 2.0em; }
h2 { font-size: 1.8em; }
h3 { font-size: 1.6em; }
h4 { font-size: 1.4em; }
h5 { font-size: 1.2em; }
h6 { font-size: 1.0em; }
table td { margin:1px; padding:2px; } 
}