@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-Bold.eot');
    src: local('Open Sans Bold'), local('OpenSans-Bold'),
        url('../fonts/OpenSans-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/OpenSans-Bold.woff2') format('woff2'),
        url('../fonts/OpenSans-Bold.woff') format('woff'),
        url('../fonts/OpenSans-Bold.ttf') format('truetype'),
        url('../fonts/OpenSans-Bold.svg#OpenSans-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans.eot');
    src: local('Open Sans'), local('OpenSans'),
        url('../fonts/OpenSans.eot?#iefix') format('embedded-opentype'),
        url('../fonts/OpenSans.woff2') format('woff2'),
        url('../fonts/OpenSans.woff') format('woff'),
        url('../fonts/OpenSans.ttf') format('truetype'),
        url('../fonts/OpenSans.svg#OpenSans') format('svg');
    font-weight: normal;
    font-style: normal;
  }


*
{
    margin: 0;
    padding: 0;
}

html
{
    height: 100%;
    width: 100%;
    overflow-y: scroll;
    background-image: url(../images/bg.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-attachment: fixed;
    background-size: cover;
    font-family: 'Open Sans', Tahoma, Verdana, Segoe, sans-serif;
}

body
{
    margin: 0px;
    padding: 0px;
}
/*
td {font-size:11px; font-family:Tahoma; color:#353535; line-height:14px; vertical-align:top;}
a {border:none; text-decoration:underline; color:#D21004;}
a:hover {text-decoration:none;}
*/
form
{
    margin: 0px;
    padding: 0px;
}

/*
ul {margin:0; padding-left:0; list-style:none}
li {background: url(images/pimp1.gif) no-repeat  left; padding-left:0px; line-height:18px; font-size:11px;color:#555555;}
li a {color:#555555; text-decoration:underline;}
li a:hover {text-decoration:none;}
*/

ul {padding-left: 0;
    font-size: 10pt;
}	

li {
	margin-left: 25px;
	list-style-type: disc;
}

img
{
    border: 0;
    vertical-align: middle;
    text-align: left;
}

html, body
{
    /* for the footer to stick to bottom of page: */
    height: 100%;
}

/* data input */
input[type=text]
{
    font-family: 'Open Sans','Tahoma' ,Verdana, Arial, Helvetica, sans-serif;
}
textarea
{
    font-family: 'Open Sans','Tahoma' ,Verdana, Arial, Helvetica, sans-serif;
}

/*header*/
#header .row_2
{
    height: 354px;
}
.headerImageDiv
{
    vertical-align: top;
}
.headerImageDiv2
{
    vertical-align: top;
    margin: 1px 1px 0px 0px;
    float: left;
    position: absolute;
    top: 47px;
    left: 0px;
}
.headerImage
{
    width: 734px;
}

#logoAddress
{
    position: absolute;
    top: 47px;
    left: 0px;
    z-index: 5;
}

/**************************/
/* rotator styles - BEGIN */
div#rotator
{
    position: relative;
    height: 358px;
    overflow-x: hidden;
    z-index: 4;
}
div#rotator ul
{
    background-image: none;
    padding-left: 0px;
}
div#rotator ul li
{
    float: left;
    position: absolute;
    list-style: none;
    list-style-type: none;
    list-style-image: none;
    background: none;
	margin-left: 0;
}
div#rotator ul li img
{
    border: 0px;
}
div#rotator ul li.show
{
    z-index: 500;
}
/* rotator styles - END */
/************************/

#page1 #addressAndInfoSpacer
{
    height: 8px;
    width: 215px;
    background-color: #251220;
}
#page1 #addressAndInfo
{
    height: 87px;
    width: 195px;
    background-color: #311529;
    text-align: center;
    color: white;
    font-size: 13px;
    line-height: 1.5em;
    padding: 10px 10px 10px 10px;
}

.address
{
    width: 230px;
    font-family: 'Open Sans';
    font-size: 11pt;
    color: #2e3192;
    text-align: center;
	line-height: 150%;
	font-weight: bold;
}

.logo
{
    padding: 24px 0 17px 18px;
}

.logo img:hover {
    background-image: url(../images/logo-hover.png);
}

/*
.header-image {
	background-position: center top;
	width: 980px;
	height: 354px;
}
*/

/*QUickLinks list*/
div.cityLinks ul
{
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

div.cityLinks ul li
{
    background-image: url(../images/bullet.png);
    background-repeat: no-repeat;
    background-position: 5px 9px;
    padding-left: 25px;
    padding-bottom: 9px;
    padding-top: 9px;
    border-bottom: 1px solid #c3bbb5;
    text-align: left;
	margin-left: 0;
	list-style-type: none;
}

div.cityLinks a
{
    font-family: 'Open Sans', sans-serif;
    font-size: 11pt;
    color: #2c2925;
    text-align: left;
    text-decoration: none;
}

div.cityLinks a:hover
{
    text-decoration: underline;
}


#pagecontainer
{
    width: 960px;
    margin: 0px auto;
    background-color: #ffffff; /* for the footer to stick to bottom of page: */
    height: auto;
    position: relative;
    overflow: hidden;
}

#pageheader
{
    position: relative;
    width: 974px;
    height: 95px;
    background-color: #ffffff;
}
#headerlogo
{
    float: left;
    text-align: center;
    margin: auto;
    padding-top: 50px;
    padding-bottom: 5px;
}
#headernav
{
    text-align: right;
    position: absolute;
    width: 150px;
    height: 37px;
    right: 0px;
    top: 10px;
    background-color: #ffffff;
}
#headernav .navbutton
{
    margin: 0px;
    border: 0px;
    padding: 0px;
}
#headernav .divider
{
    border-right: 1px dotted #999999;
}

#navigation
{
    height: 43px;
    margin: 0px 0px 3px 0px;
}
#search
{
    float: left;
    position: relative;
    color: #ffffff;
    width: 257px;
    height: 43px;
    margin: 0px;
    margin-right: -12px; /*    background-color:#008643; */
    background: url(../images/common/HeaderColumn1.gif) no-repeat top left;
    background-color: transparent; /*    background:url(../images/navigation/SearchBar-Gray.gif) no-repeat top left; */
    text-align: center;
    line-height: 43px;
}

.searchBoxPanel
{
    background: url(../images/common/HeaderColumn1.gif) no-repeat top left;
    background-color: transparent;
    font-size: 75%;
    margin: auto;
    font-family: 'Open Sans','Tahoma' ,Verdana, Arial, Helvetica, sans-serif;
}

.verticalcenter
{
    display: inline-block;
    vertical-align: middle;
}

.col_1
{
    float: left;
    border: 0px solid;
    border-top-color: White;
    width: 198px;
    margin: 1px 0px 30px -1px;
}
.col_2
{
    float: left;
    border: 0px solid;
    width: 715px;
    margin: 0;
    padding-left: 15px;
}

.col_2_default
{
    float: left;
    border: 0px solid;
    width: 493px;
    margin: 0px 0px 0px 0px;
    overflow-x: hidden;
}



#side
{
    width: 231px;
    padding: 10px 0 0 0;
    background-color: #f8f6f6;
    border: 1px;
    border-color: #f0e2f2;
    border-style: solid;
    float: left;
}

#mainLeftColumn
{
    width: 227px;
    padding-left: 3px;
    float: left;
    text-align: center;
    position: relative;
    overflow-x: hidden;
    background-color: #f2f0eb;
}

#mainRightColumn
{
    width: 209px;
    float: right;
    padding: 0px 6px;
    overflow-x: hidden;
    background-color: #f2f0eb;
    text-align: center;
    position: relative;
    border: 0 none;
}

.ColumnFeatureTitle
{
    padding-bottom: 5px;
    padding-top: 18px;
    padding-left: 10px;
    font-family: 'Open Sans';
    color: #438b00;
    font-size: 19pt;
    text-align: left;
    line-height: 1;
}

.RightColumnTitle 
{
    padding-bottom: 5px;
    padding-top: 18px;
    font-family: 'Open Sans';
    color: #438b00;
    font-size: 19pt;
    text-align: left;
    line-height: 1;
}

.rightFeatureItem
{
    padding-bottom: 20px;
    text-align: left;
}

.rightFeatureItem a
{
    font-family: 'Open Sans', Verdana, Helvetica, Arial, sans-serif;
    font-size: 11pt; /*color: #4d494b;*/
    color: black;
    text-align: left;
    text-decoration: none;
    line-height: 150%;
}

.rightFeatureItem a:hover
{
    text-decoration: underline;
}

#mainRightColumnWide
{
    margin-left: 3px;
    padding: 0px 15px;
}

#mainmenu
{
    color: #ffffff;
    float: right;
    position: relative;
    margin: 0px;
    width: 706px;
    height: 29px;
    padding-top: 14px;
    background: url(../images/common/HeaderColumn2.gif) no-repeat top left;
    background-color: transparent;
}

/* calendar control's "sub-styles" */
#calendar
{
    display: table-cell;
    vertical-align: bottom;
    padding-bottom: 20px;
}
div#calendar_title
{
    background-image: url(../images/arrow-big.png);
    background-repeat: no-repeat;
    background-position: left center;
}

.calendar-class
{
    width: 208px;
    background-color: White;
    font-family: 'Open Sans';
    align-content: center;
    text-align: center;
    font-size: 8pt;
    background-color: #ffffff;
	border: 1px solid #ccd2a2;
	margin-top: 5px;
}

.calendar-class a
{
    text-decoration: none;
}

.calendar-dayHeader
{
    color: #314544;
    font-weight: bold;
    padding: 0px 0px;
    font-size: 8pt;
    text-transform: uppercase;
    background-color: #ebeae1;
    height: 25px;
}

.calendar-nextPrev
{
    background-color: #438b00;
    padding: 0px 5px;
    text-align: center;
    color: White;
}

.calendar-day
{
    padding: 5px 6px;
    font-size: 11px;
}

.calendar-otherMonthDay
{
    padding: 2px 6px;
    color: #8ba6c8;
    background-color: #E0D1D1;
}

.calendar-selectedDay a
{
    padding: 2px 6px;
    color: #7a3880;
    font-weight: bold;
    font-size: 11px;
}

.calendar-selectedDay a:hover
{
    text-decoration: underline;
}

.calendar-today
{
    border: 1px solid #2f317a;
}

.calendar-title
{
    background-color: #438b00;
    color: white;
    font-size: 17px;
    vertical-align: middle;
    height: 28px;
}

.calendar_link
{
    font-family: Candara;
    font-size: 23pt;
    color: #7a3880;
    text-align: left;
    text-decoration: none;
}

.calendar_link a:hover
{
    text-decoration: none;
    cursor: pointer;
}

.calendar_items_list
{
    border: 1px solid #ecc1df;
    margin: -1px;
}

.calendar_items_list_header
{
    padding: 4px 10px 0px 10px;
    height: 26px;
    background-color: #FFF0F0;
}

.calendar_items_list_header .div1
{
    width: 150px;
}

.calendar_items_list li .div_col1
{
    padding: 4px 0px 0px 10px;
    height: 26px;
    width: 150px;
    background-color: inherit;
}

.calendar_items_list li .div_col2
{
    padding: 4px 10px 0px 0px;
    height: 26px;
    width: 250px;
    background-color: inherit;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.calendar_items_list .item
{
}

.calendar_items_list .alt_item
{
    background-color: #FFF8F8;
}
/*End of Calendar*/

/*Calendar list items*/
.day-event {
	text-align: left;
	list-style-type: none;
	margin-left: 0;
}

.date a
{
    font-family: 'Open Sans';
    font-size: 11pt;
    color: #2f317a;
    text-decoration: underline;
    line-height: 150%;
}

.date a:hover
{
    text-decoration: underline;
    line-height: 150%;	
}

.day
{
    width: 200px;
    margin: 10px 0 0 2px
}

ul.calendar_items_list
{
    list-style: none;
    border: none;
}

.news-font
{
    font-family: 'Open Sans'; /*color: #4d494b;*/
    color: #2c2925;
    font-size: 10pt;
    display: block;
	margin-bottom: 14px;
}

.view-btn
{
    background-image: url(../images/button.jpg);
    width: 94px;
    height: 30px;
}

.view-btn: hover
{
    background-image: url(../images/button-hover.jpg);
    width: 94px;
    height: 30px;
}

.view-button
{
    margin-top: 10px;
    text-align: left;
   
}

.main-street
{
 margin-top: 40px;
 margin-right: 23px;
}

/*End of calendar list items*/





/*  Sophicity styling start */
/* ComponentArt Menu Styling */

.TopGroup
{
    padding: 0px 0px 0px 15px;

    text-align: left;
    font-family: 'Open Sans';
    font-size: 11pt;
    margin: 0px auto;
    height: 45px;
    width: 100%;
    background-color: #3e961a;
}

.TopGroup td
{
    color: White;
    background-color: #3e961a;
    vertical-align: middle;
    text-align: left;	
    text-transform: uppercase;
}

.TopGroup td:hover
{
    color: #FFFF00;
    background-color: #51b600;
}


.topMenuItem
{
    padding: 0px 9px 0px 9px;
    color: white;
    font-family: 'Open Sans';
    font-size: 11pt;
}

.firstTopMenuItem, .firstTopMenuItemHover
{
    padding: 5px 9px 0px 9px;
    text-align: center;
    background-color: #2f317a;
}

.lastTopMenuItem, .lastTopMenuItemHover
{
    padding: 10px 10px 0px 10px;
    background-color: #2f317a;
}

.topMenuItemHover, .lastTopMenuItemHover, .firstTopMenuItemHover
{
    cursor: pointer;
    color: #d0c6ca;
    text-decoration: none;
    padding: 0px 9px 0px 9px;
    background-color: #337e15;
    font-family: 'Open Sans';
    font-size: 11pt;
}


.menuItem
{
    cursor: pointer;
    color: white;
    font-family: 'Open Sans';
    font-size: 11pt;
    text-decoration: none;
    padding: 5px 9px 5px 9px;
    background-color: #337e15;
    height: 25px;
    border-bottom: 1px solid #489529;
    padding: 7px 9px;
}

.menuItemHover
{
    cursor: pointer;
    padding: 5px 9px 5px 9px;
    font-family: 'Open Sans';
    font-size: 11pt;
    color: #FFFF00;
    background-color : #3e961a;
    height: 25px;
    border-bottom: 1px solid #489529;  
    padding: 7px 9px;
}


.MenuGroup
{
    background-color: #1d0c18;
    color: White;
    font-family: sans-serif;
    font-size: 14pt;
}

.FooterTopGroup
{
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 25px;
    padding-right: 25px; /*  text-align: Top;*/
    color: White;
    font-family: 'Open Sans', Helvetica, sans-serif;
    font-size: 11pt;
    text-decoration: underline;
    margin: 0px 0px;
}
.footerTopMenuItem, .footerTopMenuItemHover
{
    padding: 0px 7px 0px 8px;
}
.footerTopMenuItemHover
{
    cursor: pointer;
}
.footerLastTopMenuItem, .footerLastTopMenuItemHover
{
    padding: 0px 8px 0px 7px;
}

.FooterMenuGroup
{
    background-color: #0066cc;
    color: White;
    font-family: 'Open Sans', Helvetica, sans-serif;
    font-size: 8pt;
}

.footerMenuItem, .footerMenuItemHover
{
    padding-top: 0px;
    padding-right: 12px;
    padding-left: 12px;
}

.footerMenuItemHover, .footerLastTopMenuItemHover
{
    cursor: pointer;
}

/* End ComponentArt Menu Styling */


/*Footer styles*/
.container-bottom
{
    width: 990px;
    height: 67px;
    margin: 0 auto;
    position: relative;
    background-color: #752f7c;
}

.clearfix:before, .clearfix:after
{
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden;
}

.clearfix:after
{
    clear: both;
}

.clear
{
    clear: both;
}

#footer
{
    overflow: visible;
    clear: both;
    border-top: 0px;
    width: 960px;
    height: 55px;
    position: relative;
    bottom: 0px;
    background-color: #3e961a;
}

.footer-left-column
{
    float: left;
    color: white;
    font-family: 'Open Sans';
    font-size: 11pt;
    margin: 18px 0 0 30px;
}

.footer-center-column
{
    margin: 17px 0 0 40px;
}

.footer-menu
{
    margin: 0 5px;
    float: left;
	color: white;
}

.footer-menu a
{
    color: white;
    font-family: 'Open Sans';
    font-size: 11pt;
    text-decoration: none;
    text-align: right;
}

.footer-menu a:hover
{
    text-decoration: underline;
}

.footer-email-share a
{
    color: white;
    font-family: 'Open Sans';
    font-size: 11pt;
    text-decoration: none;
    text-align: right;
}

.footer-email-share a:hover
{
    text-decoration: underline;
}

.footer-email-share
{
	margin: 18px 0 0 30px
}

.footer-powered-links
{
    margin: 9px 0 0 50px;
}


.footer-icons {
    margin: 0 8px 0 0;
}

.footer-icons img {
    margin-top:2px;
}

.share {
    margin: 0 7px 0 25px;
}

.powered-by 
{
    margin-bottom: 18px;
}



.MenuGroup
{
    background-color: #1d0c18;
    color: White;
    font-family: sans-serif;
    font-size: 14pt;
}

/* End ComponentArt Menu Styling */



#mainContent
{
    clear: both;
    overflow: hidden;
}


.itemListEntryTextHyperLink, .itemListEntryTextHyperLink_LastItem
{
    text-decoration: none;
}
.itemListEntryTextHyperLink_LastItem .leftFeatureItem
{
    border-bottom: 0px;
}
#subheaderLeft
{
    width: 227px;
    margin-right: 3px;
    padding: 15px 15px 10px 12px;
}
#subheaderRight
{
    float: left;
    width: 503px;
    margin-right: 3px;
    height: 193px;
}


.siteTitle {
    color: #3f221c; 
    font-family: 'Open Sans';
    font-size: 23pt; 
    text-align: center;
    line-height: normal;
    padding-top:26px;
    padding-bottom: 5px;
    font-weight: bold;
}

#report-issue-btn 
{
    background: url('../images/report-btn.jpg') no-repeat;
    margin-top: 16px;
    cursor: pointer;
    width: 207px;
    height: 30px;
    display: inline-block;
}

#report-issue-btn:hover 
{
    background: url('../images/report-btn-hover.jpg') no-repeat;
}

.welcome-title 
{
    padding-top: 0px;
}

h1 {
    color: #438b00; 
    font-family: 'Open Sans', Sans-Serif;
    font-size: 18pt; 
    line-height: normal;
    padding-bottom: 5px;
    padding-top: 10px;
    font-weight: bold;
}

h2 {
    color: #313a15; 
    font-family: 'Open Sans', Sans-Serif;
    font-size: 14pt; 
    line-height: normal;
    font-weight: bold;
}

h3 {
    font-family: 'Open Sans', Sans-Serif;
    padding-left: 0px;
    padding-bottom: 8px;
    font-size: 11pt;
    font-weight: bold;
}

p {
    color: #2c2925;
    font-family: 'Open Sans';
    font-size: 10pt;
    margin: 10px 0; 
    text-align: left; 
    line-height: 150%
}

a {
	color: #2f317a;
}

.sitemapNodes
{
	font-family: 'Open Sans', Sans-Serif;
	line-height: 200%;
        font-size: 10.5pt;
}

.sitemapNodes td
{
    padding-right: 5px;
}

.image-box 
{
	border:0px; 
        box-shadow: 8px 8px 5px #ccc; 
	-moz-box-shadow: 8px 8px 5px #ccc; 
	-webkit-box-shadow: 10px 8px 5px #ccc; 
	-khtml-box-shadow: 8px 8px 5px #ccc; 

}



#loginIcons
{
    float: right;
    text-align: center;
    height: 33px;
    line-height: 33px;
}

.pageCalendar
{

}

.feedLinkContainer
{
    text-align: left !important;
}

.leftFeatureTop, .leftFeatureBottom
{
    width: 254px;
    height: 7px;
}
.leftFeatureTop
{
    background: url(../images/common/List-Top.gif) no-repeat top center;
}
.leftFeatureBottom
{
    background: url(../images/common/List-Bottom.gif) no-repeat top center;
    margin: 0px 0px 3px 0px;
}
.leftFeature
{
    text-align: left; /*    width:252px;     border-left: 1px solid #c7c7c7;     border-right: 1px solid #c7c7c7; */
    padding: 5px;
}
.leftFeatureItem
{
    font-size: 11px;
    font-family: Tahoma;
    color: #353535;
    line-height: 14px;
    vertical-align: top;
}


#Section-header
{
    width: 187px;
    font-family: Candara;
    color: #7a3880;
    font-size: 23pt;
    text-align: left;
    line-height: 1;
}

.search
{
    height: 30px;
    border: 1px solid #2f317a;
    display: inline-block;
    margin: 20px 0 0 0;
    background-color: #f7f6ef;
}

.search .search-input
{
    border: none;
    background: none;
    font-family: 'Open Sans';
    font-style: italic;
    font-size: 10pt;
    color: #2f317a;
    height: 30px;
    width: 170px;
    padding: 0px 0 0 5px;
    background-color: white;
}

.search-btn
{
    width: 26px;
    height: 26px;
    border: none;
    background-image: url(../images/search-button.jpg);
    cursor: pointer;
    vertical-align: top;
    margin-right: 2px;
    margin-top: 2px;
}

.search-btn:hover
{
    background-image: url(../images/search-button-hover.jpg);
}

.content-btn
{
    display: inline-block;
    color: #fff !important;
    background: #3e961a;
    padding: 6px 20px;
    text-decoration: none !important;
    margin-bottom: 15px;
    box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.2);
}

.content-btn:hover {
    background: #348015;
    text-decoration: none;
    color: white !important;
}


.text-block 
{
    width: 450px;
    border: solid 1px #438b00;
    padding: 12px 3px 15px 18px;
    float: left;
}

.georgia811 
{
    color: #0e5033;
    font-family: 'Open Sans';
    font-size: 13pt;
    margin-top: 30px;
    font-weight:bold;
}

.list-in-text ul 
{
    list-style-type: none;
}

.list-in-text li 
{
    background-image: url("../images/bullet.jpg");
    background-position: 5px 9px;
    background-repeat: no-repeat;
    padding-left: 20px;
    text-align: left;
}

.table-phones 
{
    border-collapse: collapse; 
    font-size: 10pt !important;
    font-family: 'Open Sans';
}



.table-phones td {
    line-height: 200% !important;
    width: 60%;
    border-bottom-style: dotted;
    border-bottom-width: 1px;
}


.div-float 
{
    float: left;
}

.ethicsLogo
{
    margin-top:20px;
    margin-right:4px; 
    margin-bottom: 30px;	
}

.help-text {
	line-height: 140%;
	font-style: italic;	
}	

.img-box {
    /* height: 100%; */
    left: 0px;
    overflow-x: hidden;
    overflow-y: hidden;
    top: 0px;
    /* width: 100%; */
    box-shadow: 0px 2px 6px rgba(10,10,10,0.6);
    border: 3px white solid;
    margin-right: 20px;
    margin-bottom: 15px;
}

#skiptocontent a {
	padding: 6px 15px 10px 15px;
	position: absolute;
	top: -40px;
	left: 0px;
	color: #438b00;
	border-right: 1px solid #438b00;
	border-bottom-right-radius: 8px;
	background: transparent;
	-webkit-transition: top 1s ease-out, background 1s linear;
	transition: top 1s ease-out, background 1s linear;
	z-index: 100;
}

	#skiptocontent a:focus {
		position: absolute;
		left: 0px;
		top: 0px;
		background: white;
		border-bottom: 3px #438b00 solid;
		outline: 0;
		-webkit-transition: top .1s ease-in, background .5s linear;
		transition: top .1s ease-in, background .5s linear;
	}
.notify-btn a {
    background-color: #2f317a;
    display: inline-block;
    color:white;
    padding-left: 12px;
    padding-right: 12px;
    line-height: 30px;
    margin-top: 10px;
    margin-top: 10px;
    text-decoration:none;
}

.notify-btn a:hover {
    background-color: #434587;
}

table#tblContentLayout {
	width: 100%;
}